@skyux/tabs 5.1.0 → 5.5.0

package/documentation.json

@@ -38,6 +38,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -86,6 +88,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -111,6 +115,8 @@
                 "name": "ViewChild",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
                   "name": "ViewChild"
                 },
                 "arguments": {
@@ -133,6 +139,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
               "name": "ElementRef"
             }
           },
@@ -152,6 +160,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -172,6 +182,8 @@
                   "name": "number"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -198,6 +210,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -475,14 +489,20 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterViewChecked",
+            "package": "@angular/core",
             "name": "AfterViewChecked"
           }
         ]
@@ -498,6 +518,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -556,6 +578,8 @@
             "name": "Injectable",
             "type": {
               "type": "reference",
+              "qualifiedName": "InjectableDecorator",
+              "package": "@angular/core",
               "name": "Injectable"
             },
             "arguments": {}
@@ -710,6 +734,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -768,6 +794,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -826,6 +854,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -863,6 +893,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -913,6 +945,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -933,6 +967,8 @@
                   "name": "void"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -959,6 +995,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1033,6 +1071,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1072,6 +1112,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1122,6 +1164,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1142,7 +1186,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether the tab is active when the tabset loads. After initialization, the `active`\nproperty on the tabset component should be used to set the active tab."
+                  "shortText": "Indicates whether the tab is active when the tabset loads. After initialization, the `active`\nproperty on the tabset component should be used to set the active tab.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1216,6 +1266,8 @@
                       "name": "void"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -1263,6 +1315,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1354,6 +1408,8 @@
                       "name": "void"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -1372,6 +1428,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1463,6 +1521,8 @@
                       "name": "SkyTabIndex"
                     }
                   ],
+                  "qualifiedName": "Observable",
+                  "package": "rxjs",
                   "name": "Observable"
                 }
               }
@@ -1586,6 +1646,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "SimpleChanges",
+                      "package": "@angular/core",
                       "name": "SimpleChanges"
                     }
                   }
@@ -1699,10 +1761,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnChanges",
+            "package": "@angular/core",
             "name": "OnChanges"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -1718,6 +1784,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -1755,6 +1823,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -1772,6 +1842,8 @@
                           "name": "any"
                         }
                       ],
+                      "qualifiedName": "ElementRef",
+                      "package": "@angular/core",
                       "name": "ElementRef"
                     }
                   },
@@ -1833,6 +1905,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1854,6 +1928,8 @@
                   "name": "SkyTabIndex"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1874,6 +1950,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1907,6 +1985,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1960,6 +2040,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1980,6 +2062,8 @@
                   "name": "void"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -2000,6 +2084,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -2020,6 +2106,8 @@
                   "name": "void"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -2064,6 +2152,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -2085,6 +2175,8 @@
                   "name": "SkyTabsetTabIndexesChange"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -2102,6 +2194,8 @@
                 "name": "ContentChildren",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ContentChildrenDecorator",
+                  "package": "@angular/core",
                   "name": "ContentChildren"
                 },
                 "arguments": {
@@ -2125,6 +2219,8 @@
                   "name": "SkyTabComponent"
                 }
               ],
+              "qualifiedName": "QueryList",
+              "package": "@angular/core",
               "name": "QueryList"
             }
           },
@@ -2141,6 +2237,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2214,6 +2312,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2342,6 +2442,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2362,7 +2464,17 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the behavior for a series of tabs."
+                  "shortText": "Specifies the behavior for a series of tabs.",
+                  "tags": [
+                    {
+                      "tag": "deprecated",
+                      "text": "The property was designed to create wizards by setting tabStyle=\"wizard\" on tabsets in modals,\nbut this wizard implementation was replaced by the\n[progress indicator component](https://developer.blackbaud.com/skyux/components/progress-indicator)."
+                    },
+                    {
+                      "tag": "default",
+                      "text": "\"tabs\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -2715,10 +2827,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -2734,6 +2850,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2782,6 +2900,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -2832,6 +2952,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2872,6 +2994,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2905,6 +3029,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2977,6 +3103,8 @@
                 "name": "ViewChild",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
                   "name": "ViewChild"
                 },
                 "arguments": {
@@ -2999,6 +3127,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
               "name": "ElementRef"
             }
           },
@@ -3018,6 +3148,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3057,6 +3189,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3096,6 +3230,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3127,6 +3263,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3173,7 +3311,17 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies an ARIA role for the vertical tab\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tab functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles)."
+                  "shortText": "Specifies an ARIA role for the vertical tab\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tab functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"tab\""
+                    },
+                    {
+                      "tag": "deprecated",
+                      "text": "Any other value than `tab` could lead to a poor user experience for users with assistive technology.\nIn the next major version, this property will be automatically set to `tab`.\n"
+                    }
+                  ]
                 },
                 "parameters": [
                   {
@@ -3384,6 +3532,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "KeyboardEvent",
+                      "package": "typescript",
                       "name": "KeyboardEvent"
                     }
                   }
@@ -3408,6 +3558,8 @@
                 "name": "HostListener",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "HostListenerDecorator",
+                  "package": "@angular/core",
                   "name": "HostListener"
                 },
                 "arguments": {
@@ -3550,10 +3702,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -3572,6 +3728,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -3632,6 +3790,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -3666,6 +3826,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3746,6 +3908,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3779,6 +3943,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -3851,6 +4017,8 @@
                 "name": "ViewChild",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
                   "name": "ViewChild"
                 },
                 "arguments": {
@@ -3987,10 +4155,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -4006,6 +4178,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -4076,6 +4250,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -4104,6 +4280,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -4124,6 +4302,8 @@
                   "name": "number"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -4157,6 +4337,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4190,6 +4372,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4220,6 +4404,8 @@
                 "name": "ViewChild",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
                   "name": "ViewChild"
                 },
                 "arguments": {
@@ -4242,6 +4428,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
               "name": "ElementRef"
             }
           },
@@ -4267,6 +4455,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4301,6 +4491,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4331,6 +4523,8 @@
                 "name": "ViewChild",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "ViewChildDecorator",
+                  "package": "@angular/core",
                   "name": "ViewChild"
                 },
                 "arguments": {
@@ -4353,6 +4547,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "ElementRef",
+              "package": "@angular/core",
               "name": "ElementRef"
             }
           },
@@ -4382,6 +4578,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4428,7 +4626,17 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies an ARIA role for the vertical tabset\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tabset functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles)."
+                  "shortText": "Specifies an ARIA role for the vertical tabset\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\nby indicating how the tabset functions and what it controls. For information about how\nan ARIA role indicates what an item represents on a web page, see the\n[WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"tablist\""
+                    },
+                    {
+                      "tag": "deprecated",
+                      "text": "Any other value than `tablist` could lead to a poor user experience for users with assistive technology.\nIn the next major version, this property will be automatically set to `tablist`.\n"
+                    }
+                  ]
                 },
                 "parameters": [
                   {
@@ -4612,14 +4820,20 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterViewChecked",
+            "package": "@angular/core",
             "name": "AfterViewChecked"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -4635,6 +4849,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -4683,6 +4899,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -4717,6 +4935,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4750,6 +4970,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4780,6 +5002,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -4800,7 +5024,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether the collapsible group is expanded."
+                  "shortText": "Indicates whether the collapsible group is expanded.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -5111,10 +5341,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -5160,7 +5394,7 @@
                       "flags": {},
                       "sources": [
                         {
-                          "fileName": "projects/tabs/src/modules/tabs/tabset-tab-indexes-change.ts",
+                          "fileName": "lib/modules/tabs/tabset-tab-indexes-change.ts",
                           "line": 5,
                           "character": 4
                         }
@@ -5178,7 +5412,7 @@
                       "flags": {},
                       "sources": [
                         {
-                          "fileName": "projects/tabs/src/modules/tabs/tabset-tab-indexes-change.ts",
+                          "fileName": "lib/modules/tabs/tabset-tab-indexes-change.ts",
                           "line": 7,
                           "character": 4
                         }
@@ -5341,18 +5575,13 @@
     ],
     "sources": [
       {
-        "fileName": "projects/tabs/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
     ]
   },
   "codeExamples": [
-    {
-      "fileName": ".eslintrc.json",
-      "filePath": "/projects/tabs/documentation/code-examples/.eslintrc.json",
-      "rawContents": "{\n  \"extends\": [\"../../.eslintrc.json\"],\n  \"overrides\": [\n    {\n      \"files\": [\"*.ts\"],\n      \"rules\": {\n        \"@angular-eslint/directive-selector\": [\n          \"error\",\n          {\n            \"type\": \"attribute\",\n            \"prefix\": \"app\",\n            \"style\": \"camelCase\"\n          }\n        ],\n        \"@angular-eslint/component-selector\": [\n          \"error\",\n          {\n            \"type\": \"element\",\n            \"prefix\": \"app\",\n            \"style\": \"kebab-case\"\n          }\n        ]\n      }\n    }\n  ]\n}\n"
-    },
     {
       "fileName": "address-form-demo.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/address-form-demo.component.html",
@@ -5371,7 +5600,7 @@
     {
       "fileName": "information-form-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { SkySectionedFormService } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-information-form-demo',\n  templateUrl: './information-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InformationFormDemoComponent implements OnInit {\n  public id: string = '5324901';\n  public myForm: FormGroup;\n  public name: string = '';\n  public nameRequired = false;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private sectionedFormService: SkySectionedFormService,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    this.myForm = this.formBuilder.group({\n      name: [this.name],\n      nameRequired: [this.nameRequired],\n      id: [this.id, Validators.pattern('^[0-9]+$')],\n    });\n  }\n\n  public ngOnInit(): void {\n    this.myForm.valueChanges.subscribe((changes) => {\n      console.log(changes);\n      this.id = changes.id;\n      this.name = changes.name;\n      this.nameRequired = changes.nameRequired;\n      this.checkValidity();\n    });\n    this.changeDetector.markForCheck();\n  }\n\n  public checkValidity(): void {\n    if (this.nameRequired) {\n      this.myForm.get('name')?.setValidators([Validators.required]);\n      this.sectionedFormService.requiredFieldChanged(true);\n    } else {\n      this.myForm.get('name')?.setValidators([]);\n      this.sectionedFormService.requiredFieldChanged(false);\n    }\n\n    if (!this.myForm.get('name')?.value && this.nameRequired) {\n      this.sectionedFormService.invalidFieldChanged(true);\n    } else {\n      this.sectionedFormService.invalidFieldChanged(false);\n    }\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  OnInit,\n} from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { SkySectionedFormService } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-information-form-demo',\n  templateUrl: './information-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InformationFormDemoComponent implements OnInit {\n  public id = '5324901';\n  public myForm: FormGroup;\n  public name = '';\n  public nameRequired = false;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private sectionedFormService: SkySectionedFormService,\n    private changeDetector: ChangeDetectorRef\n  ) {\n    this.myForm = this.formBuilder.group({\n      name: [this.name],\n      nameRequired: [this.nameRequired],\n      id: [this.id, Validators.pattern('^[0-9]+$')],\n    });\n  }\n\n  public ngOnInit(): void {\n    this.myForm.valueChanges.subscribe((changes) => {\n      console.log(changes);\n      this.id = changes.id;\n      this.name = changes.name;\n      this.nameRequired = changes.nameRequired;\n      this.checkValidity();\n    });\n    this.changeDetector.markForCheck();\n  }\n\n  public checkValidity(): void {\n    if (this.nameRequired) {\n      this.myForm.get('name')?.setValidators([Validators.required]);\n      this.sectionedFormService.requiredFieldChanged(true);\n    } else {\n      this.myForm.get('name')?.setValidators([]);\n      this.sectionedFormService.requiredFieldChanged(false);\n    }\n\n    if (!this.myForm.get('name')?.value && this.nameRequired) {\n      this.sectionedFormService.invalidFieldChanged(true);\n    } else {\n      this.sectionedFormService.invalidFieldChanged(false);\n    }\n  }\n}\n"
     },
     {
       "fileName": "phone-form-demo.component.html",
@@ -5391,7 +5620,7 @@
     {
       "fileName": "sectioned-form-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@Component({\n  selector: 'app-sectioned-form-demo',\n  templateUrl: './sectioned-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormDemoComponent {\n  constructor(private modal: SkyModalService) {}\n\n  public openModal(): void {\n    let modalInstance = this.modal.open(SectionedFormModalDemoComponent);\n\n    modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'cancel') {\n        console.log(`Modal cancelled`);\n      } else if (result.reason === 'save') {\n        console.log(`Modal saved`);\n      }\n    });\n  }\n}\n"
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\n\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@Component({\n  selector: 'app-sectioned-form-demo',\n  templateUrl: './sectioned-form-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormDemoComponent {\n  constructor(private modal: SkyModalService) {}\n\n  public openModal(): void {\n    const modalInstance = this.modal.open(SectionedFormModalDemoComponent);\n\n    modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n      if (result.reason === 'cancel') {\n        console.log(`Modal cancelled`);\n      } else if (result.reason === 'save') {\n        console.log(`Modal saved`);\n      }\n    });\n  }\n}\n"
     },
     {
       "fileName": "sectioned-form-demo.module.ts",
@@ -5425,62 +5654,62 @@
     },
     {
       "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"
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.html",
+      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\" (newTab)=\"onNewTabClick()\">\n  <sky-tab\n    *ngFor=\"let tab of tabArray; let i = index\"\n    [tabHeading]=\"tab.tabHeading\"\n    (close)=\"onCloseClick(i)\"\n  >\n    {{ tab.tabContent }}\n  </sky-tab>\n</sky-tabset>\n"
     },
     {
       "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"
+      "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"
     },
     {
       "fileName": "tabs-demo.module.ts",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.module.ts",
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.module.ts",
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTabsModule],\n  declarations: [TabsDemoComponent],\n  exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
     },
     {
       "fileName": "tabs-demo.component.html",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.component.html",
-      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\" (newTab)=\"onNewTabClick()\">\n  <sky-tab\n    *ngFor=\"let tab of tabArray; let i = index\"\n    [tabHeading]=\"tab.tabHeading\"\n    (close)=\"onCloseClick(i)\"\n  >\n    {{ tab.tabContent }}\n  </sky-tab>\n</sky-tabset>\n"
+      "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"
     },
     {
       "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: number = 3;\n\n  public onNewTabClick(): void {\n    this.tabCounter++;\n\n    this.tabArray.push({\n      tabHeading: 'Tab ' + this.tabCounter,\n      tabContent: 'Content for Tab' + this.tabCounter,\n    });\n  }\n\n  public onCloseClick(arrayIndex: number): void {\n    this.tabArray.splice(arrayIndex, 1);\n  }\n}\n"
+      "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"
     },
     {
       "fileName": "tabs-demo.module.ts",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic-add-close/tabs-demo.module.ts",
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.module.ts",
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTabsModule],\n  declarations: [TabsDemoComponent],\n  exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
     },
     {
       "fileName": "tabs-demo.component.html",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.component.html",
-      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n  <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 3'\"> Content for Tab 3 </sky-tab>\n</sky-tabset>\n"
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.component.html",
+      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\" (newTab)=\"onNewTabClick()\">\n  <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n  <sky-tab *ngIf=\"showTab3\" [tabHeading]=\"'Tab 3'\" (close)=\"showTab3 = false\">\n    Content for Tab 3\n  </sky-tab>\n</sky-tabset>\n"
     },
     {
       "fileName": "tabs-demo.component.ts",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/static/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"
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/static-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 showTab3 = true;\n\n  public onNewTabClick(): void {\n    console.log('Add tab clicked!');\n  }\n}\n"
     },
     {
       "fileName": "tabs-demo.module.ts",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.module.ts",
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.module.ts",
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTabsModule],\n  declarations: [TabsDemoComponent],\n  exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
     },
     {
       "fileName": "tabs-demo.component.html",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/static-add-close/tabs-demo.component.html",
-      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\" (newTab)=\"onNewTabClick()\">\n  <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n  <sky-tab *ngIf=\"showTab3\" [tabHeading]=\"'Tab 3'\" (close)=\"showTab3 = false\">\n    Content for Tab 3\n  </sky-tab>\n</sky-tabset>\n"
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.component.html",
+      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n  <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 3'\"> Content for Tab 3 </sky-tab>\n</sky-tabset>\n"
     },
     {
       "fileName": "tabs-demo.component.ts",
-      "filePath": "/projects/tabs/documentation/code-examples/tabs/static-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 showTab3: boolean = true;\n\n  public onNewTabClick(): void {\n    console.log('Add tab clicked!');\n  }\n}\n"
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/static/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/static-add-close/tabs-demo.module.ts",
+      "filePath": "/projects/tabs/documentation/code-examples/tabs/static/tabs-demo.module.ts",
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { TabsDemoComponent } from './tabs-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTabsModule],\n  declarations: [TabsDemoComponent],\n  exports: [TabsDemoComponent],\n})\nexport class TabsDemoModule {}\n"
     },
     {
@@ -5514,4 +5743,4 @@
       "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyVerticalTabsetModule } from '@skyux/tabs';\n\nimport { SkyVerticalTabsDemoComponent } from './vertical-tabs-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyVerticalTabsetModule],\n  declarations: [SkyVerticalTabsDemoComponent],\n  exports: [SkyVerticalTabsDemoComponent],\n})\nexport class SkyVerticalTabDemoModule {}\n"
     }
   ]
-}
+}