@skyux/tabs 5.0.0-beta.2 → 5.0.1

package/documentation.json

@@ -19,13 +19,13 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/tabs",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
     "children": [
       {
-        "id": 330,
+        "id": 333,
         "name": "SkySectionedFormComponent",
         "kind": 128,
         "kindString": "Class",
@@ -47,7 +47,7 @@
         ],
         "children": [
           {
-            "id": 331,
+            "id": 334,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -61,14 +61,14 @@
             ],
             "signatures": [
               {
-                "id": 332,
+                "id": 335,
                 "name": "new SkySectionedFormComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 333,
+                    "id": 336,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -79,7 +79,7 @@
                     }
                   },
                   {
-                    "id": 334,
+                    "id": 337,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -92,14 +92,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 330,
+                  "id": 333,
                   "name": "SkySectionedFormComponent"
                 }
               }
             ]
           },
           {
-            "id": 339,
+            "id": 342,
             "name": "content",
             "kind": 1024,
             "kindString": "Property",
@@ -137,7 +137,7 @@
             }
           },
           {
-            "id": 336,
+            "id": 339,
             "name": "indexChanged",
             "kind": 1024,
             "kindString": "Property",
@@ -177,7 +177,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 335,
+            "id": 338,
             "name": "maintainSectionContent",
             "kind": 1024,
             "kindString": "Property",
@@ -217,7 +217,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 342,
+            "id": 345,
             "name": "tabService",
             "kind": 1024,
             "kindString": "Property",
@@ -230,7 +230,7 @@
             }
           },
           {
-            "id": 337,
+            "id": 340,
             "name": "ariaRole",
             "kind": 262144,
             "kindString": "Accessor",
@@ -246,7 +246,7 @@
             ],
             "getSignature": [
               {
-                "id": 338,
+                "id": 341,
                 "name": "ariaRole",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -259,7 +259,7 @@
             ]
           },
           {
-            "id": 345,
+            "id": 348,
             "name": "ngAfterViewChecked",
             "kind": 2048,
             "kindString": "Method",
@@ -275,7 +275,7 @@
             ],
             "signatures": [
               {
-                "id": 346,
+                "id": 349,
                 "name": "ngAfterViewChecked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -296,7 +296,7 @@
             }
           },
           {
-            "id": 347,
+            "id": 350,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -312,7 +312,7 @@
             ],
             "signatures": [
               {
-                "id": 348,
+                "id": 351,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -333,7 +333,7 @@
             }
           },
           {
-            "id": 343,
+            "id": 346,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -349,7 +349,7 @@
             ],
             "signatures": [
               {
-                "id": 344,
+                "id": 347,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -370,7 +370,7 @@
             }
           },
           {
-            "id": 351,
+            "id": 354,
             "name": "showTabs",
             "kind": 2048,
             "kindString": "Method",
@@ -386,7 +386,7 @@
             ],
             "signatures": [
               {
-                "id": 352,
+                "id": 355,
                 "name": "showTabs",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -399,7 +399,7 @@
             ]
           },
           {
-            "id": 349,
+            "id": 352,
             "name": "tabsVisible",
             "kind": 2048,
             "kindString": "Method",
@@ -415,7 +415,7 @@
             ],
             "signatures": [
               {
-                "id": 350,
+                "id": 353,
                 "name": "tabsVisible",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -433,35 +433,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              331
+              334
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
+              342,
               339,
-              336,
-              335,
-              342
+              338,
+              345
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              337
+              340
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              345,
-              347,
-              343,
-              351,
-              349
+              348,
+              350,
+              346,
+              354,
+              352
             ]
           }
         ],
@@ -488,7 +488,7 @@
         ]
       },
       {
-        "id": 302,
+        "id": 305,
         "name": "SkySectionedFormModule",
         "kind": 128,
         "kindString": "Class",
@@ -501,27 +501,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkySectionedFormComponent,\n    SkySectionedFormSectionComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyCheckboxModule,\n    SkyVerticalTabsetModule\n  ],\n  exports: [\n    SkySectionedFormComponent,\n    SkySectionedFormSectionComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkySectionedFormComponent,\n    SkySectionedFormSectionComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyCheckboxModule,\n    SkyThemeModule,\n    SkyVerticalTabsetModule\n  ],\n  exports: [\n    SkySectionedFormComponent,\n    SkySectionedFormSectionComponent\n  ]\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 303,
+            "id": 306,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 304,
+                "id": 307,
                 "name": "new SkySectionedFormModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 302,
+                  "id": 305,
                   "name": "SkySectionedFormModule"
                 }
               }
@@ -533,20 +533,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              303
+              306
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.module.ts",
-            "line": 23,
+            "line": 25,
             "character": 13
           }
         ]
       },
       {
-        "id": 305,
+        "id": 308,
         "name": "SkySectionedFormService",
         "kind": 128,
         "kindString": "Class",
@@ -563,28 +563,28 @@
         ],
         "children": [
           {
-            "id": 306,
+            "id": 309,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 307,
+                "id": 310,
                 "name": "new SkySectionedFormService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 305,
+                  "id": 308,
                   "name": "SkySectionedFormService"
                 }
               }
             ]
           },
           {
-            "id": 310,
+            "id": 313,
             "name": "invalidFieldChanged",
             "kind": 2048,
             "kindString": "Method",
@@ -600,7 +600,7 @@
             ],
             "signatures": [
               {
-                "id": 311,
+                "id": 314,
                 "name": "invalidFieldChanged",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -610,7 +610,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 312,
+                    "id": 315,
                     "name": "isInvalid",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -629,7 +629,7 @@
             ]
           },
           {
-            "id": 313,
+            "id": 316,
             "name": "requiredFieldChanged",
             "kind": 2048,
             "kindString": "Method",
@@ -645,7 +645,7 @@
             ],
             "signatures": [
               {
-                "id": 314,
+                "id": 317,
                 "name": "requiredFieldChanged",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -655,7 +655,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 315,
+                    "id": 318,
                     "name": "isRequired",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -679,15 +679,15 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              306
+              309
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              310,
-              313
+              313,
+              316
             ]
           }
         ],
@@ -700,7 +700,7 @@
         ]
       },
       {
-        "id": 324,
+        "id": 327,
         "name": "SkyTabsModule",
         "kind": 128,
         "kindString": "Class",
@@ -719,21 +719,21 @@
         ],
         "children": [
           {
-            "id": 325,
+            "id": 328,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 326,
+                "id": 329,
                 "name": "new SkyTabsModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 324,
+                  "id": 327,
                   "name": "SkyTabsModule"
                 }
               }
@@ -745,7 +745,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              325
+              328
             ]
           }
         ],
@@ -758,7 +758,7 @@
         ]
       },
       {
-        "id": 327,
+        "id": 330,
         "name": "SkyVerticalTabsetModule",
         "kind": 128,
         "kindString": "Class",
@@ -771,27 +771,27 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyVerticalTabsetComponent,\n    SkyVerticalTabsetGroupComponent,\n    SkyVerticalTabComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyChevronModule,\n    SkyIconModule,\n    SkyStatusIndicatorModule,\n    SkyTabsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyVerticalTabsetComponent,\n    SkyVerticalTabsetGroupComponent,\n    SkyVerticalTabComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyVerticalTabsetComponent,\n    SkyVerticalTabsetGroupComponent,\n    SkyVerticalTabComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyChevronModule,\n    SkyIconModule,\n    SkyStatusIndicatorModule,\n    SkyTabsResourcesModule,\n    SkyThemeModule\n  ],\n  providers: [\n    SkyVerticalTabsetAdapterService\n  ],\n  exports: [\n    SkyVerticalTabsetComponent,\n    SkyVerticalTabsetGroupComponent,\n    SkyVerticalTabComponent\n  ]\n}"
             }
           }
         ],
         "children": [
           {
-            "id": 328,
+            "id": 331,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
             "signatures": [
               {
-                "id": 329,
+                "id": 332,
                 "name": "new SkyVerticalTabsetModule",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 327,
+                  "id": 330,
                   "name": "SkyVerticalTabsetModule"
                 }
               }
@@ -803,14 +803,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              328
+              331
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.module.ts",
-            "line": 55,
+            "line": 62,
             "character": 13
           }
         ]
@@ -1329,9 +1329,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Alerts the tabset component when this component has changes that need to be reflected in the UI."
-            },
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
@@ -1399,7 +1396,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 316,
+                  "id": 319,
                   "name": "SkyTabIndex"
                 }
               }
@@ -1423,7 +1420,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 316,
+                      "id": 319,
                       "name": "SkyTabIndex"
                     }
                   }
@@ -1462,7 +1459,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 316,
+                      "id": 319,
                       "name": "SkyTabIndex"
                     }
                   ],
@@ -1853,7 +1850,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 316,
+                  "id": 319,
                   "name": "SkyTabIndex"
                 }
               ],
@@ -2084,7 +2081,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 319,
+                  "id": 322,
                   "name": "SkyTabsetTabIndexesChange"
                 }
               ],
@@ -2168,7 +2165,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 316,
+                  "id": 319,
                   "name": "SkyTabIndex"
                 }
               }
@@ -2192,7 +2189,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 316,
+                      "id": 319,
                       "name": "SkyTabIndex"
                     }
                   }
@@ -2299,7 +2296,7 @@
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 317,
+                  "id": 320,
                   "name": "SkyTabsetButtonsDisplayMode"
                 }
               }
@@ -2320,7 +2317,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 317,
+                      "id": 320,
                       "name": "SkyTabsetButtonsDisplayMode"
                     }
                   }
@@ -2369,7 +2366,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 318,
+                  "id": 321,
                   "name": "SkyTabsetStyle"
                 }
               }
@@ -2403,7 +2400,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 318,
+                      "id": 321,
                       "name": "SkyTabsetStyle"
                     }
                   }
@@ -2740,7 +2737,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-vertical-tab',\n  templateUrl: './vertical-tab.component.html',\n  styleUrls: ['./vertical-tab.component.scss'],\n  providers: [\n    SkyVerticalTabMediaQueryService,\n    SkyVerticalTabsetAdapterService,\n    { provide: SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-vertical-tab',\n  templateUrl: './vertical-tab.component.html',\n  styleUrls: ['./vertical-tab.component.scss'],\n  providers: [\n    SkyVerticalTabMediaQueryService,\n    { provide: SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
             }
           }
         ],
@@ -2754,7 +2751,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 179,
+                "line": 178,
                 "character": 2
               }
             ],
@@ -2843,7 +2840,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 53,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -2877,7 +2874,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 103,
+                "line": 102,
                 "character": 9
               }
             ],
@@ -2898,7 +2895,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 160,
+                "line": 159,
                 "character": 9
               }
             ],
@@ -2930,7 +2927,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 163,
+                "line": 162,
                 "character": 9
               }
             ],
@@ -2969,7 +2966,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 116,
+                "line": 115,
                 "character": 9
               }
             ],
@@ -3008,7 +3005,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 123,
+                "line": 122,
                 "character": 9
               }
             ],
@@ -3041,7 +3038,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 142,
+                "line": 141,
                 "character": 9
               }
             ],
@@ -3071,7 +3068,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 61,
+                "line": 60,
                 "character": 13
               }
             ],
@@ -3142,7 +3139,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 89,
+                "line": 88,
                 "character": 13
               }
             ],
@@ -3209,7 +3206,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 144,
+                "line": 143,
                 "character": 13
               }
             ],
@@ -3264,7 +3261,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 224,
+                "line": 223,
                 "character": 9
               }
             ],
@@ -3293,7 +3290,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 209,
+                "line": 208,
                 "character": 9
               }
             ],
@@ -3330,7 +3327,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 186,
+                "line": 185,
                 "character": 9
               }
             ],
@@ -3379,7 +3376,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 234,
+                "line": 233,
                 "character": 9
               }
             ],
@@ -3408,7 +3405,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 238,
+                "line": 237,
                 "character": 9
               }
             ],
@@ -3437,7 +3434,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-                "line": 216,
+                "line": 215,
                 "character": 9
               }
             ],
@@ -3502,7 +3499,7 @@
         "sources": [
           {
             "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tab.component.ts",
-            "line": 48,
+            "line": 47,
             "character": 13
           }
         ],
@@ -3568,7 +3565,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 305,
+                      "id": 308,
                       "name": "SkySectionedFormService"
                     }
                   },
@@ -4033,7 +4030,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-vertical-tabset',\n  templateUrl: './vertical-tabset.component.html',\n  styleUrls: ['./vertical-tabset.component.scss'],\n  providers: [SkyVerticalTabsetService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger(\n      'tabGroupEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(-100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    ),\n    trigger(\n      'contentEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    )\n  ]\n}"
+              "obj": "{\n  selector: 'sky-vertical-tabset',\n  templateUrl: './vertical-tabset.component.html',\n  styleUrls: ['./vertical-tabset.component.scss'],\n  providers: [\n    SkyVerticalTabsetService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger(\n      'tabGroupEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(-100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    ),\n    trigger(\n      'contentEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    )\n  ]\n}"
             }
           }
         ],
@@ -4047,7 +4044,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 116,
+                "line": 127,
                 "character": 2
               }
             ],
@@ -4061,6 +4058,17 @@
                 "parameters": [
                   {
                     "id": 251,
+                    "name": "adapterService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyVerticalTabsetAdapterService"
+                    }
+                  },
+                  {
+                    "id": 252,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4071,7 +4079,7 @@
                     }
                   },
                   {
-                    "id": 252,
+                    "id": 253,
                     "name": "resources",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4082,7 +4090,7 @@
                     }
                   },
                   {
-                    "id": 253,
+                    "id": 254,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4102,7 +4110,7 @@
             ]
           },
           {
-            "id": 260,
+            "id": 261,
             "name": "activeChange",
             "kind": 1024,
             "kindString": "Property",
@@ -4125,7 +4133,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 104,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -4142,7 +4150,20 @@
             "defaultValue": "..."
           },
           {
-            "id": 262,
+            "id": 268,
+            "name": "adapterService",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "type": {
+              "type": "reference",
+              "name": "SkyVerticalTabsetAdapterService"
+            }
+          },
+          {
+            "id": 263,
             "name": "content",
             "kind": 1024,
             "kindString": "Property",
@@ -4164,7 +4185,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 110,
+                "line": 118,
                 "character": 9
               }
             ],
@@ -4180,7 +4201,7 @@
             }
           },
           {
-            "id": 259,
+            "id": 260,
             "name": "maintainTabContent",
             "kind": 1024,
             "kindString": "Property",
@@ -4209,7 +4230,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 97,
+                "line": 105,
                 "character": 9
               }
             ],
@@ -4220,7 +4241,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 254,
+            "id": 255,
             "name": "showTabsText",
             "kind": 1024,
             "kindString": "Property",
@@ -4243,7 +4264,7 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 70,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -4253,7 +4274,7 @@
             }
           },
           {
-            "id": 261,
+            "id": 262,
             "name": "tabGroups",
             "kind": 1024,
             "kindString": "Property",
@@ -4268,14 +4289,14 @@
                   "name": "ViewChild"
                 },
                 "arguments": {
-                  "selector": "'contentWrapper'"
+                  "selector": "'groupContainerWrapper'"
                 }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 107,
+                "line": 115,
                 "character": 9
               }
             ],
@@ -4291,7 +4312,7 @@
             }
           },
           {
-            "id": 266,
+            "id": 269,
             "name": "tabService",
             "kind": 1024,
             "kindString": "Property",
@@ -4304,7 +4325,7 @@
             }
           },
           {
-            "id": 255,
+            "id": 256,
             "name": "ariaRole",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4324,13 +4345,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 81,
+                "line": 89,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 256,
+                "id": 257,
                 "name": "ariaRole",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4352,7 +4373,7 @@
             ],
             "setSignature": [
               {
-                "id": 257,
+                "id": 258,
                 "name": "ariaRole",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4362,7 +4383,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 258,
+                    "id": 259,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4381,7 +4402,7 @@
             ]
           },
           {
-            "id": 269,
+            "id": 272,
             "name": "ngAfterViewChecked",
             "kind": 2048,
             "kindString": "Method",
@@ -4391,13 +4412,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 156,
+                "line": 171,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 270,
+                "id": 273,
                 "name": "ngAfterViewChecked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4418,7 +4439,7 @@
             }
           },
           {
-            "id": 271,
+            "id": 274,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4428,13 +4449,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 161,
+                "line": 176,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 272,
+                "id": 275,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4455,7 +4476,7 @@
             }
           },
           {
-            "id": 267,
+            "id": 270,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4465,13 +4486,13 @@
             "sources": [
               {
                 "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-                "line": 121,
+                "line": 133,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 268,
+                "id": 271,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4504,35 +4525,36 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              261,
+              268,
+              263,
               260,
+              255,
               262,
-              259,
-              254,
-              261,
-              266
+              269
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              255
+              256
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              269,
-              271,
-              267
+              272,
+              274,
+              270
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/tabs/src/modules/vertical-tabset/vertical-tabset.component.ts",
-            "line": 64,
+            "line": 72,
             "character": 13
           }
         ],
@@ -4552,7 +4574,7 @@
         ]
       },
       {
-        "id": 273,
+        "id": 276,
         "name": "SkyVerticalTabsetGroupComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4571,7 +4593,7 @@
         ],
         "children": [
           {
-            "id": 274,
+            "id": 277,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4585,14 +4607,14 @@
             ],
             "signatures": [
               {
-                "id": 275,
+                "id": 278,
                 "name": "SkyVerticalTabsetGroupComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 276,
+                    "id": 279,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4603,7 +4625,7 @@
                     }
                   },
                   {
-                    "id": 277,
+                    "id": 280,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4616,14 +4638,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 273,
+                  "id": 276,
                   "name": "SkyVerticalTabsetGroupComponent"
                 }
               }
             ]
           },
           {
-            "id": 278,
+            "id": 281,
             "name": "disabled",
             "kind": 1024,
             "kindString": "Property",
@@ -4662,7 +4684,7 @@
             }
           },
           {
-            "id": 279,
+            "id": 282,
             "name": "groupHeading",
             "kind": 1024,
             "kindString": "Property",
@@ -4695,7 +4717,7 @@
             }
           },
           {
-            "id": 280,
+            "id": 283,
             "name": "open",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4721,7 +4743,7 @@
             ],
             "getSignature": [
               {
-                "id": 281,
+                "id": 284,
                 "name": "open",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4737,7 +4759,7 @@
             ],
             "setSignature": [
               {
-                "id": 282,
+                "id": 285,
                 "name": "open",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4753,7 +4775,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 283,
+                    "id": 286,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4772,7 +4794,7 @@
             ]
           },
           {
-            "id": 290,
+            "id": 293,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4788,7 +4810,7 @@
             ],
             "signatures": [
               {
-                "id": 291,
+                "id": 294,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4809,7 +4831,7 @@
             }
           },
           {
-            "id": 288,
+            "id": 291,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4825,7 +4847,7 @@
             ],
             "signatures": [
               {
-                "id": 289,
+                "id": 292,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4846,7 +4868,7 @@
             }
           },
           {
-            "id": 294,
+            "id": 297,
             "name": "subMenuOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -4862,7 +4884,7 @@
             ],
             "signatures": [
               {
-                "id": 295,
+                "id": 298,
                 "name": "subMenuOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4875,7 +4897,7 @@
             ]
           },
           {
-            "id": 296,
+            "id": 299,
             "name": "tabClicked",
             "kind": 2048,
             "kindString": "Method",
@@ -4891,7 +4913,7 @@
             ],
             "signatures": [
               {
-                "id": 297,
+                "id": 300,
                 "name": "tabClicked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4904,7 +4926,7 @@
             ]
           },
           {
-            "id": 298,
+            "id": 301,
             "name": "tabsHidden",
             "kind": 2048,
             "kindString": "Method",
@@ -4920,7 +4942,7 @@
             ],
             "signatures": [
               {
-                "id": 299,
+                "id": 302,
                 "name": "tabsHidden",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4933,7 +4955,7 @@
             ]
           },
           {
-            "id": 300,
+            "id": 303,
             "name": "tabsShown",
             "kind": 2048,
             "kindString": "Method",
@@ -4949,7 +4971,7 @@
             ],
             "signatures": [
               {
-                "id": 301,
+                "id": 304,
                 "name": "tabsShown",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4962,7 +4984,7 @@
             ]
           },
           {
-            "id": 292,
+            "id": 295,
             "name": "toggleMenuOpen",
             "kind": 2048,
             "kindString": "Method",
@@ -4978,7 +5000,7 @@
             ],
             "signatures": [
               {
-                "id": 293,
+                "id": 296,
                 "name": "toggleMenuOpen",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4996,35 +5018,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              274
+              277
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              278,
-              279
+              281,
+              282
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              280
+              283
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              290,
-              288,
-              294,
-              296,
-              298,
-              300,
-              292
+              293,
+              291,
+              297,
+              299,
+              301,
+              303,
+              295
             ]
           }
         ],
@@ -5047,14 +5069,14 @@
         ]
       },
       {
-        "id": 319,
+        "id": 322,
         "name": "SkyTabsetTabIndexesChange",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 320,
+            "id": 323,
             "name": "tabs",
             "kind": 1024,
             "kindString": "Property",
@@ -5073,14 +5095,14 @@
               "elementType": {
                 "type": "reflection",
                 "declaration": {
-                  "id": 321,
+                  "id": 324,
                   "name": "__type",
                   "kind": 65536,
                   "kindString": "Type literal",
                   "flags": {},
                   "children": [
                     {
-                      "id": 322,
+                      "id": 325,
                       "name": "tabHeading",
                       "kind": 1024,
                       "kindString": "Property",
@@ -5098,7 +5120,7 @@
                       }
                     },
                     {
-                      "id": 323,
+                      "id": 326,
                       "name": "tabIndex",
                       "kind": 1024,
                       "kindString": "Property",
@@ -5112,7 +5134,7 @@
                       ],
                       "type": {
                         "type": "reference",
-                        "id": 316,
+                        "id": 319,
                         "name": "SkyTabIndex"
                       }
                     }
@@ -5122,8 +5144,8 @@
                       "title": "Properties",
                       "kind": 1024,
                       "children": [
-                        322,
-                        323
+                        325,
+                        326
                       ]
                     }
                   ]
@@ -5137,7 +5159,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              320
+              323
             ]
           }
         ],
@@ -5150,7 +5172,7 @@
         ]
       },
       {
-        "id": 316,
+        "id": 319,
         "name": "SkyTabIndex",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -5177,7 +5199,7 @@
         }
       },
       {
-        "id": 317,
+        "id": 320,
         "name": "SkyTabsetButtonsDisplayMode",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -5204,7 +5226,7 @@
         }
       },
       {
-        "id": 318,
+        "id": 321,
         "name": "SkyTabsetStyle",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -5236,33 +5258,33 @@
         "title": "Classes",
         "kind": 128,
         "children": [
-          330,
-          302,
+          333,
           305,
-          324,
+          308,
           327,
+          330,
           1,
           51,
           169,
           224,
           248,
-          273
+          276
         ]
       },
       {
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          319
+          322
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          316,
-          317,
-          318
+          319,
+          320,
+          321
         ]
       }
     ],
@@ -5278,7 +5300,7 @@
     {
       "fileName": "demo-address-form.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-address-form.component.html",
-      "rawContents": "<div\n  class=\"sky-emphasized\"\n  style=\"margin-bottom: 5px;\"\n>\n  <label>\n    Home\n  </label>\n</div>\n<div>\n  410 17th Street\n</div>\n<div>\n  Denver, CO 80202-4402\n</div>\n<div\n  class=\"sky-emphasized\"\n  style=\"margin: 5px 0 5px 0;\"\n>\n  <label>\n    Vacation\n  </label>\n</div>\n<div>\n  3345 Franciscan Way\n</div>\n<div>\n  Tampa, FL 10255-0098\n</div>\n"
+      "rawContents": "<div>Address form</div>\n"
     },
     {
       "fileName": "demo-address-form.component.ts",
@@ -5293,12 +5315,12 @@
     {
       "fileName": "demo-information-form.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-information-form.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup,\n  Validators\n} from '@angular/forms';\n\nimport {\n  SkySectionedFormService\n} from '@skyux/tabs';\n\n@Component({\n  selector: 'app-demo-information-form',\n  templateUrl: './demo-information-form.component.html'\n})\nexport class DemoInformationFormComponent implements OnInit {\n\n  public myForm: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private sectionedFormService: SkySectionedFormService\n  ) { }\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      name: [undefined, Validators.required],\n      id: [undefined, Validators.pattern('^[0-9]+$')]\n    });\n\n    this.sectionedFormService.requiredFieldChanged(true);\n\n    this.myForm.valueChanges.subscribe((cal) => {\n      this.sectionedFormService.invalidFieldChanged(!this.myForm.valid);\n    });\n  }\n}\n"
+      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup,\n  Validators\n} from '@angular/forms';\n\nimport {\n  SkySectionedFormService\n} from '@skyux/tabs';\n\n@Component({\n  selector: 'app-demo-information-form',\n  templateUrl: './demo-information-form.component.html'\n})\nexport class DemoInformationFormComponent implements OnInit {\n  public id: string = '5324901';\n  public myForm: FormGroup;\n  public name: string = '';\n  public nameRequired = false;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private sectionedFormService: SkySectionedFormService\n  ) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      name: [this.name],\n      nameRequired: [this.nameRequired],\n      id: [this.id, Validators.pattern('^[0-9]+$')]\n    });\n\n    this.myForm.valueChanges.subscribe((changes) => {\n      console.log(changes);\n      this.id = changes.id;\n      this.name = changes.name;\n      this.nameRequired = changes.nameRequired;\n      this.checkValidity();\n    });\n  }\n\n  public checkValidity(): void {\n    if (this.nameRequired) {\n      this.myForm.get('name').setValidators([Validators.required]);\n      this.sectionedFormService.requiredFieldChanged(true);\n    } else {\n      this.myForm.get('name').setValidators([]);\n      this.sectionedFormService.requiredFieldChanged(false);\n    }\n\n    if (!this.myForm.get('name').value && this.nameRequired) {\n      this.sectionedFormService.invalidFieldChanged(true);\n    } else {\n      this.sectionedFormService.invalidFieldChanged(false);\n    }\n  }\n}\n"
     },
     {
       "fileName": "demo-phone-form.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-phone-form.component.html",
-      "rawContents": "<div\n  class=\"sky-emphasized\"\n  style=\"margin-bottom: 5px;\"\n>\n  <label>\n    Home\n  </label>\n</div>\n<div>\n  303.997.3301\n</div>\n\n<div\n  class=\"sky-emphasized\"\n  style=\"margin: 5px 0 5px 0;\"\n>\n  <label>\n    Vacation\n  </label>\n</div>\n<div>\n  888.387.1211\n</div>\n\n<div\n  class=\"sky-emphasized\"\n  style=\"margin: 5px 0 5px 0;\"\n>\n  <label>\n    Vacation\n  </label>\n</div>\n<div>\n  303.997.2000\n</div>\n"
+      "rawContents": "<div>Phone form</div>\n"
     },
     {
       "fileName": "demo-phone-form.component.ts",
@@ -5323,7 +5345,7 @@
     {
       "fileName": "demo-address-form.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/demo-address-form.component.html",
-      "rawContents": "<div\n  class=\"sky-emphasized\"\n  style=\"margin-bottom: 5px;\"\n>\n  <label>\n    Home\n  </label>\n</div>\n<div>\n  410 17th Street\n</div>\n<div>\n  Denver, CO 80202-4402\n</div>\n<div\n  class=\"sky-emphasized\"\n  style=\"margin: 5px 0 5px 0;\"\n>\n  <label>\n    Vacation\n  </label>\n</div>\n<div>\n  3345 Franciscan Way\n</div>\n<div>\n  Tampa, FL 10255-0098\n</div>\n"
+      "rawContents": "<div>Address form</div>\n"
     },
     {
       "fileName": "demo-address-form.component.ts",
@@ -5338,12 +5360,12 @@
     {
       "fileName": "demo-information-form.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/demo-information-form.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup,\n  Validators\n} from '@angular/forms';\n\nimport {\n  SkySectionedFormService\n} from '@skyux/tabs';\n\n@Component({\n  selector: 'app-demo-information-form',\n  templateUrl: './demo-information-form.component.html'\n})\nexport class DemoInformationFormComponent implements OnInit {\n\n  public myForm: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private sectionedFormService: SkySectionedFormService\n  ) { }\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      name: [undefined, Validators.required],\n      id: [undefined, Validators.pattern('^[0-9]+$')]\n    });\n\n    this.sectionedFormService.requiredFieldChanged(true);\n\n    this.myForm.valueChanges.subscribe((cal) => {\n      this.sectionedFormService.invalidFieldChanged(!this.myForm.valid);\n    });\n  }\n}\n"
+      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup,\n  Validators\n} from '@angular/forms';\n\nimport {\n  SkySectionedFormService\n} from '@skyux/tabs';\n\n@Component({\n  selector: 'app-demo-information-form',\n  templateUrl: './demo-information-form.component.html'\n})\nexport class DemoInformationFormComponent implements OnInit {\n  public id: string = '5324901';\n  public myForm: FormGroup;\n  public name: string = '';\n  public nameRequired = false;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private sectionedFormService: SkySectionedFormService\n  ) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      name: [this.name],\n      nameRequired: [this.nameRequired],\n      id: [this.id, Validators.pattern('^[0-9]+$')]\n    });\n\n    this.myForm.valueChanges.subscribe((changes) => {\n      console.log(changes);\n      this.id = changes.id;\n      this.name = changes.name;\n      this.nameRequired = changes.nameRequired;\n      this.checkValidity();\n    });\n  }\n\n  public checkValidity(): void {\n    if (this.nameRequired) {\n      this.myForm.get('name').setValidators([Validators.required]);\n      this.sectionedFormService.requiredFieldChanged(true);\n    } else {\n      this.myForm.get('name').setValidators([]);\n      this.sectionedFormService.requiredFieldChanged(false);\n    }\n\n    if (!this.myForm.get('name').value && this.nameRequired) {\n      this.sectionedFormService.invalidFieldChanged(true);\n    } else {\n      this.sectionedFormService.invalidFieldChanged(false);\n    }\n  }\n}\n"
     },
     {
       "fileName": "demo-phone-form.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/demo-phone-form.component.html",
-      "rawContents": "<div\n  class=\"sky-emphasized\"\n  style=\"margin-bottom: 5px;\"\n>\n  <label>\n    Home\n  </label>\n</div>\n<div>\n  303.997.3301\n</div>\n\n<div\n  class=\"sky-emphasized\"\n  style=\"margin: 5px 0 5px 0;\"\n>\n  <label>\n    Vacation\n  </label>\n</div>\n<div>\n  888.387.1211\n</div>\n\n<div\n  class=\"sky-emphasized\"\n  style=\"margin: 5px 0 5px 0;\"\n>\n  <label>\n    Vacation\n  </label>\n</div>\n<div>\n  303.997.2000\n</div>\n"
+      "rawContents": "<div>Phone form</div>\n"
     },
     {
       "fileName": "demo-phone-form.component.ts",