@skyux/tabs 7.0.0-beta.5 → 7.0.0-beta.7

package/documentation.json

@@ -25,7 +25,7 @@
     "originalName": "",
     "children": [
       {
-        "id": 359,
+        "id": 377,
         "name": "SkySectionedFormComponent",
         "kind": 128,
         "kindString": "Class",
@@ -49,7 +49,7 @@
         ],
         "children": [
           {
-            "id": 360,
+            "id": 378,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -63,14 +63,14 @@
             ],
             "signatures": [
               {
-                "id": 361,
+                "id": 379,
                 "name": "new SkySectionedFormComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 362,
+                    "id": 380,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -81,7 +81,7 @@
                     }
                   },
                   {
-                    "id": 363,
+                    "id": 381,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -96,14 +96,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 359,
+                  "id": 377,
                   "name": "SkySectionedFormComponent"
                 }
               }
             ]
           },
           {
-            "id": 366,
+            "id": 384,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -124,7 +124,7 @@
             "defaultValue": "'tablist'"
           },
           {
-            "id": 367,
+            "id": 385,
             "name": "content",
             "kind": 1024,
             "kindString": "Property",
@@ -166,7 +166,7 @@
             }
           },
           {
-            "id": 365,
+            "id": 383,
             "name": "indexChanged",
             "kind": 1024,
             "kindString": "Property",
@@ -210,7 +210,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 364,
+            "id": 382,
             "name": "maintainSectionContent",
             "kind": 1024,
             "kindString": "Property",
@@ -252,7 +252,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 373,
+            "id": 391,
             "name": "ngAfterViewChecked",
             "kind": 2048,
             "kindString": "Method",
@@ -268,7 +268,7 @@
             ],
             "signatures": [
               {
-                "id": 374,
+                "id": 392,
                 "name": "ngAfterViewChecked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -289,7 +289,7 @@
             }
           },
           {
-            "id": 375,
+            "id": 393,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -305,7 +305,7 @@
             ],
             "signatures": [
               {
-                "id": 376,
+                "id": 394,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -326,7 +326,7 @@
             }
           },
           {
-            "id": 371,
+            "id": 389,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -342,7 +342,7 @@
             ],
             "signatures": [
               {
-                "id": 372,
+                "id": 390,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -363,7 +363,7 @@
             }
           },
           {
-            "id": 379,
+            "id": 397,
             "name": "showTabs",
             "kind": 2048,
             "kindString": "Method",
@@ -379,7 +379,7 @@
             ],
             "signatures": [
               {
-                "id": 380,
+                "id": 398,
                 "name": "showTabs",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -392,7 +392,7 @@
             ]
           },
           {
-            "id": 377,
+            "id": 395,
             "name": "tabsVisible",
             "kind": 2048,
             "kindString": "Method",
@@ -408,7 +408,7 @@
             ],
             "signatures": [
               {
-                "id": 378,
+                "id": 396,
                 "name": "tabsVisible",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -426,29 +426,29 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              360
+              378
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              366,
-              367,
-              365,
-              364,
-              370
+              384,
+              385,
+              383,
+              382,
+              388
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              373,
-              375,
-              371,
-              379,
-              377
+              391,
+              393,
+              389,
+              397,
+              395
             ]
           }
         ],
@@ -481,7 +481,7 @@
         ]
       },
       {
-        "id": 331,
+        "id": 349,
         "name": "SkySectionedFormModule",
         "kind": 128,
         "kindString": "Class",
@@ -506,7 +506,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              332
+              350
             ]
           }
         ],
@@ -519,7 +519,7 @@
         ]
       },
       {
-        "id": 334,
+        "id": 352,
         "name": "SkySectionedFormService",
         "kind": 128,
         "kindString": "Class",
@@ -538,7 +538,7 @@
         ],
         "children": [
           {
-            "id": 339,
+            "id": 357,
             "name": "invalidFieldChanged",
             "kind": 2048,
             "kindString": "Method",
@@ -554,7 +554,7 @@
             ],
             "signatures": [
               {
-                "id": 340,
+                "id": 358,
                 "name": "invalidFieldChanged",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -564,7 +564,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 341,
+                    "id": 359,
                     "name": "isInvalid",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -583,7 +583,7 @@
             ]
           },
           {
-            "id": 342,
+            "id": 360,
             "name": "requiredFieldChanged",
             "kind": 2048,
             "kindString": "Method",
@@ -599,7 +599,7 @@
             ],
             "signatures": [
               {
-                "id": 343,
+                "id": 361,
                 "name": "requiredFieldChanged",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -609,7 +609,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 344,
+                    "id": 362,
                     "name": "isRequired",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -633,15 +633,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              335
+              353
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              339,
-              342
+              357,
+              360
             ]
           }
         ],
@@ -654,7 +654,7 @@
         ]
       },
       {
-        "id": 353,
+        "id": 371,
         "name": "SkyTabsModule",
         "kind": 128,
         "kindString": "Class",
@@ -669,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}"
             }
           }
         ],
@@ -679,20 +679,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              354
+              372
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/tabs/src/modules/tabs/tabs.module.ts",
-            "line": 34,
+            "line": 36,
             "character": 13
           }
         ]
       },
       {
-        "id": 356,
+        "id": 374,
         "name": "SkyVerticalTabsetModule",
         "kind": 128,
         "kindString": "Class",
@@ -717,7 +717,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              357
+              375
             ]
           }
         ],
@@ -759,7 +759,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 155,
+                "line": 167,
                 "character": 2
               }
             ],
@@ -816,7 +816,7 @@
             ]
           },
           {
-            "id": 26,
+            "id": 29,
             "name": "close",
             "kind": 1024,
             "kindString": "Property",
@@ -841,7 +841,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 120,
+                "line": 128,
                 "character": 9
               }
             ],
@@ -901,8 +901,8 @@
             }
           },
           {
-            "id": 33,
-            "name": "showContent",
+            "id": 34,
+            "name": "permalinkValueOrDefault",
             "kind": 1024,
             "kindString": "Property",
             "flags": {
@@ -911,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": {
@@ -932,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
               }
             ],
@@ -977,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"
                 }
               ]
             },
@@ -1008,7 +994,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 90,
+                "line": 79,
                 "character": 9
               }
             ],
@@ -1018,7 +1004,7 @@
             }
           },
           {
-            "id": 35,
+            "id": 37,
             "name": "tabPanelId",
             "kind": 1024,
             "kindString": "Property",
@@ -1028,7 +1014,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 141,
+                "line": 147,
                 "character": 9
               }
             ],
@@ -1159,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",
@@ -1262,7 +1219,7 @@
             ]
           },
           {
-            "id": 29,
+            "id": 30,
             "name": "stateChange",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1272,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",
@@ -1302,8 +1259,8 @@
             ]
           },
           {
-            "id": 22,
-            "name": "tabIndex",
+            "id": 21,
+            "name": "tabHeading",
             "kind": 262144,
             "kindString": "Accessor",
             "flags": {
@@ -1324,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",
@@ -1340,14 +1382,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 345,
+                  "id": 363,
                   "name": "SkyTabIndex"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 24,
+                "id": 27,
                 "name": "tabIndex",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1357,14 +1399,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 25,
+                    "id": 28,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 345,
+                      "id": 363,
                       "name": "SkyTabIndex"
                     }
                   }
@@ -1377,7 +1419,7 @@
             ]
           },
           {
-            "id": 31,
+            "id": 32,
             "name": "tabIndexChange",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1387,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",
@@ -1403,7 +1445,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 345,
+                      "id": 363,
                       "name": "SkyTabIndex"
                     }
                   ],
@@ -1415,7 +1457,7 @@
             ]
           },
           {
-            "id": 49,
+            "id": 55,
             "name": "activate",
             "kind": 2048,
             "kindString": "Method",
@@ -1425,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",
@@ -1444,7 +1486,7 @@
             ]
           },
           {
-            "id": 51,
+            "id": 57,
             "name": "deactivate",
             "kind": 2048,
             "kindString": "Method",
@@ -1454,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",
@@ -1473,7 +1515,7 @@
             ]
           },
           {
-            "id": 47,
+            "id": 53,
             "name": "init",
             "kind": 2048,
             "kindString": "Method",
@@ -1483,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",
@@ -1502,7 +1544,36 @@
             ]
           },
           {
-            "id": 42,
+            "id": 59,
+            "name": "isCloseable",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
+                "line": 224,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 60,
+                "name": "isCloseable",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "boolean"
+                }
+              }
+            ]
+          },
+          {
+            "id": 48,
             "name": "ngOnChanges",
             "kind": 2048,
             "kindString": "Method",
@@ -1512,20 +1583,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
-                "line": 165,
+                "line": 188,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 43,
+                "id": 49,
                 "name": "ngOnChanges",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 44,
+                    "id": 50,
                     "name": "changes",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1554,7 +1625,7 @@
             }
           },
           {
-            "id": 45,
+            "id": 51,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -1564,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",
@@ -1603,13 +1674,13 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              26,
+              29,
               15,
-              33,
               34,
+              35,
+              36,
               20,
-              21,
-              35
+              37
             ]
           },
           {
@@ -1618,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
             ]
           }
         ],
@@ -1660,7 +1732,7 @@
         ]
       },
       {
-        "id": 53,
+        "id": 63,
         "name": "SkyTabsetComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1681,7 +1753,7 @@
         ],
         "children": [
           {
-            "id": 54,
+            "id": 64,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1689,20 +1761,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 192,
+                "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",
@@ -1715,7 +1787,7 @@
                     }
                   },
                   {
-                    "id": 57,
+                    "id": 67,
                     "name": "elementRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1734,7 +1806,7 @@
                     }
                   },
                   {
-                    "id": 58,
+                    "id": 68,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1745,7 +1817,7 @@
                     }
                   },
                   {
-                    "id": 59,
+                    "id": 69,
                     "name": "permalinkService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1756,7 +1828,7 @@
                     }
                   },
                   {
-                    "id": 60,
+                    "id": 70,
                     "name": "tabsetService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1769,14 +1841,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 53,
+                  "id": 63,
                   "name": "SkyTabsetComponent"
                 }
               }
             ]
           },
           {
-            "id": 75,
+            "id": 85,
             "name": "activeChange",
             "kind": 1024,
             "kindString": "Property",
@@ -1810,7 +1882,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 345,
+                  "id": 363,
                   "name": "SkyTabIndex"
                 }
               ],
@@ -1821,7 +1893,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 65,
+            "id": 75,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -1856,7 +1928,7 @@
             }
           },
           {
-            "id": 66,
+            "id": 76,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -1891,7 +1963,7 @@
             }
           },
           {
-            "id": 84,
+            "id": 97,
             "name": "dropdownTriggerButtonText",
             "kind": 1024,
             "kindString": "Property",
@@ -1901,17 +1973,18 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 170,
+                "line": 183,
                 "character": 9
               }
             ],
             "type": {
               "type": "intrinsic",
               "name": "string"
-            }
+            },
+            "defaultValue": "''"
           },
           {
-            "id": 76,
+            "id": 86,
             "name": "newTab",
             "kind": 1024,
             "kindString": "Property",
@@ -1955,7 +2028,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 77,
+            "id": 87,
             "name": "openTab",
             "kind": 1024,
             "kindString": "Property",
@@ -1999,7 +2072,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 86,
+            "id": 99,
             "name": "tabButtons",
             "kind": 1024,
             "kindString": "Property",
@@ -2009,7 +2082,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 178,
+                "line": 191,
                 "character": 9
               }
             ],
@@ -2023,7 +2096,7 @@
             "defaultValue": "[]"
           },
           {
-            "id": 78,
+            "id": 88,
             "name": "tabIndexesChange",
             "kind": 1024,
             "kindString": "Property",
@@ -2057,7 +2130,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 348,
+                  "id": 366,
                   "name": "SkyTabsetTabIndexesChange"
                 }
               ],
@@ -2068,50 +2141,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 83,
-            "name": "tabs",
-            "kind": 1024,
-            "kindString": "Property",
-            "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": 168,
-                "character": 9
-              }
-            ],
-            "type": {
-              "type": "reference",
-              "typeArguments": [
-                {
-                  "type": "reference",
-                  "id": 3,
-                  "name": "SkyTabComponent"
-                }
-              ],
-              "qualifiedName": "QueryList",
-              "package": "@angular/core",
-              "name": "QueryList"
-            }
-          },
-          {
-            "id": 61,
+            "id": 71,
             "name": "active",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2139,7 +2169,7 @@
             ],
             "getSignature": [
               {
-                "id": 62,
+                "id": 72,
                 "name": "active",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2149,14 +2179,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 345,
+                  "id": 363,
                   "name": "SkyTabIndex"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 63,
+                "id": 73,
                 "name": "active",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2166,14 +2196,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 64,
+                    "id": 74,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 345,
+                      "id": 363,
                       "name": "SkyTabIndex"
                     }
                   }
@@ -2186,7 +2216,7 @@
             ]
           },
           {
-            "id": 67,
+            "id": 77,
             "name": "permalinkId",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2214,7 +2244,7 @@
             ],
             "getSignature": [
               {
-                "id": 68,
+                "id": 78,
                 "name": "permalinkId",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2230,7 +2260,7 @@
             ],
             "setSignature": [
               {
-                "id": 69,
+                "id": 79,
                 "name": "permalinkId",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2240,7 +2270,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 70,
+                    "id": 80,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2259,7 +2289,7 @@
             ]
           },
           {
-            "id": 79,
+            "id": 89,
             "name": "tabDisplayMode",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2275,35 +2305,35 @@
             ],
             "getSignature": [
               {
-                "id": 80,
+                "id": 90,
                 "name": "tabDisplayMode",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 346,
+                  "id": 364,
                   "name": "SkyTabsetButtonsDisplayMode"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 81,
+                "id": 91,
                 "name": "tabDisplayMode",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 82,
+                    "id": 92,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 346,
+                      "id": 364,
                       "name": "SkyTabsetButtonsDisplayMode"
                     }
                   }
@@ -2316,7 +2346,7 @@
             ]
           },
           {
-            "id": 71,
+            "id": 81,
             "name": "tabStyle",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2344,7 +2374,7 @@
             ],
             "getSignature": [
               {
-                "id": 72,
+                "id": 82,
                 "name": "tabStyle",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2360,14 +2390,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 347,
+                  "id": 365,
                   "name": "SkyTabsetStyle"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 73,
+                "id": 83,
                 "name": "tabStyle",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2383,14 +2413,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 74,
+                    "id": 84,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 347,
+                      "id": 365,
                       "name": "SkyTabsetStyle"
                     }
                   }
@@ -2404,6 +2434,93 @@
           },
           {
             "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": 168,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 94,
+                "name": "tabs",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "typeArguments": [
+                    {
+                      "type": "reference",
+                      "id": 3,
+                      "name": "SkyTabComponent"
+                    }
+                  ],
+                  "qualifiedName": "QueryList",
+                  "package": "@angular/core",
+                  "name": "QueryList"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 95,
+                "name": "tabs",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 96,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "reference",
+                          "id": 3,
+                          "name": "SkyTabComponent"
+                        }
+                      ],
+                      "qualifiedName": "QueryList",
+                      "package": "@angular/core",
+                      "name": "QueryList"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 113,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2413,13 +2530,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 200,
+                "line": 228,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 94,
+                "id": 114,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2440,7 +2557,7 @@
             }
           },
           {
-            "id": 95,
+            "id": 115,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2450,13 +2567,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 228,
+                "line": 255,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 96,
+                "id": 116,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2477,7 +2594,7 @@
             }
           },
           {
-            "id": 115,
+            "id": 135,
             "name": "onEndKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -2487,13 +2604,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 273,
+                "line": 302,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 116,
+                "id": 136,
                 "name": "onEndKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2506,7 +2623,7 @@
             ]
           },
           {
-            "id": 113,
+            "id": 133,
             "name": "onHomeKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -2516,13 +2633,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 269,
+                "line": 298,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 114,
+                "id": 134,
                 "name": "onHomeKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2535,7 +2652,7 @@
             ]
           },
           {
-            "id": 111,
+            "id": 131,
             "name": "onLeftKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -2545,13 +2662,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 265,
+                "line": 294,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 112,
+                "id": 132,
                 "name": "onLeftKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2564,7 +2681,7 @@
             ]
           },
           {
-            "id": 105,
+            "id": 125,
             "name": "onNewTabClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2574,13 +2691,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 253,
+                "line": 282,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 106,
+                "id": 126,
                 "name": "onNewTabClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2593,7 +2710,7 @@
             ]
           },
           {
-            "id": 107,
+            "id": 127,
             "name": "onOpenTabClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2603,13 +2720,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 257,
+                "line": 286,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 108,
+                "id": 128,
                 "name": "onOpenTabClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2622,7 +2739,7 @@
             ]
           },
           {
-            "id": 109,
+            "id": 129,
             "name": "onRightKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -2632,13 +2749,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 261,
+                "line": 290,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 110,
+                "id": 130,
                 "name": "onRightKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2651,7 +2768,7 @@
             ]
           },
           {
-            "id": 102,
+            "id": 122,
             "name": "onTabButtonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2661,20 +2778,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 249,
+                "line": 278,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 103,
+                "id": 123,
                 "name": "onTabButtonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 104,
+                    "id": 124,
                     "name": "tabButton",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2693,7 +2810,7 @@
             ]
           },
           {
-            "id": 99,
+            "id": 119,
             "name": "onTabCloseClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2703,20 +2820,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 241,
+                "line": 270,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 100,
+                "id": 120,
                 "name": "onTabCloseClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 101,
+                    "id": 121,
                     "name": "tabButton",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2735,7 +2852,7 @@
             ]
           },
           {
-            "id": 97,
+            "id": 117,
             "name": "onWindowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -2745,13 +2862,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset.component.ts",
-                "line": 237,
+                "line": 266,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 98,
+                "id": 118,
                 "name": "onWindowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2769,49 +2886,49 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              54
+              64
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
+              85,
               75,
-              65,
-              66,
-              84,
               76,
-              77,
+              97,
               86,
-              78,
-              83
+              87,
+              99,
+              88
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              61,
-              67,
-              79,
-              71
+              71,
+              77,
+              89,
+              81,
+              93
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              93,
-              95,
-              115,
               113,
-              111,
-              105,
-              107,
-              109,
-              102,
-              99,
-              97
+              115,
+              135,
+              133,
+              131,
+              125,
+              127,
+              129,
+              122,
+              119,
+              117
             ]
           }
         ],
@@ -2838,7 +2955,7 @@
         ]
       },
       {
-        "id": 153,
+        "id": 171,
         "name": "SkyTabsetNavButtonComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2859,7 +2976,7 @@
         ],
         "children": [
           {
-            "id": 154,
+            "id": 172,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2867,20 +2984,20 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 119,
+                "line": 114,
                 "character": 2
               }
             ],
             "signatures": [
               {
-                "id": 155,
+                "id": 173,
                 "name": "SkyTabsetNavButtonComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 156,
+                    "id": 174,
                     "name": "logger",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2893,14 +3010,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 153,
+                  "id": 171,
                   "name": "SkyTabsetNavButtonComponent"
                 }
               }
             ]
           },
           {
-            "id": 173,
+            "id": 191,
             "name": "ariaControls",
             "kind": 1024,
             "kindString": "Property",
@@ -2910,7 +3027,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 106,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -2920,7 +3037,7 @@
             }
           },
           {
-            "id": 170,
+            "id": 188,
             "name": "buttonClassName",
             "kind": 1024,
             "kindString": "Property",
@@ -2930,7 +3047,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 103,
+                "line": 97,
                 "character": 9
               }
             ],
@@ -2940,7 +3057,7 @@
             }
           },
           {
-            "id": 165,
+            "id": 183,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -2976,7 +3093,7 @@
             }
           },
           {
-            "id": 171,
+            "id": 189,
             "name": "isVisible",
             "kind": 1024,
             "kindString": "Property",
@@ -2986,7 +3103,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 104,
+                "line": 98,
                 "character": 9
               }
             ],
@@ -2997,7 +3114,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 172,
+            "id": 190,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -3007,7 +3124,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 105,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -3023,10 +3140,11 @@
                   "value": "submit"
                 }
               ]
-            }
+            },
+            "defaultValue": "'submit'"
           },
           {
-            "id": 161,
+            "id": 179,
             "name": "buttonType",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3054,7 +3172,7 @@
             ],
             "getSignature": [
               {
-                "id": 162,
+                "id": 180,
                 "name": "buttonType",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3076,7 +3194,7 @@
             ],
             "setSignature": [
               {
-                "id": 163,
+                "id": 181,
                 "name": "buttonType",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3092,7 +3210,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 164,
+                    "id": 182,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3111,7 +3229,7 @@
             ]
           },
           {
-            "id": 166,
+            "id": 184,
             "name": "disabled",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3139,7 +3257,7 @@
             ],
             "getSignature": [
               {
-                "id": 167,
+                "id": 185,
                 "name": "disabled",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3155,7 +3273,7 @@
             ],
             "setSignature": [
               {
-                "id": 168,
+                "id": 186,
                 "name": "disabled",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3165,7 +3283,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 169,
+                    "id": 187,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3184,7 +3302,7 @@
             ]
           },
           {
-            "id": 157,
+            "id": 175,
             "name": "tabset",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3212,7 +3330,7 @@
             ],
             "getSignature": [
               {
-                "id": 158,
+                "id": 176,
                 "name": "tabset",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3228,14 +3346,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 53,
+                  "id": 63,
                   "name": "SkyTabsetComponent"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 159,
+                "id": 177,
                 "name": "tabset",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3251,14 +3369,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 160,
+                    "id": 178,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 53,
+                      "id": 63,
                       "name": "SkyTabsetComponent"
                     }
                   }
@@ -3271,7 +3389,7 @@
             ]
           },
           {
-            "id": 186,
+            "id": 204,
             "name": "buttonClick",
             "kind": 2048,
             "kindString": "Method",
@@ -3281,13 +3399,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 128,
+                "line": 123,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 187,
+                "id": 205,
                 "name": "buttonClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3300,7 +3418,7 @@
             ]
           },
           {
-            "id": 184,
+            "id": 202,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -3310,13 +3428,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tabset-nav-button.component.ts",
-                "line": 123,
+                "line": 118,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 185,
+                "id": 203,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3342,35 +3460,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              154
+              172
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              173,
-              170,
-              165,
-              171,
-              172
+              191,
+              188,
+              183,
+              189,
+              190
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              161,
-              166,
-              157
+              179,
+              184,
+              175
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              186,
-              184
+              204,
+              202
             ]
           }
         ],
@@ -3391,7 +3509,7 @@
         ]
       },
       {
-        "id": 194,
+        "id": 212,
         "name": "SkyVerticalTabComponent",
         "kind": 128,
         "kindString": "Class",
@@ -3412,7 +3530,7 @@
         ],
         "children": [
           {
-            "id": 195,
+            "id": 213,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -3426,14 +3544,14 @@
             ],
             "signatures": [
               {
-                "id": 196,
+                "id": 214,
                 "name": "SkyVerticalTabComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 197,
+                    "id": 215,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3444,7 +3562,7 @@
                     }
                   },
                   {
-                    "id": 198,
+                    "id": 216,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3457,7 +3575,7 @@
                     }
                   },
                   {
-                    "id": 199,
+                    "id": 217,
                     "name": "tabsetService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3468,7 +3586,7 @@
                     }
                   },
                   {
-                    "id": 200,
+                    "id": 218,
                     "name": "verticalTabMediaQueryService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3481,14 +3599,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 194,
+                  "id": 212,
                   "name": "SkyVerticalTabComponent"
                 }
               }
             ]
           },
           {
-            "id": 201,
+            "id": 219,
             "name": "active",
             "kind": 1024,
             "kindString": "Property",
@@ -3524,7 +3642,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 202,
+            "id": 220,
             "name": "ariaControls",
             "kind": 1024,
             "kindString": "Property",
@@ -3565,7 +3683,7 @@
             }
           },
           {
-            "id": 207,
+            "id": 225,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -3601,7 +3719,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 220,
+            "id": 238,
             "name": "index",
             "kind": 1024,
             "kindString": "Property",
@@ -3621,7 +3739,7 @@
             }
           },
           {
-            "id": 221,
+            "id": 239,
             "name": "isMobile",
             "kind": 1024,
             "kindString": "Property",
@@ -3642,7 +3760,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 222,
+            "id": 240,
             "name": "tabContent",
             "kind": 1024,
             "kindString": "Property",
@@ -3684,7 +3802,7 @@
             }
           },
           {
-            "id": 209,
+            "id": 227,
             "name": "tabHeaderCount",
             "kind": 1024,
             "kindString": "Property",
@@ -3719,7 +3837,7 @@
             }
           },
           {
-            "id": 210,
+            "id": 228,
             "name": "tabHeading",
             "kind": 1024,
             "kindString": "Property",
@@ -3760,7 +3878,7 @@
             }
           },
           {
-            "id": 203,
+            "id": 221,
             "name": "ariaRole",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3788,7 +3906,7 @@
             ],
             "getSignature": [
               {
-                "id": 204,
+                "id": 222,
                 "name": "ariaRole",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3814,7 +3932,7 @@
             ],
             "setSignature": [
               {
-                "id": 205,
+                "id": 223,
                 "name": "ariaRole",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3834,7 +3952,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 206,
+                    "id": 224,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3853,7 +3971,7 @@
             ]
           },
           {
-            "id": 216,
+            "id": 234,
             "name": "contentRendered",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3869,7 +3987,7 @@
             ],
             "getSignature": [
               {
-                "id": 217,
+                "id": 235,
                 "name": "contentRendered",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3882,14 +4000,14 @@
             ],
             "setSignature": [
               {
-                "id": 218,
+                "id": 236,
                 "name": "contentRendered",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 219,
+                    "id": 237,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3908,7 +4026,7 @@
             ]
           },
           {
-            "id": 212,
+            "id": 230,
             "name": "tabId",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3936,7 +4054,7 @@
             ],
             "getSignature": [
               {
-                "id": 213,
+                "id": 231,
                 "name": "tabId",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3958,7 +4076,7 @@
             ],
             "setSignature": [
               {
-                "id": 214,
+                "id": 232,
                 "name": "tabId",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -3974,7 +4092,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 215,
+                    "id": 233,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3993,7 +4111,7 @@
             ]
           },
           {
-            "id": 239,
+            "id": 257,
             "name": "activateTab",
             "kind": 2048,
             "kindString": "Method",
@@ -4009,7 +4127,7 @@
             ],
             "signatures": [
               {
-                "id": 240,
+                "id": 258,
                 "name": "activateTab",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4022,7 +4140,7 @@
             ]
           },
           {
-            "id": 235,
+            "id": 253,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4038,7 +4156,7 @@
             ],
             "signatures": [
               {
-                "id": 236,
+                "id": 254,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4059,7 +4177,7 @@
             }
           },
           {
-            "id": 233,
+            "id": 251,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4075,7 +4193,7 @@
             ],
             "signatures": [
               {
-                "id": 234,
+                "id": 252,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4096,7 +4214,7 @@
             }
           },
           {
-            "id": 241,
+            "id": 259,
             "name": "onTabButtonKeyUp",
             "kind": 2048,
             "kindString": "Method",
@@ -4112,14 +4230,14 @@
             ],
             "signatures": [
               {
-                "id": 242,
+                "id": 260,
                 "name": "onTabButtonKeyUp",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 243,
+                    "id": 261,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4140,7 +4258,7 @@
             ]
           },
           {
-            "id": 244,
+            "id": 262,
             "name": "onWindowResize",
             "kind": 2048,
             "kindString": "Method",
@@ -4170,7 +4288,7 @@
             ],
             "signatures": [
               {
-                "id": 245,
+                "id": 263,
                 "name": "onWindowResize",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4183,7 +4301,7 @@
             ]
           },
           {
-            "id": 246,
+            "id": 264,
             "name": "tabDeactivated",
             "kind": 2048,
             "kindString": "Method",
@@ -4199,7 +4317,7 @@
             ],
             "signatures": [
               {
-                "id": 247,
+                "id": 265,
                 "name": "tabDeactivated",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4212,7 +4330,7 @@
             ]
           },
           {
-            "id": 237,
+            "id": 255,
             "name": "tabIndex",
             "kind": 2048,
             "kindString": "Method",
@@ -4228,7 +4346,7 @@
             ],
             "signatures": [
               {
-                "id": 238,
+                "id": 256,
                 "name": "tabIndex",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4246,43 +4364,43 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              195
+              213
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              201,
-              202,
-              207,
+              219,
               220,
-              221,
-              222,
-              209,
-              210
+              225,
+              238,
+              239,
+              240,
+              227,
+              228
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              203,
-              216,
-              212
+              221,
+              234,
+              230
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              239,
-              235,
-              233,
-              241,
-              244,
-              246,
-              237
+              257,
+              253,
+              251,
+              259,
+              262,
+              264,
+              255
             ]
           }
         ],
@@ -4309,7 +4427,7 @@
         ]
       },
       {
-        "id": 250,
+        "id": 268,
         "name": "SkySectionedFormSectionComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4333,7 +4451,7 @@
         ],
         "children": [
           {
-            "id": 251,
+            "id": 269,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4347,26 +4465,26 @@
             ],
             "signatures": [
               {
-                "id": 252,
+                "id": 270,
                 "name": "SkySectionedFormSectionComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 253,
+                    "id": 271,
                     "name": "sectionedFormService",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 334,
+                      "id": 352,
                       "name": "SkySectionedFormService"
                     }
                   },
                   {
-                    "id": 254,
+                    "id": 272,
                     "name": "tabsetService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4377,7 +4495,7 @@
                     }
                   },
                   {
-                    "id": 255,
+                    "id": 273,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4392,14 +4510,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 250,
+                  "id": 268,
                   "name": "SkySectionedFormSectionComponent"
                 }
               }
             ]
           },
           {
-            "id": 260,
+            "id": 278,
             "name": "active",
             "kind": 1024,
             "kindString": "Property",
@@ -4441,7 +4559,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 262,
+            "id": 280,
             "name": "fieldInvalid",
             "kind": 1024,
             "kindString": "Property",
@@ -4461,7 +4579,7 @@
             }
           },
           {
-            "id": 261,
+            "id": 279,
             "name": "fieldRequired",
             "kind": 1024,
             "kindString": "Property",
@@ -4481,7 +4599,7 @@
             }
           },
           {
-            "id": 258,
+            "id": 276,
             "name": "heading",
             "kind": 1024,
             "kindString": "Property",
@@ -4522,7 +4640,7 @@
             }
           },
           {
-            "id": 259,
+            "id": 277,
             "name": "itemCount",
             "kind": 1024,
             "kindString": "Property",
@@ -4557,7 +4675,7 @@
             }
           },
           {
-            "id": 257,
+            "id": 275,
             "name": "sectionContentId",
             "kind": 1024,
             "kindString": "Property",
@@ -4578,7 +4696,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 256,
+            "id": 274,
             "name": "sectionTabId",
             "kind": 1024,
             "kindString": "Property",
@@ -4599,7 +4717,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 263,
+            "id": 281,
             "name": "tab",
             "kind": 1024,
             "kindString": "Property",
@@ -4629,12 +4747,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 194,
+              "id": 212,
               "name": "SkyVerticalTabComponent"
             }
           },
           {
-            "id": 270,
+            "id": 288,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4650,7 +4768,7 @@
             ],
             "signatures": [
               {
-                "id": 271,
+                "id": 289,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4671,7 +4789,7 @@
             }
           },
           {
-            "id": 268,
+            "id": 286,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4687,7 +4805,7 @@
             ],
             "signatures": [
               {
-                "id": 269,
+                "id": 287,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4713,29 +4831,29 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              251
+              269
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              260,
-              262,
-              261,
-              258,
-              259,
-              257,
-              256,
-              263
+              278,
+              280,
+              279,
+              276,
+              277,
+              275,
+              274,
+              281
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              270,
-              268
+              288,
+              286
             ]
           }
         ],
@@ -4762,7 +4880,7 @@
         ]
       },
       {
-        "id": 272,
+        "id": 290,
         "name": "SkyVerticalTabsetComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4783,7 +4901,7 @@
         ],
         "children": [
           {
-            "id": 273,
+            "id": 291,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4797,14 +4915,14 @@
             ],
             "signatures": [
               {
-                "id": 274,
+                "id": 292,
                 "name": "SkyVerticalTabsetComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 275,
+                    "id": 293,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4815,7 +4933,7 @@
                     }
                   },
                   {
-                    "id": 276,
+                    "id": 294,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4826,7 +4944,7 @@
                     }
                   },
                   {
-                    "id": 277,
+                    "id": 295,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4837,7 +4955,7 @@
                     }
                   },
                   {
-                    "id": 278,
+                    "id": 296,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4852,14 +4970,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 272,
+                  "id": 290,
                   "name": "SkyVerticalTabsetComponent"
                 }
               }
             ]
           },
           {
-            "id": 287,
+            "id": 305,
             "name": "activeChange",
             "kind": 1024,
             "kindString": "Property",
@@ -4903,7 +5021,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 280,
+            "id": 298,
             "name": "ariaLabel",
             "kind": 1024,
             "kindString": "Property",
@@ -4938,7 +5056,7 @@
             }
           },
           {
-            "id": 281,
+            "id": 299,
             "name": "ariaLabelledBy",
             "kind": 1024,
             "kindString": "Property",
@@ -4973,7 +5091,7 @@
             }
           },
           {
-            "id": 289,
+            "id": 307,
             "name": "content",
             "kind": 1024,
             "kindString": "Property",
@@ -5015,7 +5133,7 @@
             }
           },
           {
-            "id": 290,
+            "id": 308,
             "name": "contentWrapper",
             "kind": 1024,
             "kindString": "Property",
@@ -5057,7 +5175,7 @@
             }
           },
           {
-            "id": 291,
+            "id": 309,
             "name": "isMobile",
             "kind": 1024,
             "kindString": "Property",
@@ -5078,7 +5196,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 286,
+            "id": 304,
             "name": "maintainTabContent",
             "kind": 1024,
             "kindString": "Property",
@@ -5120,7 +5238,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 279,
+            "id": 297,
             "name": "showTabsText",
             "kind": 1024,
             "kindString": "Property",
@@ -5155,7 +5273,7 @@
             }
           },
           {
-            "id": 288,
+            "id": 306,
             "name": "tabGroups",
             "kind": 1024,
             "kindString": "Property",
@@ -5197,7 +5315,7 @@
             }
           },
           {
-            "id": 282,
+            "id": 300,
             "name": "ariaRole",
             "kind": 262144,
             "kindString": "Accessor",
@@ -5225,7 +5343,7 @@
             ],
             "getSignature": [
               {
-                "id": 283,
+                "id": 301,
                 "name": "ariaRole",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -5251,7 +5369,7 @@
             ],
             "setSignature": [
               {
-                "id": 284,
+                "id": 302,
                 "name": "ariaRole",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -5271,7 +5389,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 285,
+                    "id": 303,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5290,7 +5408,7 @@
             ]
           },
           {
-            "id": 300,
+            "id": 318,
             "name": "ngAfterViewChecked",
             "kind": 2048,
             "kindString": "Method",
@@ -5306,7 +5424,7 @@
             ],
             "signatures": [
               {
-                "id": 301,
+                "id": 319,
                 "name": "ngAfterViewChecked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5327,7 +5445,7 @@
             }
           },
           {
-            "id": 302,
+            "id": 320,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -5343,7 +5461,7 @@
             ],
             "signatures": [
               {
-                "id": 303,
+                "id": 321,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5364,7 +5482,7 @@
             }
           },
           {
-            "id": 298,
+            "id": 316,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5380,7 +5498,7 @@
             ],
             "signatures": [
               {
-                "id": 299,
+                "id": 317,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5406,40 +5524,40 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              273
+              291
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              287,
-              296,
-              280,
-              281,
-              289,
-              290,
-              291,
-              286,
-              279,
-              288,
-              297
+              305,
+              314,
+              298,
+              299,
+              307,
+              308,
+              309,
+              304,
+              297,
+              306,
+              315
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              282
+              300
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              300,
-              302,
-              298
+              318,
+              320,
+              316
             ]
           }
         ],
@@ -5472,7 +5590,7 @@
         ]
       },
       {
-        "id": 304,
+        "id": 322,
         "name": "SkyVerticalTabsetGroupComponent",
         "kind": 128,
         "kindString": "Class",
@@ -5493,7 +5611,7 @@
         ],
         "children": [
           {
-            "id": 305,
+            "id": 323,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -5507,14 +5625,14 @@
             ],
             "signatures": [
               {
-                "id": 306,
+                "id": 324,
                 "name": "SkyVerticalTabsetGroupComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 307,
+                    "id": 325,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5525,7 +5643,7 @@
                     }
                   },
                   {
-                    "id": 308,
+                    "id": 326,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -5540,14 +5658,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 304,
+                  "id": 322,
                   "name": "SkyVerticalTabsetGroupComponent"
                 }
               }
             ]
           },
           {
-            "id": 309,
+            "id": 327,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -5588,7 +5706,7 @@
             }
           },
           {
-            "id": 310,
+            "id": 328,
             "name": "groupHeading",
             "kind": 1024,
             "kindString": "Property",
@@ -5623,7 +5741,7 @@
             }
           },
           {
-            "id": 311,
+            "id": 329,
             "name": "open",
             "kind": 1024,
             "kindString": "Property",
@@ -5664,7 +5782,7 @@
             }
           },
           {
-            "id": 312,
+            "id": 330,
             "name": "tabs",
             "kind": 1024,
             "kindString": "Property",
@@ -5697,7 +5815,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 194,
+                  "id": 212,
                   "name": "SkyVerticalTabComponent"
                 }
               ],
@@ -5707,7 +5825,7 @@
             }
           },
           {
-            "id": 319,
+            "id": 337,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -5723,7 +5841,7 @@
             ],
             "signatures": [
               {
-                "id": 320,
+                "id": 338,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5744,7 +5862,7 @@
             }
           },
           {
-            "id": 317,
+            "id": 335,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -5760,7 +5878,7 @@
             ],
             "signatures": [
               {
-                "id": 318,
+                "id": 336,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5781,7 +5899,7 @@
             }
           },
           {
-            "id": 323,
+            "id": 341,
             "name": "subMenuOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -5797,7 +5915,7 @@
             ],
             "signatures": [
               {
-                "id": 324,
+                "id": 342,
                 "name": "subMenuOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5810,7 +5928,7 @@
             ]
           },
           {
-            "id": 325,
+            "id": 343,
             "name": "tabClicked",
             "kind": 2048,
             "kindString": "Method",
@@ -5826,7 +5944,7 @@
             ],
             "signatures": [
               {
-                "id": 326,
+                "id": 344,
                 "name": "tabClicked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5839,7 +5957,7 @@
             ]
           },
           {
-            "id": 327,
+            "id": 345,
             "name": "tabsHidden",
             "kind": 2048,
             "kindString": "Method",
@@ -5855,7 +5973,7 @@
             ],
             "signatures": [
               {
-                "id": 328,
+                "id": 346,
                 "name": "tabsHidden",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5868,7 +5986,7 @@
             ]
           },
           {
-            "id": 329,
+            "id": 347,
             "name": "tabsShown",
             "kind": 2048,
             "kindString": "Method",
@@ -5884,7 +6002,7 @@
             ],
             "signatures": [
               {
-                "id": 330,
+                "id": 348,
                 "name": "tabsShown",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5897,7 +6015,7 @@
             ]
           },
           {
-            "id": 321,
+            "id": 339,
             "name": "toggleMenuOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -5913,7 +6031,7 @@
             ],
             "signatures": [
               {
-                "id": 322,
+                "id": 340,
                 "name": "toggleMenuOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -5931,30 +6049,30 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              305
+              323
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              309,
-              310,
-              311,
-              312
+              327,
+              328,
+              329,
+              330
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              319,
-              317,
-              323,
-              325,
-              327,
-              329,
-              321
+              337,
+              335,
+              341,
+              343,
+              345,
+              347,
+              339
             ]
           }
         ],
@@ -5981,14 +6099,14 @@
         ]
       },
       {
-        "id": 348,
+        "id": 366,
         "name": "SkyTabsetTabIndexesChange",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 349,
+            "id": 367,
             "name": "tabs",
             "kind": 1024,
             "kindString": "Property",
@@ -6007,18 +6125,20 @@
               "elementType": {
                 "type": "reflection",
                 "declaration": {
-                  "id": 350,
+                  "id": 368,
                   "name": "__type",
                   "kind": 65536,
                   "kindString": "Type literal",
                   "flags": {},
                   "children": [
                     {
-                      "id": 351,
+                      "id": 369,
                       "name": "tabHeading",
                       "kind": 1024,
                       "kindString": "Property",
-                      "flags": {},
+                      "flags": {
+                        "isOptional": true
+                      },
                       "sources": [
                         {
                           "fileName": "src/lib/modules/tabs/tabset-tab-indexes-change.ts",
@@ -6032,11 +6152,13 @@
                       }
                     },
                     {
-                      "id": 352,
+                      "id": 370,
                       "name": "tabIndex",
                       "kind": 1024,
                       "kindString": "Property",
-                      "flags": {},
+                      "flags": {
+                        "isOptional": true
+                      },
                       "sources": [
                         {
                           "fileName": "src/lib/modules/tabs/tabset-tab-indexes-change.ts",
@@ -6046,7 +6168,7 @@
                       ],
                       "type": {
                         "type": "reference",
-                        "id": 345,
+                        "id": 363,
                         "name": "SkyTabIndex"
                       }
                     }
@@ -6056,8 +6178,8 @@
                       "title": "Properties",
                       "kind": 1024,
                       "children": [
-                        351,
-                        352
+                        369,
+                        370
                       ]
                     }
                   ]
@@ -6071,7 +6193,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              349
+              367
             ]
           }
         ],
@@ -6084,7 +6206,7 @@
         ]
       },
       {
-        "id": 345,
+        "id": 363,
         "name": "SkyTabIndex",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6111,7 +6233,7 @@
         }
       },
       {
-        "id": 346,
+        "id": 364,
         "name": "SkyTabsetButtonsDisplayMode",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6138,7 +6260,7 @@
         }
       },
       {
-        "id": 347,
+        "id": 365,
         "name": "SkyTabsetStyle",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6232,21 +6354,6 @@
       "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  #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",
-      "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"
-    },
     {
       "fileName": "tabs-demo.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.html",
@@ -6255,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",
@@ -6265,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",
@@ -6345,7 +6452,7 @@
     {
       "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",
@@ -6355,7 +6462,7 @@
     {
       "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",