@skyux/tabs 7.0.0-beta.0 → 7.0.0-beta.10

package/documentation.json

@@ -25,7 +25,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 348,
+        "id": 377,
         "name": "SkySectionedFormComponent",
         "kind": 128,
         "kindString": "Class",
@@ -49,7 +49,7 @@
         ],
         "children": [
           {
-            "id": 349,
+            "id": 378,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -57,20 +57,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 77,
+                "line": 76,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 350,
+                "id": 379,
                 "name": "new SkySectionedFormComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 351,
+                    "id": 380,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -81,7 +81,7 @@
                     }
                   },
                   {
-                    "id": 352,
+                    "id": 381,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -96,14 +96,35 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 348,
+                  "id": 377,
                   "name": "SkySectionedFormComponent"
                 }
               }
             ]
           },
           {
-            "id": 357,
+            "id": 384,
+            "name": "ariaRole",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
+                "line": 67,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "defaultValue": "'tablist'"
+          },
+          {
+            "id": 385,
             "name": "content",
             "kind": 1024,
             "kindString": "Property",
@@ -127,7 +148,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 72,
+                "line": 70,
                 "character": 9
               }
             ],
@@ -145,7 +166,7 @@
             }
           },
           {
-            "id": 354,
+            "id": 383,
             "name": "indexChanged",
             "kind": 1024,
             "kindString": "Property",
@@ -189,7 +210,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 353,
+            "id": 382,
             "name": "maintainSectionContent",
             "kind": 1024,
             "kindString": "Property",
@@ -231,36 +252,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 355,
-            "name": "ariaRole",
-            "kind": 262144,
-            "kindString": "Accessor",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 67,
-                "character": 13
-              }
-            ],
-            "getSignature": [
-              {
-                "id": 356,
-                "name": "ariaRole",
-                "kind": 524288,
-                "kindString": "Get signature",
-                "flags": {},
-                "type": {
-                  "type": "intrinsic",
-                  "name": "string"
-                }
-              }
-            ]
-          },
-          {
-            "id": 363,
+            "id": 391,
             "name": "ngAfterViewChecked",
             "kind": 2048,
             "kindString": "Method",
@@ -270,13 +262,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 106,
+                "line": 112,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 364,
+                "id": 392,
                 "name": "ngAfterViewChecked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -297,7 +289,7 @@
             }
           },
           {
-            "id": 365,
+            "id": 393,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -307,13 +299,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 111,
+                "line": 117,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 366,
+                "id": 394,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -334,7 +326,7 @@
             }
           },
           {
-            "id": 361,
+            "id": 389,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -344,13 +336,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 82,
+                "line": 83,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 362,
+                "id": 390,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -371,7 +363,7 @@
             }
           },
           {
-            "id": 369,
+            "id": 397,
             "name": "showTabs",
             "kind": 2048,
             "kindString": "Method",
@@ -381,13 +373,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 121,
+                "line": 127,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 370,
+                "id": 398,
                 "name": "showTabs",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -400,7 +392,7 @@
             ]
           },
           {
-            "id": 367,
+            "id": 395,
             "name": "tabsVisible",
             "kind": 2048,
             "kindString": "Method",
@@ -410,13 +402,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.component.ts",
-                "line": 116,
+                "line": 122,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 368,
+                "id": 396,
                 "name": "tabsVisible",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -434,35 +426,29 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              349
+              378
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              357,
-              354,
-              353,
-              360
-            ]
-          },
-          {
-            "title": "Accessors",
-            "kind": 262144,
-            "children": [
-              355
+              384,
+              385,
+              383,
+              382,
+              388
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              363,
-              365,
-              361,
-              369,
-              367
+              391,
+              393,
+              389,
+              397,
+              395
             ]
           }
         ],
@@ -495,7 +481,7 @@
         ]
       },
       {
-        "id": 320,
+        "id": 349,
         "name": "SkySectionedFormModule",
         "kind": 128,
         "kindString": "Class",
@@ -520,7 +506,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              321
+              350
             ]
           }
         ],
@@ -533,7 +519,7 @@
         ]
       },
       {
-        "id": 323,
+        "id": 352,
         "name": "SkySectionedFormService",
         "kind": 128,
         "kindString": "Class",
@@ -552,7 +538,7 @@
         ],
         "children": [
           {
-            "id": 328,
+            "id": 357,
             "name": "invalidFieldChanged",
             "kind": 2048,
             "kindString": "Method",
@@ -562,13 +548,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.service.ts",
-                "line": 24,
+                "line": 22,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 329,
+                "id": 358,
                 "name": "invalidFieldChanged",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -578,7 +564,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 330,
+                    "id": 359,
                     "name": "isInvalid",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -597,7 +583,7 @@
             ]
           },
           {
-            "id": 331,
+            "id": 360,
             "name": "requiredFieldChanged",
             "kind": 2048,
             "kindString": "Method",
@@ -607,13 +593,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.service.ts",
-                "line": 32,
+                "line": 30,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 332,
+                "id": 361,
                 "name": "requiredFieldChanged",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -623,7 +609,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 333,
+                    "id": 362,
                     "name": "isRequired",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -647,15 +633,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              324
+              353
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              328,
-              331
+              357,
+              360
             ]
           }
         ],
@@ -668,7 +654,7 @@
         ]
       },
       {
-        "id": 342,
+        "id": 371,
         "name": "SkyTabsModule",
         "kind": 128,
         "kindString": "Class",
@@ -683,7 +669,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "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}"
+              "obj": "{\n  declarations: [\n    SkyTabButtonComponent,\n    SkyTabComponent,\n    SkyTabsetComponent,\n    SkyTabsetNavButtonComponent,\n    SkyTabsetNavButtonDisabledPipe,\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    SkyDropdownModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyTabsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyTabComponent, SkyTabsetComponent, SkyTabsetNavButtonComponent],\n}"
             }
           }
         ],
@@ -693,20 +679,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              343
+              372
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/tabs/src/modules/tabs/tabs.module.ts",
-            "line": 34,
+            "line": 36,
             "character": 13
           }
         ]
       },
       {
-        "id": 345,
+        "id": 374,
         "name": "SkyVerticalTabsetModule",
         "kind": 128,
         "kindString": "Class",
@@ -731,7 +717,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              346
+              375
             ]
           }
         ],
@@ -773,7 +759,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 155,
+                "line": 167,
                 "character": 2
               }
             ],
@@ -830,7 +816,7 @@
             ]
           },
           {
-            "id": 26,
+            "id": 29,
             "name": "close",
             "kind": 1024,
             "kindString": "Property",
@@ -855,7 +841,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 120,
+                "line": 128,
                 "character": 9
               }
             ],
@@ -915,8 +901,8 @@
             }
           },
           {
-            "id": 33,
-            "name": "showContent",
+            "id": 34,
+            "name": "permalinkValueOrDefault",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
@@ -925,19 +911,19 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 137,
+                "line": 141,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
-              "name": "boolean"
+              "name": "string"
             },
-            "defaultValue": "false"
+            "defaultValue": "''"
           },
           {
-            "id": 34,
-            "name": "tabButtonId",
+            "id": 35,
+            "name": "showContent",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
@@ -946,42 +932,28 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 139,
+                "line": 143,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
-              "name": "string"
-            }
+              "name": "boolean"
+            },
+            "defaultValue": "false"
           },
           {
-            "id": 20,
-            "name": "tabHeaderCount",
+            "id": 36,
+            "name": "tabButtonId",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Displays a counter beside the tab header.\nThis input only applies when the tabset's `tabStyle` is `\"tabs\"`."
-            },
-            "decorators": [
-              {
-                "name": "Input",
-                "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
-                },
-                "arguments": {}
-              }
-            ],
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 79,
+                "line": 145,
                 "character": 9
               }
             ],
@@ -991,19 +963,19 @@
             }
           },
           {
-            "id": 21,
-            "name": "tabHeading",
+            "id": 20,
+            "name": "tabHeaderCount",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the tab header.\nWhen using tabs as the main navigation on a page,\nuse [the Angular `Title` service](https://angular.io/docs/ts/latest/cookbook/set-document-title.html)\nand [the SKY UX `title` configuration property](https://developer.blackbaud.com/skyux/learn/reference/configuration#app)\nto reflect the tab header in the page title.",
+              "shortText": "Displays a counter beside the tab header.\nThis input only applies when the tabset's `tabStyle` is `\"tabs\"`.",
               "tags": [
                 {
-                  "tag": "required",
-                  "text": "\n"
+                  "tag": "deprecated",
+                  "text": "SKY UX no longer recommends adding counts to tabs.\n"
                 }
               ]
             },
@@ -1022,7 +994,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 90,
+                "line": 79,
                 "character": 9
               }
             ],
@@ -1032,7 +1004,7 @@
             }
           },
           {
-            "id": 35,
+            "id": 37,
             "name": "tabPanelId",
             "kind": 1024,
             "kindString": "Property",
@@ -1042,7 +1014,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 141,
+                "line": 147,
                 "character": 9
               }
             ],
@@ -1173,35 +1145,6 @@
               }
             ]
           },
-          {
-            "id": 27,
-            "name": "closeable",
-            "kind": 262144,
-            "kindString": "Accessor",
-            "flags": {
-              "isPublic": true
-            },
-            "sources": [
-              {
-                "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 122,
-                "character": 13
-              }
-            ],
-            "getSignature": [
-              {
-                "id": 28,
-                "name": "closeable",
-                "kind": 524288,
-                "kindString": "Get signature",
-                "flags": {},
-                "type": {
-                  "type": "intrinsic",
-                  "name": "boolean"
-                }
-              }
-            ]
-          },
           {
             "id": 16,
             "name": "permalinkValue",
@@ -1276,7 +1219,7 @@
             ]
           },
           {
-            "id": 29,
+            "id": 30,
             "name": "stateChange",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1286,13 +1229,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 129,
+                "line": 133,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 30,
+                "id": 31,
                 "name": "stateChange",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1316,8 +1259,8 @@
             ]
           },
           {
-            "id": 22,
-            "name": "tabIndex",
+            "id": 21,
+            "name": "tabHeading",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
@@ -1338,13 +1281,98 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 97,
+                "line": 90,
                 "character": 13
               }
             ],
             "getSignature": [
+              {
+                "id": 22,
+                "name": "tabHeading",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the tab header.\nWhen using tabs as the main navigation on a page,\nuse [the Angular `Title` service](https://angular.io/docs/ts/latest/cookbook/set-document-title.html)\nand [the SKY UX `title` configuration property](https://developer.blackbaud.com/skyux/learn/reference/configuration#app)\nto reflect the tab header in the page title.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              }
+            ],
+            "setSignature": [
               {
                 "id": 23,
+                "name": "tabHeading",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the tab header.\nWhen using tabs as the main navigation on a page,\nuse [the Angular `Title` service](https://angular.io/docs/ts/latest/cookbook/set-document-title.html)\nand [the SKY UX `title` configuration property](https://developer.blackbaud.com/skyux/learn/reference/configuration#app)\nto reflect the tab header in the page title.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 24,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 25,
+            "name": "tabIndex",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
+                "line": 105,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 26,
                 "name": "tabIndex",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1354,14 +1382,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 334,
+                  "id": 363,
                   "name": "SkyTabIndex"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 24,
+                "id": 27,
                 "name": "tabIndex",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1371,14 +1399,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 25,
+                    "id": 28,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 334,
+                      "id": 363,
                       "name": "SkyTabIndex"
                     }
                   }
@@ -1391,7 +1419,7 @@
             ]
           },
           {
-            "id": 31,
+            "id": 32,
             "name": "tabIndexChange",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1401,13 +1429,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 133,
+                "line": 137,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 32,
+                "id": 33,
                 "name": "tabIndexChange",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1417,7 +1445,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 334,
+                      "id": 363,
                       "name": "SkyTabIndex"
                     }
                   ],
@@ -1429,7 +1457,7 @@
             ]
           },
           {
-            "id": 49,
+            "id": 55,
             "name": "activate",
             "kind": 2048,
             "kindString": "Method",
@@ -1439,13 +1467,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 185,
+                "line": 212,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 50,
+                "id": 56,
                 "name": "activate",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1458,7 +1486,7 @@
             ]
           },
           {
-            "id": 51,
+            "id": 57,
             "name": "deactivate",
             "kind": 2048,
             "kindString": "Method",
@@ -1468,13 +1496,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 191,
+                "line": 218,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 52,
+                "id": 58,
                 "name": "deactivate",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1487,7 +1515,7 @@
             ]
           },
           {
-            "id": 47,
+            "id": 53,
             "name": "init",
             "kind": 2048,
             "kindString": "Method",
@@ -1497,13 +1525,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 181,
+                "line": 208,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 48,
+                "id": 54,
                 "name": "init",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1516,8 +1544,8 @@
             ]
           },
           {
-            "id": 42,
-            "name": "ngOnChanges",
+            "id": 59,
+            "name": "isCloseable",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -1526,39 +1554,68 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 165,
+                "line": 224,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 43,
-                "name": "ngOnChanges",
+                "id": 60,
+                "name": "isCloseable",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
-                "parameters": [
-                  {
-                    "id": 44,
-                    "name": "changes",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "qualifiedName": "SimpleChanges",
-                      "package": "@angular/core",
-                      "name": "SimpleChanges"
-                    }
-                  }
-                ],
                 "type": {
                   "type": "intrinsic",
-                  "name": "void"
-                },
-                "implementationOf": {
-                  "type": "reference",
-                  "name": "OnChanges.ngOnChanges"
+                  "name": "boolean"
+                }
+              }
+            ]
+          },
+          {
+            "id": 48,
+            "name": "ngOnChanges",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
+                "line": 188,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 49,
+                "name": "ngOnChanges",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 50,
+                    "name": "changes",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "qualifiedName": "SimpleChanges",
+                      "package": "@angular/core",
+                      "name": "SimpleChanges"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnChanges.ngOnChanges"
                 }
               }
             ],
@@ -1568,7 +1625,7 @@
             }
           },
           {
-            "id": 45,
+            "id": 51,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -1578,13 +1635,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 176,
+                "line": 199,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 46,
+                "id": 52,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1617,13 +1674,13 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              26,
+              29,
               15,
-              33,
               34,
+              35,
+              36,
               20,
-              21,
-              35
+              37
             ]
           },
           {
@@ -1632,22 +1689,23 @@
             "children": [
               9,
               13,
-              27,
               16,
-              29,
-              22,
-              31
+              30,
+              21,
+              25,
+              32
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              49,
-              51,
-              47,
-              42,
-              45
+              55,
+              57,
+              53,
+              59,
+              48,
+              51
             ]
           }
         ],
@@ -1674,7 +1732,7 @@
         ]
       },
       {
-        "id": 53,
+        "id": 63,
         "name": "SkyTabsetComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1695,7 +1753,7 @@
         ],
         "children": [
           {
-            "id": 54,
+            "id": 64,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1703,20 +1761,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 216,
+                "line": 214,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 55,
+                "id": 65,
                 "name": "SkyTabsetComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 56,
+                    "id": 66,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1729,7 +1787,7 @@
                     }
                   },
                   {
-                    "id": 57,
+                    "id": 67,
                     "name": "elementRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1748,7 +1806,7 @@
                     }
                   },
                   {
-                    "id": 58,
+                    "id": 68,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1759,7 +1817,7 @@
                     }
                   },
                   {
-                    "id": 59,
+                    "id": 69,
                     "name": "permalinkService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1770,7 +1828,7 @@
                     }
                   },
                   {
-                    "id": 60,
+                    "id": 70,
                     "name": "tabsetService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1783,14 +1841,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 53,
+                  "id": 63,
                   "name": "SkyTabsetComponent"
                 }
               }
             ]
           },
           {
-            "id": 75,
+            "id": 85,
             "name": "activeChange",
             "kind": 1024,
             "kindString": "Property",
@@ -1815,7 +1873,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 147,
+                "line": 133,
                 "character": 9
               }
             ],
@@ -1824,7 +1882,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 334,
+                  "id": 363,
                   "name": "SkyTabIndex"
                 }
               ],
@@ -1835,7 +1893,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 65,
+            "id": 75,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -1860,7 +1918,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 98,
+                "line": 84,
                 "character": 9
               }
             ],
@@ -1870,7 +1928,7 @@
             }
           },
           {
-            "id": 66,
+            "id": 76,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -1895,7 +1953,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 107,
+                "line": 93,
                 "character": 9
               }
             ],
@@ -1905,7 +1963,7 @@
             }
           },
           {
-            "id": 88,
+            "id": 97,
             "name": "dropdownTriggerButtonText",
             "kind": 1024,
             "kindString": "Property",
@@ -1915,17 +1973,18 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 192,
+                "line": 183,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "string"
-            }
+            },
+            "defaultValue": "''"
           },
           {
-            "id": 76,
+            "id": 86,
             "name": "newTab",
             "kind": 1024,
             "kindString": "Property",
@@ -1950,7 +2009,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 155,
+                "line": 141,
                 "character": 9
               }
             ],
@@ -1969,7 +2028,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 77,
+            "id": 87,
             "name": "openTab",
             "kind": 1024,
             "kindString": "Property",
@@ -1994,7 +2053,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 163,
+                "line": 149,
                 "character": 9
               }
             ],
@@ -2013,7 +2072,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 90,
+            "id": 99,
             "name": "tabButtons",
             "kind": 1024,
             "kindString": "Property",
@@ -2023,7 +2082,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 200,
+                "line": 191,
                 "character": 9
               }
             ],
@@ -2037,7 +2096,7 @@
             "defaultValue": "[]"
           },
           {
-            "id": 78,
+            "id": 88,
             "name": "tabIndexesChange",
             "kind": 1024,
             "kindString": "Property",
@@ -2062,7 +2121,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 170,
+                "line": 156,
                 "character": 9
               }
             ],
@@ -2071,7 +2130,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 337,
+                  "id": 366,
                   "name": "SkyTabsetTabIndexesChange"
                 }
               ],
@@ -2082,51 +2141,83 @@
             "defaultValue": "..."
           },
           {
-            "id": 87,
-            "name": "tabs",
-            "kind": 1024,
-            "kindString": "Property",
+            "id": 71,
+            "name": "active",
+            "kind": 262144,
+            "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
             "decorators": [
               {
-                "name": "ContentChildren",
+                "name": "Input",
                 "type": {
                   "type": "reference",
-                  "qualifiedName": "ContentChildrenDecorator",
+                  "qualifiedName": "InputDecorator",
                   "package": "@angular/core",
-                  "name": "ContentChildren"
+                  "name": "Input"
                 },
-                "arguments": {
-                  "selector": "SkyTabComponent"
-                }
+                "arguments": {}
               }
             ],
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 190,
-                "character": 9
+                "line": 46,
+                "character": 13
               }
             ],
-            "type": {
-              "type": "reference",
-              "typeArguments": [
-                {
+            "getSignature": [
+              {
+                "id": 72,
+                "name": "active",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Activates a tab by its `tabIndex` property."
+                },
+                "type": {
                   "type": "reference",
-                  "id": 3,
-                  "name": "SkyTabComponent"
+                  "id": 363,
+                  "name": "SkyTabIndex"
                 }
-              ],
-              "qualifiedName": "QueryList",
-              "package": "@angular/core",
-              "name": "QueryList"
-            }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 73,
+                "name": "active",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Activates a tab by its `tabIndex` property."
+                },
+                "parameters": [
+                  {
+                    "id": 74,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 363,
+                      "name": "SkyTabIndex"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
           },
           {
-            "id": 61,
-            "name": "active",
+            "id": 77,
+            "name": "permalinkId",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
@@ -2147,48 +2238,46 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 60,
+                "line": 103,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 62,
-                "name": "active",
+                "id": 78,
+                "name": "permalinkId",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Activates a tab by its `tabIndex` property."
+                  "shortText": "Distinguishes a tabset's unique state in the URL by generating a query parameter\nthat is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.\nThe query parameter's value is parsed automatically from the selected tab's heading text,\nbut you can supply a custom query parameter value for each tab with its `permalinkValue`.\nThis input only applies when `tabStyle` is `\"tabs\"`"
                 },
                 "type": {
-                  "type": "reference",
-                  "id": 334,
-                  "name": "SkyTabIndex"
+                  "type": "intrinsic",
+                  "name": "string"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 63,
-                "name": "active",
+                "id": 79,
+                "name": "permalinkId",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Activates a tab by its `tabIndex` property."
+                  "shortText": "Distinguishes a tabset's unique state in the URL by generating a query parameter\nthat is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.\nThe query parameter's value is parsed automatically from the selected tab's heading text,\nbut you can supply a custom query parameter value for each tab with its `permalinkValue`.\nThis input only applies when `tabStyle` is `\"tabs\"`"
                 },
                 "parameters": [
                   {
-                    "id": 64,
+                    "id": 80,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
-                      "type": "reference",
-                      "id": 334,
-                      "name": "SkyTabIndex"
+                      "type": "intrinsic",
+                      "name": "string"
                     }
                   }
                 ],
@@ -2200,8 +2289,8 @@
             ]
           },
           {
-            "id": 83,
-            "name": "hasFinishButton",
+            "id": 89,
+            "name": "tabDisplayMode",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
@@ -2210,40 +2299,42 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 181,
+                "line": 158,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 84,
-                "name": "hasFinishButton",
+                "id": 90,
+                "name": "tabDisplayMode",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "type": {
-                  "type": "intrinsic",
-                  "name": "boolean"
+                  "type": "reference",
+                  "id": 364,
+                  "name": "SkyTabsetButtonsDisplayMode"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 85,
-                "name": "hasFinishButton",
+                "id": 91,
+                "name": "tabDisplayMode",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 86,
+                    "id": 92,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
-                      "type": "intrinsic",
-                      "name": "boolean"
+                      "type": "reference",
+                      "id": 364,
+                      "name": "SkyTabsetButtonsDisplayMode"
                     }
                   }
                 ],
@@ -2255,8 +2346,8 @@
             ]
           },
           {
-            "id": 67,
-            "name": "permalinkId",
+            "id": 81,
+            "name": "tabStyle",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
@@ -2277,46 +2368,60 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 117,
+                "line": 121,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 68,
-                "name": "permalinkId",
+                "id": 82,
+                "name": "tabStyle",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Distinguishes a tabset's unique state in the URL by generating a query parameter\nthat is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.\nThe query parameter's value is parsed automatically from the selected tab's heading text,\nbut you can supply a custom query parameter value for each tab with its `permalinkValue`.\nThis input only applies when `tabStyle` is `\"tabs\"`"
+                  "shortText": "Specifies the behavior for a series of tabs.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"tabs\"\n"
+                    }
+                  ]
                 },
                 "type": {
-                  "type": "intrinsic",
-                  "name": "string"
+                  "type": "reference",
+                  "id": 365,
+                  "name": "SkyTabsetStyle"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 69,
-                "name": "permalinkId",
+                "id": 83,
+                "name": "tabStyle",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Distinguishes a tabset's unique state in the URL by generating a query parameter\nthat is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.\nThe query parameter's value is parsed automatically from the selected tab's heading text,\nbut you can supply a custom query parameter value for each tab with its `permalinkValue`.\nThis input only applies when `tabStyle` is `\"tabs\"`"
+                  "shortText": "Specifies the behavior for a series of tabs.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"tabs\"\n"
+                    }
+                  ]
                 },
                 "parameters": [
                   {
-                    "id": 70,
+                    "id": 84,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
-                      "type": "intrinsic",
-                      "name": "string"
+                      "type": "reference",
+                      "id": 365,
+                      "name": "SkyTabsetStyle"
                     }
                   }
                 ],
@@ -2328,52 +2433,82 @@
             ]
           },
           {
-            "id": 79,
-            "name": "tabDisplayMode",
+            "id": 93,
+            "name": "tabs",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
               "isPublic": true
             },
+            "decorators": [
+              {
+                "name": "ContentChildren",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ContentChildrenDecorator",
+                  "package": "@angular/core",
+                  "name": "ContentChildren"
+                },
+                "arguments": {
+                  "selector": "SkyTabComponent"
+                }
+              }
+            ],
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 172,
+                "line": 168,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 80,
-                "name": "tabDisplayMode",
+                "id": 94,
+                "name": "tabs",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 335,
-                  "name": "SkyTabsetButtonsDisplayMode"
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 3,
+                      "name": "SkyTabComponent"
+                    }
+                  ],
+                  "qualifiedName": "QueryList",
+                  "package": "@angular/core",
+                  "name": "QueryList"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 81,
-                "name": "tabDisplayMode",
+                "id": 95,
+                "name": "tabs",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 82,
+                    "id": 96,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 335,
-                      "name": "SkyTabsetButtonsDisplayMode"
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 3,
+                          "name": "SkyTabComponent"
+                        }
+                      ],
+                      "qualifiedName": "QueryList",
+                      "package": "@angular/core",
+                      "name": "QueryList"
                     }
                   }
                 ],
@@ -2385,85 +2520,101 @@
             ]
           },
           {
-            "id": 71,
-            "name": "tabStyle",
-            "kind": 262144,
-            "kindString": "Accessor",
+            "id": 113,
+            "name": "ngAfterViewInit",
+            "kind": 2048,
+            "kindString": "Method",
             "flags": {
               "isPublic": true
             },
-            "decorators": [
+            "sources": [
               {
-                "name": "Input",
+                "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
+                "line": 228,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 114,
+                "name": "ngAfterViewInit",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
                 "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
+                  "type": "intrinsic",
+                  "name": "void"
                 },
-                "arguments": {}
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "AfterViewInit.ngAfterViewInit"
+                }
               }
             ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "AfterViewInit.ngAfterViewInit"
+            }
+          },
+          {
+            "id": 115,
+            "name": "ngOnDestroy",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 135,
-                "character": 13
+                "line": 255,
+                "character": 9
               }
             ],
-            "getSignature": [
+            "signatures": [
               {
-                "id": 72,
-                "name": "tabStyle",
-                "kind": 524288,
-                "kindString": "Get signature",
+                "id": 116,
+                "name": "ngOnDestroy",
+                "kind": 4096,
+                "kindString": "Call signature",
                 "flags": {},
-                "comment": {
-                  "shortText": "Specifies the behavior for a series of tabs.",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "\"tabs\"\n"
-                    }
-                  ]
-                },
                 "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
                   "type": "reference",
-                  "id": 336,
-                  "name": "SkyTabsetStyle"
+                  "name": "OnDestroy.ngOnDestroy"
                 }
               }
             ],
-            "setSignature": [
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnDestroy.ngOnDestroy"
+            }
+          },
+          {
+            "id": 135,
+            "name": "onEndKeyDown",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
+                "line": 302,
+                "character": 9
+              }
+            ],
+            "signatures": [
               {
-                "id": 73,
-                "name": "tabStyle",
-                "kind": 1048576,
-                "kindString": "Set signature",
+                "id": 136,
+                "name": "onEndKeyDown",
+                "kind": 4096,
+                "kindString": "Call signature",
                 "flags": {},
-                "comment": {
-                  "shortText": "Specifies the behavior for a series of tabs.",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "\"tabs\"\n"
-                    }
-                  ]
-                },
-                "parameters": [
-                  {
-                    "id": 74,
-                    "name": "value",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "id": 336,
-                      "name": "SkyTabsetStyle"
-                    }
-                  }
-                ],
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
@@ -2472,8 +2623,8 @@
             ]
           },
           {
-            "id": 98,
-            "name": "ngAfterViewInit",
+            "id": 133,
+            "name": "onHomeKeyDown",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -2482,35 +2633,27 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 224,
+                "line": 298,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 99,
-                "name": "ngAfterViewInit",
+                "id": 134,
+                "name": "onHomeKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
-                },
-                "implementationOf": {
-                  "type": "reference",
-                  "name": "AfterViewInit.ngAfterViewInit"
                 }
               }
-            ],
-            "implementationOf": {
-              "type": "reference",
-              "name": "AfterViewInit.ngAfterViewInit"
-            }
+            ]
           },
           {
-            "id": 100,
-            "name": "ngOnDestroy",
+            "id": 131,
+            "name": "onLeftKeyDown",
             "kind": 2048,
             "kindString": "Method",
             "flags": {
@@ -2519,34 +2662,26 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 252,
+                "line": 294,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 101,
-                "name": "ngOnDestroy",
+                "id": 132,
+                "name": "onLeftKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "type": {
                   "type": "intrinsic",
                   "name": "void"
-                },
-                "implementationOf": {
-                  "type": "reference",
-                  "name": "OnDestroy.ngOnDestroy"
                 }
               }
-            ],
-            "implementationOf": {
-              "type": "reference",
-              "name": "OnDestroy.ngOnDestroy"
-            }
+            ]
           },
           {
-            "id": 110,
+            "id": 125,
             "name": "onNewTabClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2556,13 +2691,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 277,
+                "line": 282,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 111,
+                "id": 126,
                 "name": "onNewTabClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2575,7 +2710,7 @@
             ]
           },
           {
-            "id": 112,
+            "id": 127,
             "name": "onOpenTabClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2585,13 +2720,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 281,
+                "line": 286,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 113,
+                "id": 128,
                 "name": "onOpenTabClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2604,7 +2739,36 @@
             ]
           },
           {
-            "id": 107,
+            "id": 129,
+            "name": "onRightKeyDown",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
+                "line": 290,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 130,
+                "name": "onRightKeyDown",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 122,
             "name": "onTabButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2614,20 +2778,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 273,
+                "line": 278,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 108,
+                "id": 123,
                 "name": "onTabButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 109,
+                    "id": 124,
                     "name": "tabButton",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2646,7 +2810,7 @@
             ]
           },
           {
-            "id": 104,
+            "id": 119,
             "name": "onTabCloseClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2656,20 +2820,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 265,
+                "line": 270,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 105,
+                "id": 120,
                 "name": "onTabCloseClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 106,
+                    "id": 121,
                     "name": "tabButton",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2688,7 +2852,7 @@
             ]
           },
           {
-            "id": 102,
+            "id": 117,
             "name": "onWindowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -2698,13 +2862,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 261,
+                "line": 266,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 103,
+                "id": 118,
                 "name": "onWindowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2722,53 +2886,56 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              54
+              64
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
+              85,
               75,
-              65,
-              66,
-              88,
               76,
-              77,
-              90,
-              78,
-              87
+              97,
+              86,
+              87,
+              99,
+              88
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              61,
-              83,
-              67,
-              79,
-              71
+              71,
+              77,
+              89,
+              81,
+              93
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              98,
-              100,
-              110,
-              112,
-              107,
-              104,
-              102
+              113,
+              115,
+              135,
+              133,
+              131,
+              125,
+              127,
+              129,
+              122,
+              119,
+              117
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-            "line": 55,
+            "line": 41,
             "character": 13
           }
         ],
@@ -2788,7 +2955,7 @@
         ]
       },
       {
-        "id": 150,
+        "id": 171,
         "name": "SkyTabsetNavButtonComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2809,7 +2976,7 @@
         ],
         "children": [
           {
-            "id": 151,
+            "id": 172,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2817,20 +2984,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 119,
+                "line": 114,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 152,
+                "id": 173,
                 "name": "SkyTabsetNavButtonComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 153,
+                    "id": 174,
                     "name": "logger",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2843,14 +3010,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 150,
+                  "id": 171,
                   "name": "SkyTabsetNavButtonComponent"
                 }
               }
             ]
           },
           {
-            "id": 169,
+            "id": 191,
             "name": "ariaControls",
             "kind": 1024,
             "kindString": "Property",
@@ -2860,7 +3027,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 106,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -2870,7 +3037,7 @@
             }
           },
           {
-            "id": 166,
+            "id": 188,
             "name": "buttonClassName",
             "kind": 1024,
             "kindString": "Property",
@@ -2880,7 +3047,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 103,
+                "line": 97,
                 "character": 9
               }
             ],
@@ -2890,7 +3057,7 @@
             }
           },
           {
-            "id": 161,
+            "id": 183,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -2926,7 +3093,7 @@
             }
           },
           {
-            "id": 167,
+            "id": 189,
             "name": "isVisible",
             "kind": 1024,
             "kindString": "Property",
@@ -2936,7 +3103,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 104,
+                "line": 98,
                 "character": 9
               }
             ],
@@ -2947,7 +3114,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 168,
+            "id": 190,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -2957,7 +3124,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 105,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -2973,10 +3140,11 @@
                   "value": "submit"
                 }
               ]
-            }
+            },
+            "defaultValue": "'submit'"
           },
           {
-            "id": 157,
+            "id": 179,
             "name": "buttonType",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3004,7 +3172,7 @@
             ],
             "getSignature": [
               {
-                "id": 158,
+                "id": 180,
                 "name": "buttonType",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3026,7 +3194,7 @@
             ],
             "setSignature": [
               {
-                "id": 159,
+                "id": 181,
                 "name": "buttonType",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3042,7 +3210,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 160,
+                    "id": 182,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3061,7 +3229,7 @@
             ]
           },
           {
-            "id": 162,
+            "id": 184,
             "name": "disabled",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3089,7 +3257,7 @@
             ],
             "getSignature": [
               {
-                "id": 163,
+                "id": 185,
                 "name": "disabled",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3105,7 +3273,7 @@
             ],
             "setSignature": [
               {
-                "id": 164,
+                "id": 186,
                 "name": "disabled",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3115,7 +3283,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 165,
+                    "id": 187,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3134,7 +3302,7 @@
             ]
           },
           {
-            "id": 154,
+            "id": 175,
             "name": "tabset",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3160,9 +3328,32 @@
                 "character": 13
               }
             ],
+            "getSignature": [
+              {
+                "id": 176,
+                "name": "tabset",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies the tabset wizard component to associate with the nav button.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "reference",
+                  "id": 63,
+                  "name": "SkyTabsetComponent"
+                }
+              }
+            ],
             "setSignature": [
               {
-                "id": 155,
+                "id": 177,
                 "name": "tabset",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3178,14 +3369,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 156,
+                    "id": 178,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 53,
+                      "id": 63,
                       "name": "SkyTabsetComponent"
                     }
                   }
@@ -3198,7 +3389,7 @@
             ]
           },
           {
-            "id": 182,
+            "id": 204,
             "name": "buttonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -3208,13 +3399,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 128,
+                "line": 123,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 183,
+                "id": 205,
                 "name": "buttonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3227,7 +3418,7 @@
             ]
           },
           {
-            "id": 180,
+            "id": 202,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3237,13 +3428,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 123,
+                "line": 118,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 181,
+                "id": 203,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3269,35 +3460,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              151
+              172
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              169,
-              166,
-              161,
-              167,
-              168
+              191,
+              188,
+              183,
+              189,
+              190
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              157,
-              162,
-              154
+              179,
+              184,
+              175
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              182,
-              180
+              204,
+              202
             ]
           }
         ],
@@ -3318,7 +3509,7 @@
         ]
       },
       {
-        "id": 190,
+        "id": 212,
         "name": "SkyVerticalTabComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3339,7 +3530,7 @@
         ],
         "children": [
           {
-            "id": 191,
+            "id": 213,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -3347,20 +3538,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 154,
+                "line": 158,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 192,
+                "id": 214,
                 "name": "SkyVerticalTabComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 193,
+                    "id": 215,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3371,7 +3562,7 @@
                     }
                   },
                   {
-                    "id": 194,
+                    "id": 216,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3384,7 +3575,7 @@
                     }
                   },
                   {
-                    "id": 195,
+                    "id": 217,
                     "name": "tabsetService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3395,7 +3586,7 @@
                     }
                   },
                   {
-                    "id": 196,
+                    "id": 218,
                     "name": "verticalTabMediaQueryService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3408,14 +3599,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 190,
+                  "id": 212,
                   "name": "SkyVerticalTabComponent"
                 }
               }
             ]
           },
           {
-            "id": 197,
+            "id": 219,
             "name": "active",
             "kind": 1024,
             "kindString": "Property",
@@ -3451,7 +3642,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 198,
+            "id": 220,
             "name": "ariaControls",
             "kind": 1024,
             "kindString": "Property",
@@ -3492,7 +3683,7 @@
             }
           },
           {
-            "id": 203,
+            "id": 225,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3517,7 +3708,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 77,
+                "line": 74,
                 "character": 9
               }
             ],
@@ -3528,7 +3719,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 216,
+            "id": 238,
             "name": "index",
             "kind": 1024,
             "kindString": "Property",
@@ -3538,7 +3729,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 137,
+                "line": 134,
                 "character": 9
               }
             ],
@@ -3548,7 +3739,7 @@
             }
           },
           {
-            "id": 217,
+            "id": 239,
             "name": "isMobile",
             "kind": 1024,
             "kindString": "Property",
@@ -3558,7 +3749,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 139,
+                "line": 136,
                 "character": 9
               }
             ],
@@ -3569,7 +3760,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 218,
+            "id": 240,
             "name": "tabContent",
             "kind": 1024,
             "kindString": "Property",
@@ -3593,7 +3784,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 142,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -3611,7 +3802,7 @@
             }
           },
           {
-            "id": 205,
+            "id": 227,
             "name": "tabHeaderCount",
             "kind": 1024,
             "kindString": "Property",
@@ -3636,7 +3827,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 90,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -3646,7 +3837,7 @@
             }
           },
           {
-            "id": 206,
+            "id": 228,
             "name": "tabHeading",
             "kind": 1024,
             "kindString": "Property",
@@ -3677,7 +3868,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 97,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -3687,49 +3878,7 @@
             }
           },
           {
-            "id": 211,
-            "name": "tabId",
-            "kind": 1024,
-            "kindString": "Property",
-            "flags": {
-              "isPublic": true
-            },
-            "comment": {
-              "shortText": "Specifies an ID for the tab.",
-              "tags": [
-                {
-                  "tag": "deprecated",
-                  "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
-                }
-              ]
-            },
-            "decorators": [
-              {
-                "name": "Input",
-                "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
-                },
-                "arguments": {}
-              }
-            ],
-            "sources": [
-              {
-                "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 117,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "intrinsic",
-              "name": "string"
-            },
-            "defaultValue": "..."
-          },
-          {
-            "id": 199,
+            "id": 221,
             "name": "ariaRole",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3757,7 +3906,7 @@
             ],
             "getSignature": [
               {
-                "id": 200,
+                "id": 222,
                 "name": "ariaRole",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3783,7 +3932,7 @@
             ],
             "setSignature": [
               {
-                "id": 201,
+                "id": 223,
                 "name": "ariaRole",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3803,7 +3952,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 202,
+                    "id": 224,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3822,7 +3971,7 @@
             ]
           },
           {
-            "id": 212,
+            "id": 234,
             "name": "contentRendered",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3832,13 +3981,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 119,
+                "line": 116,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 213,
+                "id": 235,
                 "name": "contentRendered",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3851,14 +4000,14 @@
             ],
             "setSignature": [
               {
-                "id": 214,
+                "id": 236,
                 "name": "contentRendered",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 215,
+                    "id": 237,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3878,6 +4027,91 @@
           },
           {
             "id": 230,
+            "name": "tabId",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
+                "line": 108,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 231,
+                "name": "tabId",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies an ID for the tab.",
+                  "tags": [
+                    {
+                      "tag": "deprecated",
+                      "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
+                    }
+                  ]
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "string"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 232,
+                "name": "tabId",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies an ID for the tab.",
+                  "tags": [
+                    {
+                      "tag": "deprecated",
+                      "text": "Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 233,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "string"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 257,
             "name": "activateTab",
             "kind": 2048,
             "kindString": "Method",
@@ -3887,13 +4121,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 200,
+                "line": 210,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 231,
+                "id": 258,
                 "name": "activateTab",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3906,7 +4140,7 @@
             ]
           },
           {
-            "id": 226,
+            "id": 253,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3916,13 +4150,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 185,
+                "line": 195,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 227,
+                "id": 254,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3943,7 +4177,7 @@
             }
           },
           {
-            "id": 224,
+            "id": 251,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -3953,13 +4187,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 161,
+                "line": 171,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 225,
+                "id": 252,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3980,7 +4214,7 @@
             }
           },
           {
-            "id": 232,
+            "id": 259,
             "name": "onTabButtonKeyUp",
             "kind": 2048,
             "kindString": "Method",
@@ -3990,20 +4224,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 209,
+                "line": 219,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 233,
+                "id": 260,
                 "name": "onTabButtonKeyUp",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 234,
+                    "id": 261,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4024,7 +4258,7 @@
             ]
           },
           {
-            "id": 235,
+            "id": 262,
             "name": "onWindowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -4048,13 +4282,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 226,
+                "line": 236,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 236,
+                "id": 263,
                 "name": "onWindowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4067,7 +4301,7 @@
             ]
           },
           {
-            "id": 237,
+            "id": 264,
             "name": "tabDeactivated",
             "kind": 2048,
             "kindString": "Method",
@@ -4077,13 +4311,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 232,
+                "line": 242,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 238,
+                "id": 265,
                 "name": "tabDeactivated",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4096,7 +4330,7 @@
             ]
           },
           {
-            "id": 228,
+            "id": 255,
             "name": "tabIndex",
             "kind": 2048,
             "kindString": "Method",
@@ -4106,13 +4340,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 192,
+                "line": 202,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 229,
+                "id": 256,
                 "name": "tabIndex",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4130,43 +4364,43 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              191
+              213
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              197,
-              198,
-              203,
-              216,
-              217,
-              218,
-              205,
-              206,
-              211
+              219,
+              220,
+              225,
+              238,
+              239,
+              240,
+              227,
+              228
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              199,
-              212
+              221,
+              234,
+              230
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              230,
-              226,
-              224,
-              232,
-              235,
-              237,
-              228
+              257,
+              253,
+              251,
+              259,
+              262,
+              264,
+              255
             ]
           }
         ],
@@ -4193,7 +4427,7 @@
         ]
       },
       {
-        "id": 242,
+        "id": 268,
         "name": "SkySectionedFormSectionComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4217,7 +4451,7 @@
         ],
         "children": [
           {
-            "id": 243,
+            "id": 269,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4225,32 +4459,32 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
-                "line": 62,
+                "line": 66,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 244,
+                "id": 270,
                 "name": "SkySectionedFormSectionComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 245,
+                    "id": 271,
                     "name": "sectionedFormService",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 323,
+                      "id": 352,
                       "name": "SkySectionedFormService"
                     }
                   },
                   {
-                    "id": 246,
+                    "id": 272,
                     "name": "tabsetService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4261,7 +4495,7 @@
                     }
                   },
                   {
-                    "id": 247,
+                    "id": 273,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4276,14 +4510,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 242,
+                  "id": 268,
                   "name": "SkySectionedFormSectionComponent"
                 }
               }
             ]
           },
           {
-            "id": 252,
+            "id": 278,
             "name": "active",
             "kind": 1024,
             "kindString": "Property",
@@ -4325,7 +4559,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 254,
+            "id": 280,
             "name": "fieldInvalid",
             "kind": 1024,
             "kindString": "Property",
@@ -4345,7 +4579,7 @@
             }
           },
           {
-            "id": 253,
+            "id": 279,
             "name": "fieldRequired",
             "kind": 1024,
             "kindString": "Property",
@@ -4365,7 +4599,7 @@
             }
           },
           {
-            "id": 250,
+            "id": 276,
             "name": "heading",
             "kind": 1024,
             "kindString": "Property",
@@ -4406,7 +4640,7 @@
             }
           },
           {
-            "id": 251,
+            "id": 277,
             "name": "itemCount",
             "kind": 1024,
             "kindString": "Property",
@@ -4441,7 +4675,7 @@
             }
           },
           {
-            "id": 249,
+            "id": 275,
             "name": "sectionContentId",
             "kind": 1024,
             "kindString": "Property",
@@ -4462,7 +4696,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 248,
+            "id": 274,
             "name": "sectionTabId",
             "kind": 1024,
             "kindString": "Property",
@@ -4483,7 +4717,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 255,
+            "id": 281,
             "name": "tab",
             "kind": 1024,
             "kindString": "Property",
@@ -4513,12 +4747,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 190,
+              "id": 212,
               "name": "SkyVerticalTabComponent"
             }
           },
           {
-            "id": 259,
+            "id": 288,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4528,13 +4762,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
-                "line": 84,
+                "line": 96,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 260,
+                "id": 289,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4555,7 +4789,7 @@
             }
           },
           {
-            "id": 257,
+            "id": 286,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4565,13 +4799,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form-section.component.ts",
-                "line": 68,
+                "line": 76,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 258,
+                "id": 287,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4597,29 +4831,29 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              243
+              269
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              252,
-              254,
-              253,
-              250,
-              251,
-              249,
-              248,
-              255
+              278,
+              280,
+              279,
+              276,
+              277,
+              275,
+              274,
+              281
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              259,
-              257
+              288,
+              286
             ]
           }
         ],
@@ -4646,7 +4880,7 @@
         ]
       },
       {
-        "id": 261,
+        "id": 290,
         "name": "SkyVerticalTabsetComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4667,7 +4901,7 @@
         ],
         "children": [
           {
-            "id": 262,
+            "id": 291,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4675,20 +4909,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 123,
+                "line": 124,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 263,
+                "id": 292,
                 "name": "SkyVerticalTabsetComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 264,
+                    "id": 293,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4699,7 +4933,7 @@
                     }
                   },
                   {
-                    "id": 265,
+                    "id": 294,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4710,7 +4944,7 @@
                     }
                   },
                   {
-                    "id": 266,
+                    "id": 295,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4721,7 +4955,7 @@
                     }
                   },
                   {
-                    "id": 267,
+                    "id": 296,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4736,14 +4970,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 261,
+                  "id": 290,
                   "name": "SkyVerticalTabsetComponent"
                 }
               }
             ]
           },
           {
-            "id": 276,
+            "id": 305,
             "name": "activeChange",
             "kind": 1024,
             "kindString": "Property",
@@ -4768,7 +5002,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 108,
+                "line": 106,
                 "character": 9
               }
             ],
@@ -4787,7 +5021,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 269,
+            "id": 298,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -4822,7 +5056,7 @@
             }
           },
           {
-            "id": 270,
+            "id": 299,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -4857,7 +5091,7 @@
             }
           },
           {
-            "id": 278,
+            "id": 307,
             "name": "content",
             "kind": 1024,
             "kindString": "Property",
@@ -4881,7 +5115,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 114,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -4899,7 +5133,70 @@
             }
           },
           {
-            "id": 275,
+            "id": 308,
+            "name": "contentWrapper",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "ViewChild",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
+                  "name": "ViewChild"
+                },
+                "arguments": {
+                  "selector": "'contentContainerWrapper'"
+                }
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
+                "line": 115,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "any"
+                }
+              ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
+              "name": "ElementRef"
+            }
+          },
+          {
+            "id": 309,
+            "name": "isMobile",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
+                "line": 117,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false"
+          },
+          {
+            "id": 304,
             "name": "maintainTabContent",
             "kind": 1024,
             "kindString": "Property",
@@ -4930,7 +5227,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 101,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -4941,7 +5238,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 268,
+            "id": 297,
             "name": "showTabsText",
             "kind": 1024,
             "kindString": "Property",
@@ -4976,7 +5273,7 @@
             }
           },
           {
-            "id": 277,
+            "id": 306,
             "name": "tabGroups",
             "kind": 1024,
             "kindString": "Property",
@@ -5000,7 +5297,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 111,
+                "line": 109,
                 "character": 9
               }
             ],
@@ -5018,7 +5315,7 @@
             }
           },
           {
-            "id": 271,
+            "id": 300,
             "name": "ariaRole",
             "kind": 262144,
             "kindString": "Accessor",
@@ -5046,7 +5343,7 @@
             ],
             "getSignature": [
               {
-                "id": 272,
+                "id": 301,
                 "name": "ariaRole",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -5072,7 +5369,7 @@
             ],
             "setSignature": [
               {
-                "id": 273,
+                "id": 302,
                 "name": "ariaRole",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -5092,7 +5389,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 274,
+                    "id": 303,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5111,7 +5408,7 @@
             ]
           },
           {
-            "id": 287,
+            "id": 318,
             "name": "ngAfterViewChecked",
             "kind": 2048,
             "kindString": "Method",
@@ -5121,13 +5418,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 169,
+                "line": 173,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 288,
+                "id": 319,
                 "name": "ngAfterViewChecked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5148,7 +5445,7 @@
             }
           },
           {
-            "id": 289,
+            "id": 320,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -5158,13 +5455,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 174,
+                "line": 178,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 290,
+                "id": 321,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5185,7 +5482,7 @@
             }
           },
           {
-            "id": 285,
+            "id": 316,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5195,13 +5492,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 130,
+                "line": 134,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 286,
+                "id": 317,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5227,38 +5524,40 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              262
+              291
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              276,
-              283,
-              269,
-              270,
-              278,
-              275,
-              268,
-              277,
-              284
+              305,
+              314,
+              298,
+              299,
+              307,
+              308,
+              309,
+              304,
+              297,
+              306,
+              315
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              271
+              300
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              287,
-              289,
-              285
+              318,
+              320,
+              316
             ]
           }
         ],
@@ -5291,7 +5590,7 @@
         ]
       },
       {
-        "id": 291,
+        "id": 322,
         "name": "SkyVerticalTabsetGroupComponent",
         "kind": 128,
         "kindString": "Class",
@@ -5312,7 +5611,7 @@
         ],
         "children": [
           {
-            "id": 292,
+            "id": 323,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -5320,20 +5619,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 62,
+                "line": 57,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 293,
+                "id": 324,
                 "name": "SkyVerticalTabsetGroupComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 294,
+                    "id": 325,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5344,7 +5643,7 @@
                     }
                   },
                   {
-                    "id": 295,
+                    "id": 326,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5359,14 +5658,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 291,
+                  "id": 322,
                   "name": "SkyVerticalTabsetGroupComponent"
                 }
               }
             ]
           },
           {
-            "id": 296,
+            "id": 327,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -5407,7 +5706,7 @@
             }
           },
           {
-            "id": 297,
+            "id": 328,
             "name": "groupHeading",
             "kind": 1024,
             "kindString": "Property",
@@ -5442,13 +5741,22 @@
             }
           },
           {
-            "id": 298,
+            "id": 329,
             "name": "open",
-            "kind": 262144,
-            "kindString": "Accessor",
+            "kind": 1024,
+            "kindString": "Property",
             "flags": {
               "isPublic": true
             },
+            "comment": {
+              "shortText": "Indicates whether the collapsible group is expanded.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "false\n"
+                }
+              ]
+            },
             "decorators": [
               {
                 "name": "Input",
@@ -5465,69 +5773,59 @@
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
                 "line": 45,
-                "character": 13
+                "character": 9
               }
             ],
-            "getSignature": [
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            }
+          },
+          {
+            "id": 330,
+            "name": "tabs",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
               {
-                "id": 299,
-                "name": "open",
-                "kind": 524288,
-                "kindString": "Get signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Indicates whether the collapsible group is expanded.",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "false\n"
-                    }
-                  ]
-                },
+                "name": "ContentChildren",
                 "type": {
-                  "type": "intrinsic",
-                  "name": "boolean"
+                  "type": "reference",
+                  "qualifiedName": "ContentChildrenDecorator",
+                  "package": "@angular/core",
+                  "name": "ContentChildren"
+                },
+                "arguments": {
+                  "selector": "SkyVerticalTabComponent"
                 }
               }
             ],
-            "setSignature": [
+            "sources": [
               {
-                "id": 300,
-                "name": "open",
-                "kind": 1048576,
-                "kindString": "Set signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Indicates whether the collapsible group is expanded.",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "false\n"
-                    }
-                  ]
-                },
-                "parameters": [
-                  {
-                    "id": 301,
-                    "name": "value",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "intrinsic",
-                      "name": "boolean"
-                    }
-                  }
-                ],
-                "type": {
-                  "type": "intrinsic",
-                  "name": "void"
-                }
+                "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
+                "line": 48,
+                "character": 9
               }
-            ]
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "id": 212,
+                  "name": "SkyVerticalTabComponent"
+                }
+              ],
+              "qualifiedName": "QueryList",
+              "package": "@angular/core",
+              "name": "QueryList"
+            }
           },
           {
-            "id": 308,
+            "id": 337,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -5537,13 +5835,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 81,
+                "line": 79,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 309,
+                "id": 338,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5564,7 +5862,7 @@
             }
           },
           {
-            "id": 306,
+            "id": 335,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5574,13 +5872,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 67,
+                "line": 65,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 307,
+                "id": 336,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5601,7 +5899,7 @@
             }
           },
           {
-            "id": 312,
+            "id": 341,
             "name": "subMenuOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -5611,13 +5909,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 94,
+                "line": 92,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 313,
+                "id": 342,
                 "name": "subMenuOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5630,7 +5928,7 @@
             ]
           },
           {
-            "id": 314,
+            "id": 343,
             "name": "tabClicked",
             "kind": 2048,
             "kindString": "Method",
@@ -5640,13 +5938,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 98,
+                "line": 96,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 315,
+                "id": 344,
                 "name": "tabClicked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5659,7 +5957,7 @@
             ]
           },
           {
-            "id": 316,
+            "id": 345,
             "name": "tabsHidden",
             "kind": 2048,
             "kindString": "Method",
@@ -5669,13 +5967,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 102,
+                "line": 100,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 317,
+                "id": 346,
                 "name": "tabsHidden",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5688,7 +5986,7 @@
             ]
           },
           {
-            "id": 318,
+            "id": 347,
             "name": "tabsShown",
             "kind": 2048,
             "kindString": "Method",
@@ -5698,13 +5996,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 109,
+                "line": 107,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 319,
+                "id": 348,
                 "name": "tabsShown",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5717,7 +6015,7 @@
             ]
           },
           {
-            "id": 310,
+            "id": 339,
             "name": "toggleMenuOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -5727,13 +6025,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset-group.component.ts",
-                "line": 86,
+                "line": 84,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 311,
+                "id": 340,
                 "name": "toggleMenuOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5751,35 +6049,30 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              292
+              323
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              296,
-              297
-            ]
-          },
-          {
-            "title": "Accessors",
-            "kind": 262144,
-            "children": [
-              298
+              327,
+              328,
+              329,
+              330
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              308,
-              306,
-              312,
-              314,
-              316,
-              318,
-              310
+              337,
+              335,
+              341,
+              343,
+              345,
+              347,
+              339
             ]
           }
         ],
@@ -5806,14 +6099,14 @@
         ]
       },
       {
-        "id": 337,
+        "id": 366,
         "name": "SkyTabsetTabIndexesChange",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 338,
+            "id": 367,
             "name": "tabs",
             "kind": 1024,
             "kindString": "Property",
@@ -5832,18 +6125,20 @@
               "elementType": {
                 "type": "reflection",
                 "declaration": {
-                  "id": 339,
+                  "id": 368,
                   "name": "__type",
                   "kind": 65536,
                   "kindString": "Type literal",
                   "flags": {},
                   "children": [
                     {
-                      "id": 340,
+                      "id": 369,
                       "name": "tabHeading",
                       "kind": 1024,
                       "kindString": "Property",
-                      "flags": {},
+                      "flags": {
+                        "isOptional": true
+                      },
                       "sources": [
                         {
                           "fileName": "src/lib/modules/tabs/tabset-tab-indexes-change.ts",
@@ -5857,11 +6152,13 @@
                       }
                     },
                     {
-                      "id": 341,
+                      "id": 370,
                       "name": "tabIndex",
                       "kind": 1024,
                       "kindString": "Property",
-                      "flags": {},
+                      "flags": {
+                        "isOptional": true
+                      },
                       "sources": [
                         {
                           "fileName": "src/lib/modules/tabs/tabset-tab-indexes-change.ts",
@@ -5871,7 +6168,7 @@
                       ],
                       "type": {
                         "type": "reference",
-                        "id": 334,
+                        "id": 363,
                         "name": "SkyTabIndex"
                       }
                     }
@@ -5881,8 +6178,8 @@
                       "title": "Properties",
                       "kind": 1024,
                       "children": [
-                        340,
-                        341
+                        369,
+                        370
                       ]
                     }
                   ]
@@ -5896,7 +6193,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              338
+              367
             ]
           }
         ],
@@ -5909,7 +6206,7 @@
         ]
       },
       {
-        "id": 334,
+        "id": 363,
         "name": "SkyTabIndex",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -5936,7 +6233,7 @@
         }
       },
       {
-        "id": 335,
+        "id": 364,
         "name": "SkyTabsetButtonsDisplayMode",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -5963,7 +6260,7 @@
         }
       },
       {
-        "id": 336,
+        "id": 365,
         "name": "SkyTabsetStyle",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6015,12 +6312,12 @@
     {
       "fileName": "information-form-demo.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <div style=\"display: flex\">\n    <div class=\"sky-margin-inline-lg\" style=\"flex: 1\">\n      <sky-input-box>\n        <label\n          class=\"sky-control-label sky-control-label-required\"\n          [for]=\"nameInput.id\"\n        >\n          Name\n        </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"name\"\n          skyId\n          type=\"text\"\n          #nameInput\n        />\n      </sky-input-box>\n    </div>\n    <div style=\"flex: 1\">\n      <sky-input-box>\n        <label class=\"sky-control-label\" [for]=\"idInput.id\"> ID </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"id\"\n          type=\"text\"\n          #idInput\n        />\n      </sky-input-box>\n      <div *ngIf=\"myForm.get('id')?.invalid\" class=\"alert alert-danger\"></div>\n      <div\n        *ngIf=\"myForm.get('id')?.invalid\"\n        class=\"alert alert-danger sky-error-label\"\n      >\n        Enter a valid value.\n      </div>\n    </div>\n  </div>\n</form>\n"
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <div style=\"display: flex\">\n    <div class=\"sky-margin-inline-lg\" style=\"flex: 1\">\n      <sky-input-box>\n        <label\n          class=\"sky-control-label sky-control-label-required\"\n          [for]=\"nameInput.id\"\n        >\n          Name\n        </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"name\"\n          skyId\n          type=\"text\"\n          #nameInput\n        />\n      </sky-input-box>\n    </div>\n    <div style=\"flex: 1\">\n      <sky-input-box>\n        <label class=\"sky-control-label\" [for]=\"idInput.id\"> ID </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"id\"\n          type=\"text\"\n          [attr.aria-describedby]=\"inputError.id\"\n          #idInput\n        />\n        <span class=\"sky-error-indicator\" skyId #inputError=\"skyId\">\n          <sky-status-indicator\n            *ngIf=\"myForm.get('id')?.invalid\"\n            indicatorType=\"danger\"\n            descriptionType=\"error\"\n          >\n            Enter a valid value.\n          </sky-status-indicator>\n        </span>\n      </sky-input-box>\n    </div>\n  </div>\n</form>\n"
     },
     {
       "fileName": "information-form-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormGroup,\n  Validators,\n} from '@angular/forms';\nimport { SkySectionedFormService } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-information-form-demo',\n  templateUrl: './information-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InformationFormDemoComponent implements OnInit {\n  public id = '5324901';\n  public myForm: UntypedFormGroup;\n  public name = '';\n  public nameRequired = false;\n\n  constructor(\n    private formBuilder: UntypedFormBuilder,\n    private sectionedFormService: SkySectionedFormService,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    this.myForm = this.formBuilder.group({\n      name: [this.name],\n      nameRequired: [this.nameRequired],\n      id: [this.id, Validators.pattern('^[0-9]+$')],\n    });\n  }\n\n  public ngOnInit(): void {\n    this.myForm.valueChanges.subscribe((changes) => {\n      console.log(changes);\n      this.id = changes.id;\n      this.name = changes.name;\n      this.nameRequired = changes.nameRequired;\n      this.checkValidity();\n    });\n    this.changeDetector.markForCheck();\n  }\n\n  public checkValidity(): void {\n    if (this.nameRequired) {\n      this.myForm.get('name')?.setValidators([Validators.required]);\n      this.sectionedFormService.requiredFieldChanged(true);\n    } else {\n      this.myForm.get('name')?.setValidators([]);\n      this.sectionedFormService.requiredFieldChanged(false);\n    }\n\n    if (!this.myForm.get('name')?.value && this.nameRequired) {\n      this.sectionedFormService.invalidFieldChanged(true);\n    } else {\n      this.sectionedFormService.invalidFieldChanged(false);\n    }\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormGroup,\n  Validators,\n} from '@angular/forms';\nimport { SkySectionedFormService } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-information-form-demo',\n  templateUrl: './information-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InformationFormDemoComponent implements OnInit {\n  public id = '5324901';\n  public myForm: UntypedFormGroup;\n  public name = '';\n  public nameRequired = false;\n\n  #sectionedFormService: SkySectionedFormService;\n  #changeDetector: ChangeDetectorRef;\n\n  constructor(\n    formBuilder: UntypedFormBuilder,\n    sectionedFormService: SkySectionedFormService,\n    changeDetector: ChangeDetectorRef\n  ) {\n    this.#sectionedFormService = sectionedFormService;\n    this.#changeDetector = changeDetector;\n\n    this.myForm = formBuilder.group({\n      name: [this.name],\n      nameRequired: [this.nameRequired],\n      id: [this.id, Validators.pattern('^[0-9]+$')],\n    });\n  }\n\n  public ngOnInit(): void {\n    this.myForm.valueChanges.subscribe((changes) => {\n      console.log(changes);\n      this.id = changes.id;\n      this.name = changes.name;\n      this.nameRequired = changes.nameRequired;\n      this.checkValidity();\n    });\n    this.#changeDetector.markForCheck();\n  }\n\n  public checkValidity(): void {\n    if (this.nameRequired) {\n      this.myForm.get('name')?.setValidators([Validators.required]);\n      this.#sectionedFormService.requiredFieldChanged(true);\n    } else {\n      this.myForm.get('name')?.setValidators([]);\n      this.#sectionedFormService.requiredFieldChanged(false);\n    }\n\n    if (!this.myForm.get('name')?.value && this.nameRequired) {\n      this.#sectionedFormService.invalidFieldChanged(true);\n    } else {\n      this.#sectionedFormService.invalidFieldChanged(false);\n    }\n  }\n}\n"
     },
     {
       "fileName": "phone-form-demo.component.html",
@@ -6040,12 +6337,12 @@
     {
       "fileName": "sectioned-form-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@Component({\n  selector: 'app-sectioned-form-demo',\n  templateUrl: './sectioned-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormDemoComponent {\n  constructor(private modal: SkyModalService) {}\n\n  public openModal(): void {\n    const modalInstance = this.modal.open(SectionedFormModalDemoComponent);\n\n    modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'cancel') {\n        console.log(`Modal cancelled`);\n      } else if (result.reason === 'save') {\n        console.log(`Modal saved`);\n      }\n    });\n  }\n}\n"
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@Component({\n  selector: 'app-sectioned-form-demo',\n  templateUrl: './sectioned-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormDemoComponent {\n  #modal: SkyModalService;\n\n  constructor(modal: SkyModalService) {\n    this.#modal = modal;\n  }\n\n  public openModal(): void {\n    const modalInstance = this.#modal.open(SectionedFormModalDemoComponent);\n\n    modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'cancel') {\n        console.log(`Modal cancelled`);\n      } else if (result.reason === 'save') {\n        console.log(`Modal saved`);\n      }\n    });\n  }\n}\n"
     },
     {
       "fileName": "sectioned-form-demo.module.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkySectionedFormModule } from '@skyux/tabs';\n\nimport { AddressFormDemoComponent } from './address-form-demo.component';\nimport { InformationFormDemoComponent } from './information-form-demo.component';\nimport { PhoneFormDemoComponent } from './phone-form-demo.component';\nimport { SectionedFormDemoComponent } from './sectioned-form-demo.component';\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@NgModule({\n  declarations: [\n    AddressFormDemoComponent,\n    InformationFormDemoComponent,\n    PhoneFormDemoComponent,\n    SectionedFormModalDemoComponent,\n    SectionedFormDemoComponent,\n  ],\n  exports: [SectionedFormDemoComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkySectionedFormModule,\n  ],\n})\nexport class SectionedFormDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkySectionedFormModule } from '@skyux/tabs';\n\nimport { AddressFormDemoComponent } from './address-form-demo.component';\nimport { InformationFormDemoComponent } from './information-form-demo.component';\nimport { PhoneFormDemoComponent } from './phone-form-demo.component';\nimport { SectionedFormDemoComponent } from './sectioned-form-demo.component';\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@NgModule({\n  declarations: [\n    AddressFormDemoComponent,\n    InformationFormDemoComponent,\n    PhoneFormDemoComponent,\n    SectionedFormModalDemoComponent,\n    SectionedFormDemoComponent,\n  ],\n  exports: [SectionedFormDemoComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkySectionedFormModule,\n    SkyStatusIndicatorModule,\n  ],\n})\nexport class SectionedFormDemoModule {}\n"
     },
     {
       "fileName": "sectioned-form-modal-demo.component.html",
@@ -6055,22 +6352,7 @@
     {
       "fileName": "sectioned-form-modal-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-modal-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ViewChild,\n} from '@angular/core';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkySectionedFormComponent } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-sectioned-form-modal-demo',\n  templateUrl: './sectioned-form-modal-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormModalDemoComponent {\n  public activeIndexDisplay: number | undefined;\n\n  public activeTab = true;\n\n  @ViewChild(SkySectionedFormComponent)\n  public sectionedFormComponent: SkySectionedFormComponent | undefined;\n\n  constructor(\n    public modalInstance: SkyModalInstance,\n    private changeDetector: ChangeDetectorRef\n  ) {}\n\n  public onIndexChanged(newIndex: number): void {\n    this.activeIndexDisplay = newIndex;\n    this.changeDetector.markForCheck();\n  }\n\n  public tabsHidden(): boolean {\n    return !this.sectionedFormComponent?.tabsVisible();\n  }\n\n  public showTabs(): void {\n    this.sectionedFormComponent!.showTabs();\n  }\n}\n"
-    },
-    {
-      "fileName": "tabs-demo.component.html",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/counts/tabs-demo.component.html",
-      "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"
-    },
-    {
-      "fileName": "tabs-demo.component.ts",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/counts/tabs-demo.component.ts",
-      "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"
-    },
-    {
-      "fileName": "tabs-demo.module.ts",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/counts/tabs-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\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"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ViewChild,\n} from '@angular/core';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkySectionedFormComponent } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-sectioned-form-modal-demo',\n  templateUrl: './sectioned-form-modal-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormModalDemoComponent {\n  public activeIndexDisplay: number | undefined;\n\n  public activeTab = true;\n\n  @ViewChild(SkySectionedFormComponent)\n  public sectionedFormComponent: SkySectionedFormComponent | undefined;\n\n  #changeDetector: ChangeDetectorRef;\n\n  constructor(\n    public modalInstance: SkyModalInstance,\n    changeDetector: ChangeDetectorRef\n  ) {\n    this.#changeDetector = changeDetector;\n  }\n\n  public onIndexChanged(newIndex: number): void {\n    this.activeIndexDisplay = newIndex;\n    this.#changeDetector.markForCheck();\n  }\n\n  public tabsHidden(): boolean {\n    return !this.sectionedFormComponent?.tabsVisible();\n  }\n\n  public showTabs(): void {\n    this.sectionedFormComponent!.showTabs();\n  }\n}\n"
     },
     {
       "fileName": "tabs-demo.component.html",
@@ -6080,7 +6362,7 @@
     {
       "fileName": "tabs-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.ts",
-      "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"
+      "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  #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"
     },
     {
       "fileName": "tabs-demo.module.ts",
@@ -6090,12 +6372,12 @@
     {
       "fileName": "tabs-demo.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.component.html",
-      "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"
+      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n  <sky-tab *ngFor=\"let tab of tabArray\" [tabHeading]=\"tab.tabHeading\">\n    {{ tab.tabContent }}\n  </sky-tab>\n</sky-tabset>\n"
     },
     {
       "fileName": "tabs-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.component.ts",
-      "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"
+      "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    },\n    {\n      tabHeading: 'Tab 2',\n      tabContent: 'A list containing 280 items',\n    },\n    {\n      tabHeading: 'Tab 3',\n      tabContent: \"This tab doesn't have a list of items\",\n    },\n  ];\n}\n"
     },
     {
       "fileName": "tabs-demo.module.ts",
@@ -6165,12 +6447,12 @@
     {
       "fileName": "wizard-demo-modal.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo-modal.component.html",
-      "rawContents": "<form [formGroup]=\"newMemberForm\" (ngSubmit)=\"onSave()\">\n  <sky-modal>\n    <sky-modal-header>\n      {{ title }}\n    </sky-modal-header>\n    <sky-modal-content>\n      <sky-tabset\n        ariaLabel=\"Sign-up steps\"\n        [(active)]=\"activeIndex\"\n        tabStyle=\"wizard\"\n        #wizardDemo\n      >\n        <sky-tab tabHeading=\"1. Biographical Details\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"firstNameInput.id\"\n                    >First Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"firstName\"\n                    skyId\n                    #firstNameInput=\"skyId\"\n                  />\n                  <div\n                    *ngIf=\"\n                      (firstName.touched || firstName.dirty) && !firstName.valid\n                    \"\n                    class=\"sky-error-label\"\n                  >\n                    Enter your first name.\n                  </div>\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label class=\"sky-control-label\" [for]=\"middleNameInput.id\"\n                    >Middle Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"middleName\"\n                    skyId\n                    #middleNameInput=\"skyId\"\n                  />\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"lastNameInput.id\"\n                    >Last Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"lastName\"\n                    skyId\n                    #lastNameInput=\"skyId\"\n                  />\n                  <div\n                    *ngIf=\"\n                      (lastName.touched || lastName.dirty) && !lastName.valid\n                    \"\n                    class=\"sky-error-label\"\n                  >\n                    Enter your last name.\n                  </div>\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"2. Contact Information\" [disabled]=\"step2Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"phoneNumberInput.id\"\n                    >Phone Number</label\n                  >\n                  <sky-phone-field defaultCountry=\"us\">\n                    <input\n                      formControlName=\"phoneNumber\"\n                      skyId\n                      #phoneNumberInput=\"skyId\"\n                      skyPhoneFieldInput\n                    />\n                  </sky-phone-field>\n                  <div\n                    *ngIf=\"\n                      (phoneNumber.touched || phoneNumber.dirty) &&\n                      !phoneNumber.valid\n                    \"\n                    class=\"sky-error-label\"\n                  >\n                    Enter a valid phone number.\n                  </div>\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"emailInput.id\"\n                    >Email</label\n                  >\n                  <input\n                    type=\"email\"\n                    class=\"sky-form-control\"\n                    formControlName=\"email\"\n                    skyId\n                    #emailInput=\"skyId\"\n                  />\n                  <div\n                    *ngIf=\"(email.touched || email.dirty) && !email.valid\"\n                    class=\"sky-error-label\"\n                  >\n                    Enter a valid email address.\n                  </div>\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"3. More Information\" [disabled]=\"step3Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"termsAccepted\" [required]=\"true\">\n                  <sky-checkbox-label>\n                    Accept terms and conditions\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"mailingList\">\n                  <sky-checkbox-label>\n                    Sign up for our email newsletter\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n      </sky-tabset>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <sky-tabset-nav-button\n        buttonType=\"previous\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"next\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"finish\"\n        [tabset]=\"wizardDemo\"\n        [disabled]=\"saveDisabled\"\n      ></sky-tabset-nav-button>\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
+      "rawContents": "<form [formGroup]=\"newMemberForm\" (ngSubmit)=\"onSave()\">\n  <sky-modal>\n    <sky-modal-header>\n      {{ title }}\n    </sky-modal-header>\n    <sky-modal-content>\n      <sky-tabset\n        ariaLabel=\"Sign-up steps\"\n        [(active)]=\"activeIndex\"\n        tabStyle=\"wizard\"\n        #wizardDemo\n      >\n        <sky-tab tabHeading=\"1. Biographical Details\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"firstNameInput.id\"\n                    >First Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"firstName\"\n                    [attr.aria-describedby]=\"firstNameError.id\"\n                    skyId\n                    #firstNameInput=\"skyId\"\n                  />\n                  <span\n                    class=\"sky-error-indicator\"\n                    skyId\n                    #firstNameError=\"skyId\"\n                  >\n                    <sky-status-indicator\n                      *ngIf=\"\n                        (firstName.touched || firstName.dirty) &&\n                        !firstName.valid\n                      \"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      First name is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label class=\"sky-control-label\" [for]=\"middleNameInput.id\"\n                    >Middle Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"middleName\"\n                    skyId\n                    #middleNameInput=\"skyId\"\n                  />\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"lastNameInput.id\"\n                    >Last Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"lastName\"\n                    [attr.aria-describedby]=\"lastNameError.id\"\n                    skyId\n                    #lastNameInput=\"skyId\"\n                  />\n                  <span\n                    class=\"sky-error-indicator\"\n                    skyId\n                    #lastNameError=\"skyId\"\n                  >\n                    <sky-status-indicator\n                      *ngIf=\"\n                        (lastName.touched || lastName.dirty) && !lastName.valid\n                      \"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      Last name is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"2. Contact Information\" [disabled]=\"step2Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"phoneNumberInput.id\"\n                    >Phone Number</label\n                  >\n                  <sky-phone-field defaultCountry=\"us\">\n                    <input\n                      formControlName=\"phoneNumber\"\n                      [attr.aria-describedby]=\"phoneNumberError.id\"\n                      skyId\n                      #phoneNumberInput=\"skyId\"\n                      skyPhoneFieldInput\n                    />\n                  </sky-phone-field>\n                  <span\n                    class=\"sky-error-indicator\"\n                    skyId\n                    #phoneNumberError=\"skyId\"\n                  >\n                    <sky-status-indicator\n                      *ngIf=\"\n                        (phoneNumber.touched || phoneNumber.dirty) &&\n                        !phoneNumber.valid\n                      \"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      A valid phone number is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"emailInput.id\"\n                    >Email</label\n                  >\n                  <input\n                    type=\"email\"\n                    class=\"sky-form-control\"\n                    formControlName=\"email\"\n                    [attr.aria-describedby]=\"emailError.id\"\n                    skyId\n                    #emailInput=\"skyId\"\n                  />\n                  <span class=\"sky-error-indicator\" skyId #emailError=\"skyId\">\n                    <sky-status-indicator\n                      *ngIf=\"(email.touched || email.dirty) && !email.valid\"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      A valid email address is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"3. More Information\" [disabled]=\"step3Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"termsAccepted\" [required]=\"true\">\n                  <sky-checkbox-label>\n                    Accept terms and conditions\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"mailingList\">\n                  <sky-checkbox-label>\n                    Sign up for our email newsletter\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n      </sky-tabset>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <sky-tabset-nav-button\n        buttonType=\"previous\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"next\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"finish\"\n        [tabset]=\"wizardDemo\"\n        [disabled]=\"saveDisabled\"\n      ></sky-tabset-nav-button>\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
     },
     {
       "fileName": "wizard-demo-modal.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n  Validators,\n} from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkyTabIndex } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-wizard-demo-modal',\n  templateUrl: './wizard-demo-modal.component.html',\n})\nexport class WizardDemoModalComponent implements OnInit {\n  constructor(\n    public instance: SkyModalInstance,\n    private formBuilder: UntypedFormBuilder\n  ) {}\n\n  public newMemberForm: UntypedFormGroup;\n  public title = 'New Member Sign-up';\n  public activeIndex: SkyTabIndex = 0;\n  public step2Disabled = true;\n  public step3Disabled = true;\n  public saveDisabled = true;\n\n  public firstName: UntypedFormControl;\n  public middleName: UntypedFormControl;\n  public lastName: UntypedFormControl;\n  public phoneNumber: UntypedFormControl;\n  public email: UntypedFormControl;\n  public termsAccepted: UntypedFormControl;\n  public mailingList: UntypedFormControl;\n\n  public ngOnInit(): void {\n    this.firstName = new UntypedFormControl('', Validators.required);\n    this.middleName = new UntypedFormControl();\n    this.lastName = new UntypedFormControl('', Validators.required);\n    this.phoneNumber = new UntypedFormControl('', Validators.required);\n    this.email = new UntypedFormControl('', Validators.required);\n    this.termsAccepted = new UntypedFormControl(false);\n    this.mailingList = new UntypedFormControl(false);\n\n    this.newMemberForm = this.formBuilder.group({\n      firstName: this.firstName,\n      middleName: this.middleName,\n      lastName: this.lastName,\n      phoneNumber: this.phoneNumber,\n      email: this.email,\n      termsAccepted: this.termsAccepted,\n      mailingList: this.mailingList,\n    });\n\n    this.newMemberForm.valueChanges.subscribe(() => {\n      this.checkRequirementsMet();\n    });\n  }\n\n  public checkRequirementsMet(): void {\n    this.step2Disabled = !(\n      this.newMemberForm.get('firstName').value &&\n      this.newMemberForm.get('lastName').value\n    );\n    this.step3Disabled = !(\n      this.newMemberForm.get('phoneNumber').value &&\n      this.newMemberForm.get('phoneNumber').valid &&\n      this.newMemberForm.get('email').value\n    );\n    this.saveDisabled = !this.newMemberForm.get('termsAccepted').value;\n  }\n\n  public onCancelClick(): void {\n    this.instance.cancel();\n  }\n\n  public onSave(): void {\n    this.instance.save();\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n  Validators,\n} from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkyTabIndex } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-wizard-demo-modal',\n  templateUrl: './wizard-demo-modal.component.html',\n})\nexport class WizardDemoModalComponent implements OnInit {\n  #formBuilder: UntypedFormBuilder;\n\n  constructor(\n    public instance: SkyModalInstance,\n    formBuilder: UntypedFormBuilder\n  ) {\n    this.#formBuilder = formBuilder;\n  }\n\n  public newMemberForm: UntypedFormGroup;\n  public title = 'New Member Sign-up';\n  public activeIndex: SkyTabIndex = 0;\n  public step2Disabled = true;\n  public step3Disabled = true;\n  public saveDisabled = true;\n\n  public firstName: UntypedFormControl;\n  public middleName: UntypedFormControl;\n  public lastName: UntypedFormControl;\n  public phoneNumber: UntypedFormControl;\n  public email: UntypedFormControl;\n  public termsAccepted: UntypedFormControl;\n  public mailingList: UntypedFormControl;\n\n  public ngOnInit(): void {\n    this.firstName = new UntypedFormControl('', Validators.required);\n    this.middleName = new UntypedFormControl();\n    this.lastName = new UntypedFormControl('', Validators.required);\n    this.phoneNumber = new UntypedFormControl('', Validators.required);\n    this.email = new UntypedFormControl('', Validators.required);\n    this.termsAccepted = new UntypedFormControl(false);\n    this.mailingList = new UntypedFormControl(false);\n\n    this.newMemberForm = this.#formBuilder.group({\n      firstName: this.firstName,\n      middleName: this.middleName,\n      lastName: this.lastName,\n      phoneNumber: this.phoneNumber,\n      email: this.email,\n      termsAccepted: this.termsAccepted,\n      mailingList: this.mailingList,\n    });\n\n    this.newMemberForm.valueChanges.subscribe(() => {\n      this.checkRequirementsMet();\n    });\n  }\n\n  public checkRequirementsMet(): void {\n    this.step2Disabled = !(\n      this.newMemberForm.get('firstName').value &&\n      this.newMemberForm.get('lastName').value\n    );\n    this.step3Disabled = !(\n      this.newMemberForm.get('phoneNumber').value &&\n      this.newMemberForm.get('phoneNumber').valid &&\n      this.newMemberForm.get('email').value\n    );\n    this.saveDisabled = !this.newMemberForm.get('termsAccepted').value;\n  }\n\n  public onCancelClick(): void {\n    this.instance.cancel();\n  }\n\n  public onSave(): void {\n    this.instance.save();\n  }\n}\n"
     },
     {
       "fileName": "wizard-demo.component.html",
@@ -6180,12 +6462,12 @@
     {
       "fileName": "wizard-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { SkyModalService } from '@skyux/modals';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@Component({\n  selector: 'app-wizard-demo',\n  templateUrl: './wizard-demo.component.html',\n})\nexport class WizardDemoComponent {\n  constructor(private modalService: SkyModalService) {}\n\n  public modalSize = 'large';\n\n  public openWizard(): void {\n    this.modalService.open(WizardDemoModalComponent, { size: this.modalSize });\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport { SkyModalService } from '@skyux/modals';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@Component({\n  selector: 'app-wizard-demo',\n  templateUrl: './wizard-demo.component.html',\n})\nexport class WizardDemoComponent {\n  #modalService: SkyModalService;\n\n  constructor(modalService: SkyModalService) {\n    this.#modalService = modalService;\n  }\n\n  public modalSize = 'large';\n\n  public openWizard(): void {\n    this.#modalService.open(WizardDemoModalComponent, { size: this.modalSize });\n  }\n}\n"
     },
     {
       "fileName": "wizard-demo.module.ts",
       "filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\nimport { SkyFluidGridModule } from '@skyux/layout';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\nimport { SkyTabsModule } from '@skyux/tabs';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\nimport { WizardDemoComponent } from './wizard-demo.component';\n\n@NgModule({\n  declarations: [WizardDemoComponent, WizardDemoModalComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyFluidGridModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyPhoneFieldModule,\n    SkyTabsModule,\n    SkyThemeModule,\n  ],\n  exports: [WizardDemoComponent],\n})\nexport class WizardDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\nimport { SkyFluidGridModule } from '@skyux/layout';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\nimport { SkyTabsModule } from '@skyux/tabs';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\nimport { WizardDemoComponent } from './wizard-demo.component';\n\n@NgModule({\n  declarations: [WizardDemoComponent, WizardDemoModalComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyFluidGridModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyPhoneFieldModule,\n    SkyStatusIndicatorModule,\n    SkyTabsModule,\n    SkyThemeModule,\n  ],\n  exports: [WizardDemoComponent],\n})\nexport class WizardDemoModule {}\n"
     }
   ]
 }