@skyux/indicators 7.0.0-beta.9 → 7.1.0

package/documentation.json

@@ -51,17 +51,17 @@
     "originalName": "",
     "children": [
       {
-        "id": 387,
+        "id": 390,
         "name": "SkyTokensMessageType",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 389,
+            "id": 392,
             "name": "FocusActiveToken",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "Places focus on the token that is currently selected."
@@ -73,13 +73,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 1
+            },
             "defaultValue": "1"
           },
           {
-            "id": 388,
+            "id": 391,
             "name": "FocusLastToken",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "Places focus on the last token in the list."
@@ -91,13 +95,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 0
+            },
             "defaultValue": "0"
           },
           {
-            "id": 391,
+            "id": 394,
             "name": "FocusNextToken",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "Places focus on the token after the currently selected token."
@@ -109,13 +117,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 3
+            },
             "defaultValue": "3"
           },
           {
-            "id": 390,
+            "id": 393,
             "name": "FocusPreviousToken",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "Places focus on the token before the currently selected token."
@@ -127,13 +139,17 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 2
+            },
             "defaultValue": "2"
           },
           {
-            "id": 392,
+            "id": 395,
             "name": "RemoveActiveToken",
             "kind": 16,
-            "kindString": "Enumeration member",
+            "kindString": "Enumeration Member",
             "flags": {},
             "comment": {
               "shortText": "Removes the token that is currently selected from the list of tokens."
@@ -145,19 +161,23 @@
                 "character": 2
               }
             ],
+            "type": {
+              "type": "literal",
+              "value": 4
+            },
             "defaultValue": "4"
           }
         ],
         "groups": [
           {
-            "title": "Enumeration members",
+            "title": "Enumeration Members",
             "kind": 16,
             "children": [
-              389,
-              388,
+              392,
               391,
-              390,
-              392
+              394,
+              393,
+              395
             ]
           }
         ],
@@ -170,7 +190,7 @@
         ]
       },
       {
-        "id": 340,
+        "id": 343,
         "name": "SkyAlertModule",
         "kind": 128,
         "kindString": "Class",
@@ -195,7 +215,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              341
+              344
             ]
           }
         ],
@@ -208,7 +228,7 @@
         ]
       },
       {
-        "id": 343,
+        "id": 346,
         "name": "SkyChevronModule",
         "kind": 128,
         "kindString": "Class",
@@ -233,7 +253,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              344
+              347
             ]
           }
         ],
@@ -246,7 +266,7 @@
         ]
       },
       {
-        "id": 346,
+        "id": 349,
         "name": "SkyExpansionIndicatorModule",
         "kind": 128,
         "kindString": "Class",
@@ -271,7 +291,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              347
+              350
             ]
           }
         ],
@@ -284,7 +304,7 @@
         ]
       },
       {
-        "id": 349,
+        "id": 352,
         "name": "SkyHelpInlineModule",
         "kind": 128,
         "kindString": "Class",
@@ -309,7 +329,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              350
+              353
             ]
           }
         ],
@@ -322,7 +342,7 @@
         ]
       },
       {
-        "id": 355,
+        "id": 358,
         "name": "SkyIconModule",
         "kind": 128,
         "kindString": "Class",
@@ -347,7 +367,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              356
+              359
             ]
           }
         ],
@@ -360,7 +380,7 @@
         ]
       },
       {
-        "id": 361,
+        "id": 364,
         "name": "SkyKeyInfoModule",
         "kind": 128,
         "kindString": "Class",
@@ -385,7 +405,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              362
+              365
             ]
           }
         ],
@@ -398,7 +418,7 @@
         ]
       },
       {
-        "id": 365,
+        "id": 368,
         "name": "SkyLabelModule",
         "kind": 128,
         "kindString": "Class",
@@ -423,7 +443,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              366
+              369
             ]
           }
         ],
@@ -436,7 +456,7 @@
         ]
       },
       {
-        "id": 370,
+        "id": 373,
         "name": "SkyStatusIndicatorModule",
         "kind": 128,
         "kindString": "Class",
@@ -461,7 +481,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              371
+              374
             ]
           }
         ],
@@ -474,7 +494,7 @@
         ]
       },
       {
-        "id": 373,
+        "id": 376,
         "name": "SkyTextHighlightModule",
         "kind": 128,
         "kindString": "Class",
@@ -499,7 +519,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              374
+              377
             ]
           }
         ],
@@ -512,7 +532,7 @@
         ]
       },
       {
-        "id": 376,
+        "id": 379,
         "name": "SkyTokensModule",
         "kind": 128,
         "kindString": "Class",
@@ -537,7 +557,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              377
+              380
             ]
           }
         ],
@@ -550,7 +570,7 @@
         ]
       },
       {
-        "id": 393,
+        "id": 396,
         "name": "SkyWaitModule",
         "kind": 128,
         "kindString": "Class",
@@ -575,7 +595,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              394
+              397
             ]
           }
         ],
@@ -588,7 +608,7 @@
         ]
       },
       {
-        "id": 396,
+        "id": 399,
         "name": "SkyWaitService",
         "kind": 128,
         "kindString": "Class",
@@ -609,7 +629,7 @@
         ],
         "children": [
           {
-            "id": 397,
+            "id": 400,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -623,14 +643,14 @@
             ],
             "signatures": [
               {
-                "id": 398,
+                "id": 401,
                 "name": "new SkyWaitService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 399,
+                    "id": 402,
                     "name": "resolver",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -643,7 +663,7 @@
                     }
                   },
                   {
-                    "id": 400,
+                    "id": 403,
                     "name": "appRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -656,7 +676,7 @@
                     }
                   },
                   {
-                    "id": 401,
+                    "id": 404,
                     "name": "waitAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -667,7 +687,7 @@
                     }
                   },
                   {
-                    "id": 402,
+                    "id": 405,
                     "name": "windowSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -680,14 +700,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 396,
+                  "id": 399,
                   "name": "SkyWaitService"
                 }
               }
             ]
           },
           {
-            "id": 407,
+            "id": 410,
             "name": "beginBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -703,7 +723,7 @@
             ],
             "signatures": [
               {
-                "id": 408,
+                "id": 411,
                 "name": "beginBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -719,7 +739,7 @@
             ]
           },
           {
-            "id": 409,
+            "id": 412,
             "name": "beginNonBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -735,7 +755,7 @@
             ],
             "signatures": [
               {
-                "id": 410,
+                "id": 413,
                 "name": "beginNonBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -751,7 +771,7 @@
             ]
           },
           {
-            "id": 419,
+            "id": 422,
             "name": "blockingWrap",
             "kind": 2048,
             "kindString": "Method",
@@ -767,7 +787,7 @@
             ],
             "signatures": [
               {
-                "id": 420,
+                "id": 423,
                 "name": "blockingWrap",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -777,7 +797,7 @@
                 },
                 "typeParameter": [
                   {
-                    "id": 421,
+                    "id": 424,
                     "name": "T",
                     "kind": 131072,
                     "kindString": "Type parameter",
@@ -786,7 +806,7 @@
                 ],
                 "parameters": [
                   {
-                    "id": 422,
+                    "id": 425,
                     "name": "observable",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -796,7 +816,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 421,
+                          "id": 424,
                           "name": "T"
                         }
                       ],
@@ -811,7 +831,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 421,
+                      "id": 424,
                       "name": "T"
                     }
                   ],
@@ -823,7 +843,7 @@
             ]
           },
           {
-            "id": 415,
+            "id": 418,
             "name": "clearAllPageWaits",
             "kind": 2048,
             "kindString": "Method",
@@ -839,7 +859,7 @@
             ],
             "signatures": [
               {
-                "id": 416,
+                "id": 419,
                 "name": "clearAllPageWaits",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -855,7 +875,7 @@
             ]
           },
           {
-            "id": 411,
+            "id": 414,
             "name": "endBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -871,7 +891,7 @@
             ],
             "signatures": [
               {
-                "id": 412,
+                "id": 415,
                 "name": "endBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -887,7 +907,7 @@
             ]
           },
           {
-            "id": 413,
+            "id": 416,
             "name": "endNonBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -903,7 +923,7 @@
             ],
             "signatures": [
               {
-                "id": 414,
+                "id": 417,
                 "name": "endNonBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -919,7 +939,7 @@
             ]
           },
           {
-            "id": 423,
+            "id": 426,
             "name": "nonBlockingWrap",
             "kind": 2048,
             "kindString": "Method",
@@ -935,7 +955,7 @@
             ],
             "signatures": [
               {
-                "id": 424,
+                "id": 427,
                 "name": "nonBlockingWrap",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -945,7 +965,7 @@
                 },
                 "typeParameter": [
                   {
-                    "id": 425,
+                    "id": 428,
                     "name": "T",
                     "kind": 131072,
                     "kindString": "Type parameter",
@@ -954,7 +974,7 @@
                 ],
                 "parameters": [
                   {
-                    "id": 426,
+                    "id": 429,
                     "name": "observable",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -964,7 +984,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 425,
+                          "id": 428,
                           "name": "T"
                         }
                       ],
@@ -979,7 +999,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 425,
+                      "id": 428,
                       "name": "T"
                     }
                   ],
@@ -996,20 +1016,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              397
+              400
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              407,
-              409,
-              419,
-              415,
-              411,
-              413,
-              423
+              410,
+              412,
+              422,
+              418,
+              414,
+              416,
+              426
             ]
           }
         ],
@@ -1140,7 +1160,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 369,
+              "id": 372,
               "name": "SkyIndicatorIconType"
             },
             "defaultValue": "ALERT_TYPE_DEFAULT"
@@ -1343,7 +1363,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 369,
+                      "id": 372,
                       "name": "SkyIndicatorIconType"
                     }
                   }
@@ -1458,7 +1478,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 368,
+                      "id": 371,
                       "name": "SkyIndicatorDescriptionType"
                     }
                   }
@@ -1791,7 +1811,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 369,
+              "id": 372,
               "name": "SkyIndicatorIconType"
             },
             "defaultValue": "INDICATOR_TYPE_DEFAULT"
@@ -1934,7 +1954,7 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 368,
+                  "id": 371,
                   "name": "SkyIndicatorDescriptionType"
                 }
               }
@@ -1964,7 +1984,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 368,
+                      "id": 371,
                       "name": "SkyIndicatorDescriptionType"
                     }
                   }
@@ -2028,7 +2048,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 369,
+                      "id": 372,
                       "name": "SkyIndicatorIconType"
                     }
                   }
@@ -2493,7 +2513,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 93,
+                "line": 96,
                 "character": 2
               }
             ],
@@ -2523,17 +2543,6 @@
                       "package": "@angular/core",
                       "name": "ElementRef"
                     }
-                  },
-                  {
-                    "id": 179,
-                    "name": "resourcesSvc",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "reference",
-                      "name": "SkyLibResourcesService"
-                    }
                   }
                 ],
                 "type": {
@@ -2545,7 +2554,48 @@
             ]
           },
           {
-            "id": 198,
+            "id": 183,
+            "name": "ariaLabel",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies an ARIA label for the token's close button. This sets the button's `aria-label`\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"Remove item\"\n"
+                }
+              ]
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
+                "line": 39,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 197,
             "name": "closeActive",
             "kind": 1024,
             "kindString": "Property",
@@ -2555,7 +2605,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 83,
+                "line": 88,
                 "character": 9
               }
             ],
@@ -2566,7 +2616,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 195,
+            "id": 192,
             "name": "dismiss",
             "kind": 1024,
             "kindString": "Property",
@@ -2591,7 +2641,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 74,
+                "line": 75,
                 "character": 9
               }
             ],
@@ -2610,7 +2660,28 @@
             "defaultValue": "..."
           },
           {
-            "id": 199,
+            "id": 195,
+            "name": "isFocused",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
+                "line": 86,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false"
+          },
+          {
+            "id": 198,
             "name": "tabIndex",
             "kind": 1024,
             "kindString": "Property",
@@ -2620,7 +2691,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 84,
+                "line": 89,
                 "character": 9
               }
             ],
@@ -2631,7 +2702,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 197,
+            "id": 196,
             "name": "tokenActive",
             "kind": 1024,
             "kindString": "Property",
@@ -2641,7 +2712,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 82,
+                "line": 87,
                 "character": 9
               }
             ],
@@ -2652,7 +2723,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 196,
+            "id": 193,
             "name": "tokenFocus",
             "kind": 1024,
             "kindString": "Property",
@@ -2677,7 +2748,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 80,
+                "line": 81,
                 "character": 9
               }
             ],
@@ -2696,92 +2767,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 184,
-            "name": "ariaLabel",
-            "kind": 262144,
-            "kindString": "Accessor",
-            "flags": {
-              "isPublic": true
-            },
-            "decorators": [
-              {
-                "name": "Input",
-                "type": {
-                  "type": "reference",
-                  "qualifiedName": "InputDecorator",
-                  "package": "@angular/core",
-                  "name": "Input"
-                },
-                "arguments": {}
-              }
-            ],
-            "sources": [
-              {
-                "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 39,
-                "character": 13
-              }
-            ],
-            "getSignature": [
-              {
-                "id": 185,
-                "name": "ariaLabel",
-                "kind": 524288,
-                "kindString": "Get signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Specifies an ARIA label for the token's close button. This sets the button's `aria-label`\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "\"Remove item\"\n"
-                    }
-                  ]
-                },
-                "type": {
-                  "type": "intrinsic",
-                  "name": "string"
-                }
-              }
-            ],
-            "setSignature": [
-              {
-                "id": 186,
-                "name": "ariaLabel",
-                "kind": 1048576,
-                "kindString": "Set signature",
-                "flags": {},
-                "comment": {
-                  "shortText": "Specifies an ARIA label for the token's close button. This sets the button's `aria-label`\n[to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).",
-                  "tags": [
-                    {
-                      "tag": "default",
-                      "text": "\"Remove item\"\n"
-                    }
-                  ]
-                },
-                "parameters": [
-                  {
-                    "id": 187,
-                    "name": "value",
-                    "kind": 32768,
-                    "kindString": "Parameter",
-                    "flags": {},
-                    "type": {
-                      "type": "intrinsic",
-                      "name": "string"
-                    }
-                  }
-                ],
-                "type": {
-                  "type": "intrinsic",
-                  "name": "void"
-                }
-              }
-            ]
-          },
-          {
-            "id": 180,
+            "id": 179,
             "name": "disabled",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2809,7 +2795,7 @@
             ],
             "getSignature": [
               {
-                "id": 181,
+                "id": 180,
                 "name": "disabled",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2831,7 +2817,7 @@
             ],
             "setSignature": [
               {
-                "id": 182,
+                "id": 181,
                 "name": "disabled",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2847,7 +2833,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 183,
+                    "id": 182,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2866,7 +2852,7 @@
             ]
           },
           {
-            "id": 188,
+            "id": 184,
             "name": "dismissible",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2888,13 +2874,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 52,
+                "line": 46,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 189,
+                "id": 185,
                 "name": "dismissible",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2916,7 +2902,7 @@
             ],
             "setSignature": [
               {
-                "id": 190,
+                "id": 186,
                 "name": "dismissible",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2932,7 +2918,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 191,
+                    "id": 187,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2951,7 +2937,7 @@
             ]
           },
           {
-            "id": 192,
+            "id": 188,
             "name": "focusable",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2973,13 +2959,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 66,
+                "line": 60,
                 "character": 13
               }
             ],
             "setSignature": [
               {
-                "id": 193,
+                "id": 189,
                 "name": "focusable",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2995,7 +2981,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 194,
+                    "id": 190,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3014,7 +3000,7 @@
             ]
           },
           {
-            "id": 205,
+            "id": 207,
             "name": "dismissToken",
             "kind": 2048,
             "kindString": "Method",
@@ -3024,20 +3010,20 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 100,
+                "line": 113,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 206,
+                "id": 208,
                 "name": "dismissToken",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 207,
+                    "id": 209,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3058,7 +3044,7 @@
             ]
           },
           {
-            "id": 208,
+            "id": 210,
             "name": "focusElement",
             "kind": 2048,
             "kindString": "Method",
@@ -3068,13 +3054,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 105,
+                "line": 118,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 209,
+                "id": 211,
                 "name": "focusElement",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -3087,7 +3073,7 @@
             ]
           },
           {
-            "id": 213,
+            "id": 215,
             "name": "setCloseActive",
             "kind": 2048,
             "kindString": "Method",
@@ -3097,20 +3083,20 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 113,
+                "line": 126,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 214,
+                "id": 216,
                 "name": "setCloseActive",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 215,
+                    "id": 217,
                     "name": "closeActive",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3129,7 +3115,7 @@
             ]
           },
           {
-            "id": 210,
+            "id": 212,
             "name": "setTokenActive",
             "kind": 2048,
             "kindString": "Method",
@@ -3139,20 +3125,20 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 109,
+                "line": 122,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 211,
+                "id": 213,
                 "name": "setTokenActive",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 212,
+                    "id": 214,
                     "name": "tokenActive",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -3183,31 +3169,32 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              198,
-              195,
-              199,
+              183,
               197,
-              196
+              192,
+              195,
+              198,
+              196,
+              193
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
+              179,
               184,
-              180,
-              188,
-              192
+              188
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              205,
-              208,
-              213,
-              210
+              207,
+              210,
+              215,
+              212
             ]
           }
         ],
@@ -3252,7 +3239,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 222,
+                "line": 229,
                 "character": 2
               }
             ],
@@ -3375,7 +3362,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 261,
+            "id": 262,
             "name": "tokenComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -3399,7 +3386,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 213,
+                "line": 220,
                 "character": 9
               }
             ],
@@ -3452,7 +3439,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 382,
+                  "id": 385,
                   "typeArguments": [
                     {
                       "type": "intrinsic",
@@ -3505,7 +3492,7 @@
                   "type": "array",
                   "elementType": {
                     "type": "reference",
-                    "id": 379,
+                    "id": 382,
                     "typeArguments": [
                       {
                         "type": "intrinsic",
@@ -3523,7 +3510,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 255,
+            "id": 256,
             "name": "trackTokenFn",
             "kind": 1024,
             "kindString": "Property",
@@ -3533,7 +3520,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 204,
+                "line": 211,
                 "character": 9
               }
             ],
@@ -3542,7 +3529,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 379,
+                  "id": 382,
                   "typeArguments": [
                     {
                       "type": "intrinsic",
@@ -3593,7 +3580,7 @@
             }
           },
           {
-            "id": 251,
+            "id": 252,
             "name": "activeIndex",
             "kind": 262144,
             "kindString": "Accessor",
@@ -3603,13 +3590,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 186,
+                "line": 193,
                 "character": 13
               }
             ],
             "getSignature": [
               {
-                "id": 252,
+                "id": 253,
                 "name": "activeIndex",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -3622,14 +3609,14 @@
             ],
             "setSignature": [
               {
-                "id": 253,
+                "id": 254,
                 "name": "activeIndex",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 254,
+                    "id": 255,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4029,7 +4016,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 385,
+                      "id": 388,
                       "name": "SkyTokensMessage"
                     }
                   ],
@@ -4061,7 +4048,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 385,
+                          "id": 388,
                           "name": "SkyTokensMessage"
                         }
                       ],
@@ -4119,7 +4106,7 @@
                   "type": "array",
                   "elementType": {
                     "type": "reference",
-                    "id": 379,
+                    "id": 382,
                     "typeArguments": [
                       {
                         "type": "intrinsic",
@@ -4152,7 +4139,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 379,
+                        "id": 382,
                         "typeArguments": [
                           {
                             "type": "intrinsic",
@@ -4172,7 +4159,36 @@
             ]
           },
           {
-            "id": 267,
+            "id": 273,
+            "name": "animationDone",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
+                "line": 258,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 274,
+                "name": "animationDone",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 268,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4182,13 +4198,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 237,
+                "line": 245,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 268,
+                "id": 269,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4209,7 +4225,7 @@
             }
           },
           {
-            "id": 269,
+            "id": 270,
             "name": "onTokenClick",
             "kind": 2048,
             "kindString": "Method",
@@ -4219,27 +4235,27 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 242,
+                "line": 250,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 270,
+                "id": 271,
                 "name": "onTokenClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 271,
+                    "id": 272,
                     "name": "token",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 379,
+                      "id": 382,
                       "typeArguments": [
                         {
                           "type": "intrinsic",
@@ -4258,7 +4274,7 @@
             ]
           },
           {
-            "id": 272,
+            "id": 275,
             "name": "onTokenKeyDown",
             "kind": 2048,
             "kindString": "Method",
@@ -4268,20 +4284,20 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 250,
+                "line": 262,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 273,
+                "id": 276,
                 "name": "onTokenKeyDown",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 274,
+                    "id": 277,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4302,7 +4318,7 @@
             ]
           },
           {
-            "id": 278,
+            "id": 281,
             "name": "removeToken",
             "kind": 2048,
             "kindString": "Method",
@@ -4312,27 +4328,27 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 278,
+                "line": 290,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 279,
+                "id": 282,
                 "name": "removeToken",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 280,
+                    "id": 283,
                     "name": "token",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 379,
+                      "id": 382,
                       "typeArguments": [
                         {
                           "type": "intrinsic",
@@ -4351,7 +4367,7 @@
             ]
           },
           {
-            "id": 275,
+            "id": 278,
             "name": "selectToken",
             "kind": 2048,
             "kindString": "Method",
@@ -4361,27 +4377,27 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 272,
+                "line": 284,
                 "character": 9
               }
             ],
             "signatures": [
               {
-                "id": 276,
+                "id": 279,
                 "name": "selectToken",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 277,
+                    "id": 280,
                     "name": "token",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 379,
+                      "id": 382,
                       "typeArguments": [
                         {
                           "type": "intrinsic",
@@ -4414,10 +4430,10 @@
             "children": [
               247,
               248,
-              261,
+              262,
               249,
               250,
-              255,
+              256,
               234
             ]
           },
@@ -4425,7 +4441,7 @@
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              251,
+              252,
               222,
               226,
               230,
@@ -4438,11 +4454,12 @@
             "title": "Methods",
             "kind": 2048,
             "children": [
-              267,
-              269,
-              272,
-              278,
-              275
+              273,
+              268,
+              270,
+              275,
+              281,
+              278
             ]
           }
         ],
@@ -4463,7 +4480,7 @@
         ]
       },
       {
-        "id": 296,
+        "id": 299,
         "name": "SkyWaitComponent",
         "kind": 128,
         "kindString": "Class",
@@ -4484,7 +4501,7 @@
         ],
         "children": [
           {
-            "id": 297,
+            "id": 300,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -4498,14 +4515,14 @@
             ],
             "signatures": [
               {
-                "id": 298,
+                "id": 301,
                 "name": "SkyWaitComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 299,
+                    "id": 302,
                     "name": "elRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4524,7 +4541,7 @@
                     }
                   },
                   {
-                    "id": 300,
+                    "id": 303,
                     "name": "adapterService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4535,7 +4552,7 @@
                     }
                   },
                   {
-                    "id": 301,
+                    "id": 304,
                     "name": "resourceSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4560,14 +4577,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 296,
+                  "id": 299,
                   "name": "SkyWaitComponent"
                 }
               }
             ]
           },
           {
-            "id": 317,
+            "id": 320,
             "name": "ariaLabelStream",
             "kind": 1024,
             "kindString": "Property",
@@ -4596,7 +4613,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 302,
+            "id": 305,
             "name": "ariaLabel",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4624,7 +4641,7 @@
             ],
             "setSignature": [
               {
-                "id": 303,
+                "id": 306,
                 "name": "ariaLabel",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4634,7 +4651,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 304,
+                    "id": 307,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4653,7 +4670,7 @@
             ]
           },
           {
-            "id": 309,
+            "id": 312,
             "name": "isFullPage",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4681,7 +4698,7 @@
             ],
             "getSignature": [
               {
-                "id": 310,
+                "id": 313,
                 "name": "isFullPage",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4703,7 +4720,7 @@
             ],
             "setSignature": [
               {
-                "id": 311,
+                "id": 314,
                 "name": "isFullPage",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4719,7 +4736,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 312,
+                    "id": 315,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4738,7 +4755,7 @@
             ]
           },
           {
-            "id": 313,
+            "id": 316,
             "name": "isNonBlocking",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4766,7 +4783,7 @@
             ],
             "getSignature": [
               {
-                "id": 314,
+                "id": 317,
                 "name": "isNonBlocking",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4788,7 +4805,7 @@
             ],
             "setSignature": [
               {
-                "id": 315,
+                "id": 318,
                 "name": "isNonBlocking",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4804,7 +4821,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 316,
+                    "id": 319,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4823,7 +4840,7 @@
             ]
           },
           {
-            "id": 305,
+            "id": 308,
             "name": "isWaiting",
             "kind": 262144,
             "kindString": "Accessor",
@@ -4851,7 +4868,7 @@
             ],
             "getSignature": [
               {
-                "id": 306,
+                "id": 309,
                 "name": "isWaiting",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -4867,7 +4884,7 @@
             ],
             "setSignature": [
               {
-                "id": 307,
+                "id": 310,
                 "name": "isWaiting",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -4877,7 +4894,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 308,
+                    "id": 311,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -4896,7 +4913,7 @@
             ]
           },
           {
-            "id": 329,
+            "id": 332,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -4912,7 +4929,7 @@
             ],
             "signatures": [
               {
-                "id": 330,
+                "id": 333,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4933,7 +4950,7 @@
             }
           },
           {
-            "id": 327,
+            "id": 330,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -4949,7 +4966,7 @@
             ],
             "signatures": [
               {
-                "id": 328,
+                "id": 331,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -4975,32 +4992,32 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              297
+              300
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              317
+              320
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              302,
-              309,
-              313,
-              305
+              305,
+              312,
+              316,
+              308
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              329,
-              327
+              332,
+              330
             ]
           }
         ],
@@ -5293,7 +5310,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 358,
+              "id": 361,
               "name": "SkyIconType"
             }
           },
@@ -5364,7 +5381,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 359,
+              "id": 362,
               "name": "SkyIconVariantType"
             }
           }
@@ -5550,7 +5567,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 360,
+              "id": 363,
               "name": "SkyKeyInfoLayoutType"
             },
             "defaultValue": "'vertical'"
@@ -5732,7 +5749,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 364,
+              "id": 367,
               "name": "SkyLabelType"
             },
             "defaultValue": "LABEL_TYPE_DEFAULT"
@@ -5860,7 +5877,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 368,
+                      "id": 371,
                       "name": "SkyIndicatorDescriptionType"
                     }
                   }
@@ -5924,7 +5941,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 364,
+                      "id": 367,
                       "name": "SkyLabelType"
                     }
                   }
@@ -6071,14 +6088,14 @@
         ]
       },
       {
-        "id": 379,
+        "id": 382,
         "name": "SkyToken",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 380,
+            "id": 383,
             "name": "value",
             "kind": 1024,
             "kindString": "Property",
@@ -6095,7 +6112,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 381,
+              "id": 384,
               "name": "T"
             }
           }
@@ -6105,7 +6122,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              380
+              383
             ]
           }
         ],
@@ -6118,7 +6135,7 @@
         ],
         "typeParameter": [
           {
-            "id": 381,
+            "id": 384,
             "name": "T",
             "kind": 131072,
             "kindString": "Type parameter",
@@ -6131,14 +6148,14 @@
         ]
       },
       {
-        "id": 382,
+        "id": 385,
         "name": "SkyTokenSelectedEventArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 383,
+            "id": 386,
             "name": "token",
             "kind": 1024,
             "kindString": "Property",
@@ -6157,11 +6174,11 @@
             ],
             "type": {
               "type": "reference",
-              "id": 379,
+              "id": 382,
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 384,
+                  "id": 387,
                   "name": "T"
                 }
               ],
@@ -6174,7 +6191,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              383
+              386
             ]
           }
         ],
@@ -6187,7 +6204,7 @@
         ],
         "typeParameter": [
           {
-            "id": 384,
+            "id": 387,
             "name": "T",
             "kind": 131072,
             "kindString": "Type parameter",
@@ -6200,14 +6217,14 @@
         ]
       },
       {
-        "id": 385,
+        "id": 388,
         "name": "SkyTokensMessage",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 386,
+            "id": 389,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -6226,7 +6243,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 387,
+              "id": 390,
               "name": "SkyTokensMessageType"
             }
           }
@@ -6236,7 +6253,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              386
+              389
             ]
           }
         ],
@@ -6249,7 +6266,7 @@
         ]
       },
       {
-        "id": 358,
+        "id": 361,
         "name": "SkyIconType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6276,7 +6293,7 @@
         }
       },
       {
-        "id": 359,
+        "id": 362,
         "name": "SkyIconVariantType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6303,7 +6320,7 @@
         }
       },
       {
-        "id": 368,
+        "id": 371,
         "name": "SkyIndicatorDescriptionType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6366,7 +6383,7 @@
         }
       },
       {
-        "id": 369,
+        "id": 372,
         "name": "SkyIndicatorIconType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6401,7 +6418,7 @@
         }
       },
       {
-        "id": 360,
+        "id": 363,
         "name": "SkyKeyInfoLayoutType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6428,7 +6445,7 @@
         }
       },
       {
-        "id": 364,
+        "id": 367,
         "name": "SkyLabelType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -6463,7 +6480,7 @@
         }
       },
       {
-        "id": 439,
+        "id": 442,
         "name": "SkyAlertHarness",
         "kind": 128,
         "kindString": "Class",
@@ -6473,7 +6490,7 @@
         },
         "children": [
           {
-            "id": 460,
+            "id": 463,
             "name": "close",
             "kind": 2048,
             "kindString": "Method",
@@ -6489,7 +6506,7 @@
             ],
             "signatures": [
               {
-                "id": 461,
+                "id": 464,
                 "name": "close",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6513,7 +6530,7 @@
             ]
           },
           {
-            "id": 456,
+            "id": 459,
             "name": "getAlertType",
             "kind": 2048,
             "kindString": "Method",
@@ -6529,7 +6546,7 @@
             ],
             "signatures": [
               {
-                "id": 457,
+                "id": 460,
                 "name": "getAlertType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6542,7 +6559,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 369,
+                      "id": 372,
                       "name": "SkyIndicatorIconType"
                     }
                   ],
@@ -6554,7 +6571,7 @@
             ]
           },
           {
-            "id": 468,
+            "id": 471,
             "name": "getCustomDescription",
             "kind": 2048,
             "kindString": "Method",
@@ -6570,7 +6587,7 @@
             ],
             "signatures": [
               {
-                "id": 469,
+                "id": 472,
                 "name": "getCustomDescription",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6594,7 +6611,7 @@
             ]
           },
           {
-            "id": 466,
+            "id": 469,
             "name": "getDescriptionType",
             "kind": 2048,
             "kindString": "Method",
@@ -6610,7 +6627,7 @@
             ],
             "signatures": [
               {
-                "id": 467,
+                "id": 470,
                 "name": "getDescriptionType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6623,7 +6640,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 368,
+                      "id": 371,
                       "name": "SkyIndicatorDescriptionType"
                     }
                   ],
@@ -6635,7 +6652,7 @@
             ]
           },
           {
-            "id": 458,
+            "id": 461,
             "name": "getText",
             "kind": 2048,
             "kindString": "Method",
@@ -6651,7 +6668,7 @@
             ],
             "signatures": [
               {
-                "id": 459,
+                "id": 462,
                 "name": "getText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6675,7 +6692,7 @@
             ]
           },
           {
-            "id": 473,
+            "id": 476,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -6689,7 +6706,7 @@
             ],
             "signatures": [
               {
-                "id": 474,
+                "id": 477,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6723,7 +6740,7 @@
             }
           },
           {
-            "id": 464,
+            "id": 467,
             "name": "isCloseable",
             "kind": 2048,
             "kindString": "Method",
@@ -6739,7 +6756,7 @@
             ],
             "signatures": [
               {
-                "id": 465,
+                "id": 468,
                 "name": "isCloseable",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6763,7 +6780,7 @@
             ]
           },
           {
-            "id": 462,
+            "id": 465,
             "name": "isClosed",
             "kind": 2048,
             "kindString": "Method",
@@ -6779,7 +6796,7 @@
             ],
             "signatures": [
               {
-                "id": 463,
+                "id": 466,
                 "name": "isClosed",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6803,7 +6820,7 @@
             ]
           },
           {
-            "id": 441,
+            "id": 444,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -6820,7 +6837,7 @@
             ],
             "signatures": [
               {
-                "id": 442,
+                "id": 445,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6830,14 +6847,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 443,
+                    "id": 446,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 493,
+                      "id": 496,
                       "name": "SkyAlertHarnessFilters"
                     }
                   }
@@ -6847,7 +6864,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 439,
+                      "id": 442,
                       "name": "SkyAlertHarness"
                     }
                   ],
@@ -6864,22 +6881,22 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              449
+              452
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              460,
-              456,
-              468,
-              466,
-              458,
-              473,
-              464,
-              462,
-              441
+              463,
+              459,
+              471,
+              469,
+              461,
+              476,
+              467,
+              465,
+              444
             ]
           }
         ],
@@ -6898,7 +6915,7 @@
         ]
       },
       {
-        "id": 497,
+        "id": 500,
         "name": "SkyKeyInfoHarness",
         "kind": 128,
         "kindString": "Class",
@@ -6908,7 +6925,7 @@
         },
         "children": [
           {
-            "id": 515,
+            "id": 518,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -6924,7 +6941,7 @@
             ],
             "signatures": [
               {
-                "id": 516,
+                "id": 519,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6948,7 +6965,7 @@
             ]
           },
           {
-            "id": 517,
+            "id": 520,
             "name": "getLayout",
             "kind": 2048,
             "kindString": "Method",
@@ -6964,7 +6981,7 @@
             ],
             "signatures": [
               {
-                "id": 518,
+                "id": 521,
                 "name": "getLayout",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6977,7 +6994,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 360,
+                      "id": 363,
                       "name": "SkyKeyInfoLayoutType"
                     }
                   ],
@@ -6989,7 +7006,7 @@
             ]
           },
           {
-            "id": 513,
+            "id": 516,
             "name": "getValueText",
             "kind": 2048,
             "kindString": "Method",
@@ -7005,7 +7022,7 @@
             ],
             "signatures": [
               {
-                "id": 514,
+                "id": 517,
                 "name": "getValueText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7029,7 +7046,7 @@
             ]
           },
           {
-            "id": 522,
+            "id": 525,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7043,7 +7060,7 @@
             ],
             "signatures": [
               {
-                "id": 523,
+                "id": 526,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7077,7 +7094,7 @@
             }
           },
           {
-            "id": 499,
+            "id": 502,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7094,7 +7111,7 @@
             ],
             "signatures": [
               {
-                "id": 500,
+                "id": 503,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7104,14 +7121,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 501,
+                    "id": 504,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 542,
+                      "id": 545,
                       "name": "SkyKeyInfoHarnessFilters"
                     }
                   }
@@ -7121,7 +7138,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 497,
+                      "id": 500,
                       "name": "SkyKeyInfoHarness"
                     }
                   ],
@@ -7138,18 +7155,18 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              507
+              510
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              515,
-              517,
-              513,
-              522,
-              499
+              518,
+              520,
+              516,
+              525,
+              502
             ]
           }
         ],
@@ -7168,7 +7185,7 @@
         ]
       },
       {
-        "id": 546,
+        "id": 549,
         "name": "SkyLabelHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7178,7 +7195,7 @@
         },
         "children": [
           {
-            "id": 568,
+            "id": 571,
             "name": "getCustomDescription",
             "kind": 2048,
             "kindString": "Method",
@@ -7194,7 +7211,7 @@
             ],
             "signatures": [
               {
-                "id": 569,
+                "id": 572,
                 "name": "getCustomDescription",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7218,7 +7235,7 @@
             ]
           },
           {
-            "id": 566,
+            "id": 569,
             "name": "getDescriptionType",
             "kind": 2048,
             "kindString": "Method",
@@ -7234,7 +7251,7 @@
             ],
             "signatures": [
               {
-                "id": 567,
+                "id": 570,
                 "name": "getDescriptionType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7247,7 +7264,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 368,
+                      "id": 371,
                       "name": "SkyIndicatorDescriptionType"
                     }
                   ],
@@ -7259,7 +7276,7 @@
             ]
           },
           {
-            "id": 562,
+            "id": 565,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -7275,7 +7292,7 @@
             ],
             "signatures": [
               {
-                "id": 563,
+                "id": 566,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7299,7 +7316,7 @@
             ]
           },
           {
-            "id": 564,
+            "id": 567,
             "name": "getLabelType",
             "kind": 2048,
             "kindString": "Method",
@@ -7315,7 +7332,7 @@
             ],
             "signatures": [
               {
-                "id": 565,
+                "id": 568,
                 "name": "getLabelType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7328,7 +7345,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 364,
+                      "id": 367,
                       "name": "SkyLabelType"
                     }
                   ],
@@ -7340,7 +7357,7 @@
             ]
           },
           {
-            "id": 573,
+            "id": 576,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7354,7 +7371,7 @@
             ],
             "signatures": [
               {
-                "id": 574,
+                "id": 577,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7388,7 +7405,7 @@
             }
           },
           {
-            "id": 548,
+            "id": 551,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7405,7 +7422,7 @@
             ],
             "signatures": [
               {
-                "id": 549,
+                "id": 552,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7415,14 +7432,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 550,
+                    "id": 553,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 593,
+                      "id": 596,
                       "name": "SkyLabelHarnessFilters"
                     }
                   }
@@ -7432,7 +7449,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 546,
+                      "id": 549,
                       "name": "SkyLabelHarness"
                     }
                   ],
@@ -7449,19 +7466,19 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              556
+              559
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              568,
-              566,
-              562,
-              564,
-              573,
-              548
+              571,
+              569,
+              565,
+              567,
+              576,
+              551
             ]
           }
         ],
@@ -7480,7 +7497,7 @@
         ]
       },
       {
-        "id": 597,
+        "id": 600,
         "name": "SkyTokenHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7490,7 +7507,7 @@
         },
         "children": [
           {
-            "id": 609,
+            "id": 613,
             "name": "dismiss",
             "kind": 2048,
             "kindString": "Method",
@@ -7500,13 +7517,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
-                "line": 50,
+                "line": 52,
                 "character": 15
               }
             ],
             "signatures": [
               {
-                "id": 610,
+                "id": 614,
                 "name": "dismiss",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7530,7 +7547,7 @@
             ]
           },
           {
-            "id": 611,
+            "id": 615,
             "name": "getText",
             "kind": 2048,
             "kindString": "Method",
@@ -7540,13 +7557,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
-                "line": 63,
+                "line": 65,
                 "character": 15
               }
             ],
             "signatures": [
               {
-                "id": 612,
+                "id": 616,
                 "name": "getText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7570,7 +7587,7 @@
             ]
           },
           {
-            "id": 620,
+            "id": 624,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7584,7 +7601,7 @@
             ],
             "signatures": [
               {
-                "id": 621,
+                "id": 625,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7618,7 +7635,7 @@
             }
           },
           {
-            "id": 613,
+            "id": 617,
             "name": "isDisabled",
             "kind": 2048,
             "kindString": "Method",
@@ -7628,13 +7645,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
-                "line": 70,
+                "line": 72,
                 "character": 15
               }
             ],
             "signatures": [
               {
-                "id": 614,
+                "id": 618,
                 "name": "isDisabled",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7658,7 +7675,7 @@
             ]
           },
           {
-            "id": 615,
+            "id": 619,
             "name": "isDismissible",
             "kind": 2048,
             "kindString": "Method",
@@ -7668,13 +7685,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
-                "line": 77,
+                "line": 79,
                 "character": 15
               }
             ],
             "signatures": [
               {
-                "id": 616,
+                "id": 620,
                 "name": "isDismissible",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7698,7 +7715,7 @@
             ]
           },
           {
-            "id": 617,
+            "id": 621,
             "name": "isFocused",
             "kind": 2048,
             "kindString": "Method",
@@ -7708,13 +7725,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
-                "line": 84,
+                "line": 86,
                 "character": 15
               }
             ],
             "signatures": [
               {
-                "id": 618,
+                "id": 622,
                 "name": "isFocused",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7738,7 +7755,7 @@
             ]
           },
           {
-            "id": 607,
+            "id": 611,
             "name": "select",
             "kind": 2048,
             "kindString": "Method",
@@ -7748,13 +7765,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
-                "line": 39,
+                "line": 41,
                 "character": 15
               }
             ],
             "signatures": [
               {
-                "id": 608,
+                "id": 612,
                 "name": "select",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7778,7 +7795,7 @@
             ]
           },
           {
-            "id": 599,
+            "id": 602,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7789,13 +7806,13 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/testing/tokens/token-harness.ts",
-                "line": 22,
+                "line": 24,
                 "character": 16
               }
             ],
             "signatures": [
               {
-                "id": 600,
+                "id": 603,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7805,7 +7822,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 601,
+                    "id": 604,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7821,7 +7838,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 597,
+                      "id": 600,
                       "name": "SkyTokenHarness"
                     }
                   ],
@@ -7838,21 +7855,21 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              602
+              605
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              609,
-              611,
-              620,
               613,
               615,
+              624,
               617,
-              607,
-              599
+              619,
+              621,
+              611,
+              602
             ]
           }
         ],
@@ -7873,7 +7890,7 @@
         ]
       },
       {
-        "id": 644,
+        "id": 648,
         "name": "SkyTokensHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7883,7 +7900,7 @@
         },
         "children": [
           {
-            "id": 657,
+            "id": 661,
             "name": "dismissTokens",
             "kind": 2048,
             "kindString": "Method",
@@ -7899,7 +7916,7 @@
             ],
             "signatures": [
               {
-                "id": 658,
+                "id": 662,
                 "name": "dismissTokens",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7909,7 +7926,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 659,
+                    "id": 663,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7938,7 +7955,7 @@
             ]
           },
           {
-            "id": 660,
+            "id": 664,
             "name": "getTokens",
             "kind": 2048,
             "kindString": "Method",
@@ -7954,7 +7971,7 @@
             ],
             "signatures": [
               {
-                "id": 661,
+                "id": 665,
                 "name": "getTokens",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7964,7 +7981,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 662,
+                    "id": 666,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -7984,7 +8001,7 @@
                       "type": "array",
                       "elementType": {
                         "type": "reference",
-                        "id": 597,
+                        "id": 600,
                         "name": "SkyTokenHarness"
                       }
                     }
@@ -7997,7 +8014,7 @@
             ]
           },
           {
-            "id": 663,
+            "id": 667,
             "name": "getTokensText",
             "kind": 2048,
             "kindString": "Method",
@@ -8013,7 +8030,7 @@
             ],
             "signatures": [
               {
-                "id": 664,
+                "id": 668,
                 "name": "getTokensText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8040,7 +8057,7 @@
             ]
           },
           {
-            "id": 668,
+            "id": 672,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -8054,7 +8071,7 @@
             ],
             "signatures": [
               {
-                "id": 669,
+                "id": 673,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8088,7 +8105,7 @@
             }
           },
           {
-            "id": 646,
+            "id": 650,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -8105,7 +8122,7 @@
             ],
             "signatures": [
               {
-                "id": 647,
+                "id": 651,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -8115,7 +8132,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 648,
+                    "id": 652,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -8131,7 +8148,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 644,
+                      "id": 648,
                       "name": "SkyTokensHarness"
                     }
                   ],
@@ -8148,18 +8165,18 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              654
+              658
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              657,
-              660,
-              663,
-              668,
-              646
+              661,
+              664,
+              667,
+              672,
+              650
             ]
           }
         ],
@@ -8178,7 +8195,7 @@
         ]
       },
       {
-        "id": 493,
+        "id": 496,
         "name": "SkyAlertHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -8188,7 +8205,7 @@
         },
         "children": [
           {
-            "id": 496,
+            "id": 499,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -8215,7 +8232,7 @@
             }
           },
           {
-            "id": 494,
+            "id": 497,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -8253,7 +8270,7 @@
             }
           },
           {
-            "id": 495,
+            "id": 498,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -8285,9 +8302,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              496,
-              494,
-              495
+              499,
+              497,
+              498
             ]
           }
         ],
@@ -8306,7 +8323,7 @@
         ]
       },
       {
-        "id": 542,
+        "id": 545,
         "name": "SkyKeyInfoHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -8316,7 +8333,7 @@
         },
         "children": [
           {
-            "id": 545,
+            "id": 548,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -8343,7 +8360,7 @@
             }
           },
           {
-            "id": 543,
+            "id": 546,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -8381,7 +8398,7 @@
             }
           },
           {
-            "id": 544,
+            "id": 547,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -8413,9 +8430,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              545,
-              543,
-              544
+              548,
+              546,
+              547
             ]
           }
         ],
@@ -8434,7 +8451,7 @@
         ]
       },
       {
-        "id": 593,
+        "id": 596,
         "name": "SkyLabelHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -8444,7 +8461,7 @@
         },
         "children": [
           {
-            "id": 596,
+            "id": 599,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -8471,7 +8488,7 @@
             }
           },
           {
-            "id": 594,
+            "id": 597,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -8509,7 +8526,7 @@
             }
           },
           {
-            "id": 595,
+            "id": 598,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -8541,9 +8558,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              596,
-              594,
-              595
+              599,
+              597,
+              598
             ]
           }
         ],
@@ -8632,12 +8649,12 @@
     {
       "fileName": "key-info-demo.component.spec.ts",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.spec.ts",
-      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { TestBed } from '@angular/core/testing';\nimport { SkyKeyInfoHarness } from '@skyux/indicators/testing';\n\nimport { KeyInfoDemoComponent } from './key-info-demo.component';\nimport { KeyInfoDemoModule } from './key-info-demo.module';\n\ndescribe('Basic key info', () => {\n  async function setupTest(options?: { value?: number }) {\n    const fixture = TestBed.createComponent(KeyInfoDemoComponent);\n\n    if (options?.value !== undefined) {\n      fixture.componentInstance.value = options.value;\n    }\n\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const keyInfoHarness = await loader.getHarness(\n      SkyKeyInfoHarness.with({ dataSkyId: 'key-info-demo' })\n    );\n\n    return { keyInfoHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [KeyInfoDemoModule],\n    });\n  });\n\n  it('should display a vertical key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 101 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('vertical');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('101');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n\n  it('should display a horizontal key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 50 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('horizontal');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('50');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n});\n"
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { SkyKeyInfoHarness } from '@skyux/indicators/testing';\n\nimport { KeyInfoDemoComponent } from './key-info-demo.component';\nimport { KeyInfoDemoModule } from './key-info-demo.module';\n\ndescribe('Basic key info', () => {\n  async function setupTest(options?: { value?: number }): Promise<{\n    keyInfoHarness: SkyKeyInfoHarness;\n    fixture: ComponentFixture<KeyInfoDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(KeyInfoDemoComponent);\n\n    if (options?.value !== undefined) {\n      fixture.componentInstance.value = options.value;\n    }\n\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const keyInfoHarness = await loader.getHarness(\n      SkyKeyInfoHarness.with({ dataSkyId: 'key-info-demo' })\n    );\n\n    return { keyInfoHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [KeyInfoDemoModule],\n    });\n  });\n\n  it('should display a vertical key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 101 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('vertical');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('101');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n\n  it('should display a horizontal key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 50 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('horizontal');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('50');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n});\n"
     },
     {
       "fileName": "key-info-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.ts",
-      "rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyKeyInfoLayoutType } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-key-info-demo',\n  templateUrl: './key-info-demo.component.html',\n})\nexport class KeyInfoDemoComponent {\n  @Input()\n  public set value(value: number | undefined) {\n    this.#_value = value;\n    this.layout = this.#_value >= 100 ? 'vertical' : 'horizontal';\n  }\n\n  public get value(): number {\n    return this.#_value;\n  }\n\n  public layout: SkyKeyInfoLayoutType = 'vertical';\n\n  #_value: number | undefined = 575;\n}\n"
+      "rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyKeyInfoLayoutType } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-key-info-demo',\n  templateUrl: './key-info-demo.component.html',\n})\nexport class KeyInfoDemoComponent {\n  @Input()\n  public set value(value: number | undefined) {\n    this.#_value = value;\n    this.layout =\n      this.#_value && this.#_value >= 100 ? 'vertical' : 'horizontal';\n  }\n\n  public get value(): number | undefined {\n    return this.#_value;\n  }\n\n  public layout: SkyKeyInfoLayoutType = 'vertical';\n\n  #_value: number | undefined = 575;\n}\n"
     },
     {
       "fileName": "key-info-demo.module.ts",
@@ -8647,12 +8664,17 @@
     {
       "fileName": "key-info-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/inline-help/key-info-demo.component.html",
-      "rawContents": "<sky-key-info [layout]=\"layout\">\n  <sky-key-info-value> 575 </sky-key-info-value>\n  <sky-key-info-label> New members </sky-key-info-label>\n  <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\n</sky-key-info>\n"
+      "rawContents": "<sky-key-info [layout]=\"layout\" data-sky-id=\"key-info-demo\">\n  <sky-key-info-value>{{ value }}</sky-key-info-value>\n  <sky-key-info-label>New members</sky-key-info-label>\n  <sky-help-inline\n    class=\"sky-control-help\"\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</sky-key-info>\n"
+    },
+    {
+      "fileName": "key-info-demo.component.spec.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/key-info/inline-help/key-info-demo.component.spec.ts",
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { SkyKeyInfoHarness } from '@skyux/indicators/testing';\n\nimport { KeyInfoDemoComponent } from './key-info-demo.component';\nimport { KeyInfoDemoModule } from './key-info-demo.module';\n\ndescribe('Basic key info', () => {\n  async function setupTest(options?: { value?: number }): Promise<{\n    keyInfoHarness: SkyKeyInfoHarness;\n    fixture: ComponentFixture<KeyInfoDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(KeyInfoDemoComponent);\n\n    if (options?.value !== undefined) {\n      fixture.componentInstance.value = options.value;\n    }\n\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const keyInfoHarness = await loader.getHarness(\n      SkyKeyInfoHarness.with({ dataSkyId: 'key-info-demo' })\n    );\n\n    return { keyInfoHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [KeyInfoDemoModule],\n    });\n  });\n\n  it('should display a vertical key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 101 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('vertical');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('101');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n\n  it('should display a horizontal key info', async () => {\n    const { keyInfoHarness } = await setupTest({ value: 50 });\n\n    await expectAsync(keyInfoHarness.getLayout()).toBeResolvedTo('horizontal');\n    await expectAsync(keyInfoHarness.getValueText()).toBeResolvedTo('50');\n    await expectAsync(keyInfoHarness.getLabelText()).toBeResolvedTo(\n      'New members'\n    );\n  });\n});\n"
     },
     {
       "fileName": "key-info-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/inline-help/key-info-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-key-info-demo',\n  templateUrl: './key-info-demo.component.html',\n})\nexport class KeyInfoDemoComponent {\n  public layout = 'vertical';\n}\n"
+      "rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyKeyInfoLayoutType } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-key-info-demo',\n  templateUrl: './key-info-demo.component.html',\n})\nexport class KeyInfoDemoComponent {\n  @Input()\n  public set value(value: number | undefined) {\n    this.#_value = value;\n    this.layout =\n      this.#_value && this.#_value >= 100 ? 'vertical' : 'horizontal';\n  }\n\n  public get value(): number | undefined {\n    return this.#_value;\n  }\n\n  public layout: SkyKeyInfoLayoutType = 'vertical';\n\n  #_value: number | undefined = 575;\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
     },
     {
       "fileName": "key-info-demo.module.ts",
@@ -8667,12 +8689,12 @@
     {
       "fileName": "label-demo.component.spec.ts",
       "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.spec.ts",
-      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { TestBed } from '@angular/core/testing';\nimport { SkyLabelHarness } from '@skyux/indicators/testing';\n\nimport { LabelDemoComponent } from './label-demo.component';\nimport { LabelDemoModule } from './label-demo.module';\n\ndescribe('Basic label', () => {\n  async function setupTest(options?: {\n    daysUntilDue?: number;\n    submitted?: boolean;\n  }) {\n    const fixture = TestBed.createComponent(LabelDemoComponent);\n\n    if (options?.daysUntilDue !== undefined) {\n      fixture.componentInstance.daysUntilDue = options.daysUntilDue;\n    }\n\n    if (options?.submitted !== undefined) {\n      fixture.componentInstance.submitted = options.submitted;\n    }\n\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const labelHarness = await loader.getHarness(\n      SkyLabelHarness.with({ dataSkyId: 'label-demo' })\n    );\n\n    return { labelHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [LabelDemoModule],\n    });\n  });\n\n  it('should show an info label when submitted is false and there is more than a week until due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: 8 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('info');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'attention'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Incomplete');\n  });\n\n  it('should show a warning label when submitted is false and there is less than a week until due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: 6 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('warning');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'important-warning'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Due soon');\n  });\n\n  it('should show a danger label when submitted is false and it is past due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: -1 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('danger');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'danger'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Overdue');\n  });\n\n  it('should show a success label when submitted is true', async () => {\n    const { labelHarness, fixture } = await setupTest({ submitted: true });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('success');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'completed'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Submitted');\n  });\n});\n"
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { SkyLabelHarness } from '@skyux/indicators/testing';\n\nimport { LabelDemoComponent } from './label-demo.component';\nimport { LabelDemoModule } from './label-demo.module';\n\ndescribe('Basic label', () => {\n  async function setupTest(options?: {\n    daysUntilDue?: number;\n    submitted?: boolean;\n  }): Promise<{\n    labelHarness: SkyLabelHarness;\n    fixture: ComponentFixture<LabelDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(LabelDemoComponent);\n\n    if (options?.daysUntilDue !== undefined) {\n      fixture.componentInstance.daysUntilDue = options.daysUntilDue;\n    }\n\n    if (options?.submitted !== undefined) {\n      fixture.componentInstance.submitted = options.submitted;\n    }\n\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const labelHarness = await loader.getHarness(\n      SkyLabelHarness.with({ dataSkyId: 'label-demo' })\n    );\n\n    return { labelHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [LabelDemoModule],\n    });\n  });\n\n  it('should show an info label when submitted is false and there is more than a week until due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: 8 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('info');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'attention'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Incomplete');\n  });\n\n  it('should show a warning label when submitted is false and there is less than a week until due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: 6 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('warning');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'important-warning'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Due soon');\n  });\n\n  it('should show a danger label when submitted is false and it is past due', async () => {\n    const { labelHarness, fixture } = await setupTest({ daysUntilDue: -1 });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('danger');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'danger'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Overdue');\n  });\n\n  it('should show a success label when submitted is true', async () => {\n    const { labelHarness, fixture } = await setupTest({ submitted: true });\n    fixture.detectChanges();\n\n    await expectAsync(labelHarness.getLabelType()).toBeResolvedTo('success');\n    await expectAsync(labelHarness.getDescriptionType()).toBeResolvedTo(\n      'completed'\n    );\n    await expectAsync(labelHarness.getLabelText()).toBeResolvedTo('Submitted');\n  });\n});\n"
     },
     {
       "fileName": "label-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.ts",
-      "rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyIndicatorDescriptionType, SkyLabelType } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-label-demo',\n  templateUrl: './label-demo.component.html',\n})\nexport class LabelDemoComponent {\n  @Input()\n  public get daysUntilDue(): number {\n    return this.#_daysUntilDue;\n  }\n\n  public set daysUntilDue(days: number) {\n    this.#_daysUntilDue = days;\n    this.updateLabelProperties(this.submitted, days);\n  }\n\n  @Input()\n  public get submitted(): boolean {\n    return this.#_submitted;\n  }\n\n  public set submitted(submitted: boolean) {\n    this.#_submitted = submitted;\n    this.updateLabelProperties(submitted, this.daysUntilDue);\n  }\n\n  public labelType: SkyLabelType = 'info';\n  public descriptionType: SkyIndicatorDescriptionType = 'attention';\n  public labelText = 'Incomplete';\n  public todaysDate = new Date('9/14/22');\n  #_daysUntilDue = 14;\n  #_submitted = false;\n\n  private updateLabelProperties(submitted: boolean, days: number) {\n    if (submitted) {\n      this.labelType = 'success';\n      this.descriptionType = 'completed';\n      this.labelText = 'Submitted';\n    } else if (days <= 0) {\n      this.labelType = 'danger';\n      this.descriptionType = 'danger';\n      this.labelText = 'Overdue';\n    } else if (days <= 7) {\n      this.labelType = 'warning';\n      this.descriptionType = 'important-warning';\n      this.labelText = 'Due soon';\n    } else {\n      this.labelType = 'info';\n      this.descriptionType = 'attention';\n      this.labelText = 'Incomplete';\n    }\n  }\n}\n"
+      "rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyIndicatorDescriptionType, SkyLabelType } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-label-demo',\n  templateUrl: './label-demo.component.html',\n})\nexport class LabelDemoComponent {\n  @Input()\n  public get daysUntilDue(): number {\n    return this.#_daysUntilDue;\n  }\n\n  public set daysUntilDue(days: number) {\n    this.#_daysUntilDue = days;\n    this.updateLabelProperties(this.submitted, days);\n  }\n\n  @Input()\n  public get submitted(): boolean {\n    return this.#_submitted;\n  }\n\n  public set submitted(submitted: boolean) {\n    this.#_submitted = submitted;\n    this.updateLabelProperties(submitted, this.daysUntilDue);\n  }\n\n  public labelType: SkyLabelType = 'info';\n  public descriptionType: SkyIndicatorDescriptionType = 'attention';\n  public labelText = 'Incomplete';\n  public todaysDate = new Date('9/14/22');\n  #_daysUntilDue = 14;\n  #_submitted = false;\n\n  private updateLabelProperties(submitted: boolean, days: number): void {\n    if (submitted) {\n      this.labelType = 'success';\n      this.descriptionType = 'completed';\n      this.labelText = 'Submitted';\n    } else if (days <= 0) {\n      this.labelType = 'danger';\n      this.descriptionType = 'danger';\n      this.labelText = 'Overdue';\n    } else if (days <= 7) {\n      this.labelType = 'warning';\n      this.descriptionType = 'important-warning';\n      this.labelText = 'Due soon';\n    } else {\n      this.labelType = 'info';\n      this.descriptionType = 'attention';\n      this.labelText = 'Incomplete';\n    }\n  }\n}\n"
     },
     {
       "fileName": "label-demo.module.ts",
@@ -8682,18 +8704,33 @@
     {
       "fileName": "status-indicator-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/status-indicator/basic/status-indicator-demo.component.html",
-      "rawContents": "<sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n  Danger status indicator\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"important-info\" indicatorType=\"info\">\n  Info status indicator\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"completed\" indicatorType=\"success\">\n  Success status indicator\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"warning\" indicatorType=\"warning\">\n  Warning status indicator\n</sky-status-indicator>\n\n<sky-status-indicator\n  descriptionType=\"custom\"\n  indicatorType=\"warning\"\n  customDescription=\"Custom warning\"\n>\n  Warning status indicator with custom screen reader description\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n  Status indicator with help\n  <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\n</sky-status-indicator>\n"
+      "rawContents": "<sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n  Danger status indicator\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"important-info\" indicatorType=\"info\">\n  Info status indicator\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"completed\" indicatorType=\"success\">\n  Success status indicator\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"warning\" indicatorType=\"warning\">\n  Warning status indicator\n</sky-status-indicator>\n\n<sky-status-indicator\n  descriptionType=\"custom\"\n  indicatorType=\"warning\"\n  customDescription=\"Custom warning\"\n>\n  Warning status indicator with custom screen reader description\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n  Status indicator with help\n  <sky-help-inline\n    class=\"sky-control-help\"\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</sky-status-indicator>\n"
     },
     {
       "fileName": "status-indicator-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/status-indicator/basic/status-indicator-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-status-indicator-demo',\n  templateUrl: './status-indicator-demo.component.html',\n})\nexport class StatusIndicatorDemoComponent {}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-status-indicator-demo',\n  templateUrl: './status-indicator-demo.component.html',\n})\nexport class StatusIndicatorDemoComponent {\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
     },
     {
       "fileName": "status-indicator-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/status-indicator/basic/status-indicator-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport {\n  SkyHelpInlineModule,\n  SkyStatusIndicatorModule,\n} from '@skyux/indicators';\n\nimport { StatusIndicatorDemoComponent } from './status-indicator-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyHelpInlineModule, SkyStatusIndicatorModule],\n  declarations: [StatusIndicatorDemoComponent],\n  exports: [StatusIndicatorDemoComponent],\n})\nexport class StatusIndicatorDemoModule {}\n"
     },
+    {
+      "fileName": "status-indicator-demo.component.html",
+      "filePath": "/projects/indicators/documentation/code-examples/status-indicator/inline-help/status-indicator-demo.component.html",
+      "rawContents": "<sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n  Danger status indicator\n  <sky-help-inline\n    class=\"sky-control-help\"\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"important-info\" indicatorType=\"info\">\n  Info status indicator\n  <sky-help-inline\n    class=\"sky-control-help\"\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"completed\" indicatorType=\"success\">\n  Success status indicator\n  <sky-help-inline\n    class=\"sky-control-help\"\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</sky-status-indicator>\n\n<sky-status-indicator descriptionType=\"warning\" indicatorType=\"warning\">\n  Warning status indicator\n  <sky-help-inline\n    class=\"sky-control-help\"\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</sky-status-indicator>\n\n<sky-status-indicator\n  descriptionType=\"custom\"\n  indicatorType=\"warning\"\n  customDescription=\"Custom warning\"\n>\n  Warning status indicator with custom screen reader description\n  <sky-help-inline\n    class=\"sky-control-help\"\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</sky-status-indicator>\n"
+    },
+    {
+      "fileName": "status-indicator-demo.component.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/status-indicator/inline-help/status-indicator-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-status-indicator-demo',\n  templateUrl: './status-indicator-demo.component.html',\n})\nexport class StatusIndicatorDemoComponent {\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
+    },
+    {
+      "fileName": "status-indicator-demo.module.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/status-indicator/inline-help/status-indicator-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport {\n  SkyHelpInlineModule,\n  SkyStatusIndicatorModule,\n} from '@skyux/indicators';\n\nimport { StatusIndicatorDemoComponent } from './status-indicator-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyHelpInlineModule, SkyStatusIndicatorModule],\n  declarations: [StatusIndicatorDemoComponent],\n  exports: [StatusIndicatorDemoComponent],\n})\nexport class StatusIndicatorDemoModule {}\n"
+    },
     {
       "fileName": "text-highlight-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/text-highlight/basic/text-highlight-demo.component.html",
@@ -8702,7 +8739,7 @@
     {
       "fileName": "text-highlight-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/text-highlight/basic/text-highlight-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-highlight-demo',\n  templateUrl: './text-highlight-demo.component.html',\n})\nexport class TextHighlightDemoComponent {\n  public searchTerm: string;\n\n  public showAdditionalContent = false;\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-text-highlight-demo',\n  templateUrl: './text-highlight-demo.component.html',\n})\nexport class TextHighlightDemoComponent {\n  public searchTerm = '';\n\n  public showAdditionalContent = false;\n}\n"
     },
     {
       "fileName": "text-highlight-demo.module.ts",
@@ -8722,7 +8759,7 @@
     {
       "fileName": "tokens-demo.component.spec.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.spec.ts",
-      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyToken } from '@skyux/indicators';\nimport { SkyTokensHarness } from '@skyux/indicators/testing';\n\nimport { TokensDemoColor } from './tokens-demo-color';\nimport { TokensDemoComponent } from './tokens-demo.component';\nimport { TokensDemoModule } from './tokens-demo.module';\n\ndescribe('Tokens basic demo', () => {\n  async function setupTest() {\n    const fixture = TestBed.createComponent(TokensDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const tokensHarness = await loader.getHarness(\n      SkyTokensHarness.with({ dataSkyId: 'color-tokens' })\n    );\n\n    return { tokensHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [NoopAnimationsModule, TokensDemoModule],\n    });\n  });\n\n  it('should display the expected initial tokens', async () => {\n    const { tokensHarness } = await setupTest();\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo([\n      'Red',\n      'Black',\n      'Blue',\n      'Brown',\n      'Green',\n      'Orange',\n      'Pink',\n      'Purple',\n      'Turquoise',\n      'White',\n      'Yellow',\n    ]);\n  });\n\n  it('should update the tokens array when one is dismissed', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const blueToken: SkyToken<TokensDemoColor> = {\n      value: { name: 'Blue' },\n    };\n\n    expect(fixture.componentInstance.colors).toContain(blueToken);\n\n    await tokensHarness.dismissTokens({\n      text: 'Blue',\n    });\n\n    expect(fixture.componentInstance.colors).not.toContain(blueToken);\n  });\n});\n"
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyToken } from '@skyux/indicators';\nimport { SkyTokensHarness } from '@skyux/indicators/testing';\n\nimport { TokensDemoColor } from './tokens-demo-color';\nimport { TokensDemoComponent } from './tokens-demo.component';\nimport { TokensDemoModule } from './tokens-demo.module';\n\ndescribe('Tokens basic demo', () => {\n  async function setupTest(): Promise<{\n    tokensHarness: SkyTokensHarness;\n    fixture: ComponentFixture<TokensDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(TokensDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const tokensHarness = await loader.getHarness(\n      SkyTokensHarness.with({ dataSkyId: 'color-tokens' })\n    );\n\n    return { tokensHarness, fixture };\n  }\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      imports: [NoopAnimationsModule, TokensDemoModule],\n    });\n  });\n\n  it('should display the expected initial tokens', async () => {\n    const { tokensHarness } = await setupTest();\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo([\n      'Red',\n      'Black',\n      'Blue',\n      'Brown',\n      'Green',\n      'Orange',\n      'Pink',\n      'Purple',\n      'Turquoise',\n      'White',\n      'Yellow',\n    ]);\n  });\n\n  it('should update the tokens array when one is dismissed', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const blueToken: SkyToken<TokensDemoColor> = {\n      value: { name: 'Blue' },\n    };\n\n    expect(fixture.componentInstance.colors).toContain(blueToken);\n\n    await tokensHarness.dismissTokens({\n      text: 'Blue',\n    });\n\n    expect(fixture.componentInstance.colors).not.toContain(blueToken);\n  });\n});\n"
     },
     {
       "fileName": "tokens-demo.component.ts",
@@ -8747,12 +8784,12 @@
     {
       "fileName": "tokens-demo.component.spec.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.component.spec.ts",
-      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyTokensHarness } from '@skyux/indicators/testing';\n\nimport { TokensDemoComponent } from './tokens-demo.component';\nimport { TokensDemoModule } from './tokens-demo.module';\n\ndescribe('Tokens basic demo', () => {\n  let initialTokenLabels: string[];\n\n  async function setupTest() {\n    const fixture = TestBed.createComponent(TokensDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const tokensHarness = await loader.getHarness(\n      SkyTokensHarness.with({ dataSkyId: 'demo-tokens' })\n    );\n\n    return { tokensHarness, fixture };\n  }\n\n  function clickButton(\n    fixture: ComponentFixture<TokensDemoComponent>,\n    buttonName: 'change' | 'destroy' | 'focus-last' | 'reset'\n  ): void {\n    fixture.nativeElement\n      .querySelector(`.tokens-demo-${buttonName}-btn`)\n      .click();\n  }\n\n  beforeEach(() => {\n    initialTokenLabels = [\n      'Canada',\n      'Older than 55',\n      'Employed',\n      'Added before 2018',\n    ];\n\n    TestBed.configureTestingModule({\n      imports: [NoopAnimationsModule, TokensDemoModule],\n    });\n  });\n\n  it('should display the expected initial tokens', async () => {\n    const { tokensHarness } = await setupTest();\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo(\n      initialTokenLabels\n    );\n  });\n\n  it('should display the selected token label when the user selects a token', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const employedToken = (await tokensHarness.getTokens())[2];\n    await employedToken.select();\n\n    expect(\n      fixture.nativeElement.querySelector('.tokens-demo-selected').innerText\n    ).toBe('Employed');\n  });\n\n  it('should change tokens when the user clicks the \"Change tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'change');\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo([\n      'Paid',\n      'Pending',\n      'Past due',\n    ]);\n  });\n\n  it('should reset tokens when the user clicks the \"Reset tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'change');\n\n    await expectAsync(tokensHarness.getTokensText()).not.toBeResolvedTo(\n      initialTokenLabels\n    );\n\n    clickButton(fixture, 'reset');\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo(\n      initialTokenLabels\n    );\n  });\n\n  it('should destroy tokens when the user clicks the \"Destroy tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'destroy');\n\n    await expectAsync(tokensHarness.getTokens()).toBeResolvedTo([]);\n  });\n\n  it('should focus the last token when the user clicks the \"Focus last token\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const tokens = await tokensHarness.getTokens();\n    const lastToken = tokens[tokens.length - 1];\n\n    await expectAsync(lastToken.isFocused()).toBeResolvedTo(false);\n\n    clickButton(fixture, 'focus-last');\n\n    await expectAsync(lastToken.isFocused()).toBeResolvedTo(true);\n  });\n});\n"
+      "rawContents": "import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyTokensHarness } from '@skyux/indicators/testing';\n\nimport { TokensDemoComponent } from './tokens-demo.component';\nimport { TokensDemoModule } from './tokens-demo.module';\n\ndescribe('Tokens basic demo', () => {\n  let initialTokenLabels: string[];\n\n  async function setupTest(): Promise<{\n    tokensHarness: SkyTokensHarness;\n    fixture: ComponentFixture<TokensDemoComponent>;\n  }> {\n    const fixture = TestBed.createComponent(TokensDemoComponent);\n    const loader = TestbedHarnessEnvironment.loader(fixture);\n\n    const tokensHarness = await loader.getHarness(\n      SkyTokensHarness.with({ dataSkyId: 'demo-tokens' })\n    );\n\n    return { tokensHarness, fixture };\n  }\n\n  function clickButton(\n    fixture: ComponentFixture<TokensDemoComponent>,\n    buttonName: 'change' | 'destroy' | 'focus-last' | 'reset'\n  ): void {\n    fixture.nativeElement\n      .querySelector(`.tokens-demo-${buttonName}-btn`)\n      .click();\n  }\n\n  beforeEach(() => {\n    initialTokenLabels = [\n      'Canada',\n      'Older than 55',\n      'Employed',\n      'Added before 2018',\n    ];\n\n    TestBed.configureTestingModule({\n      imports: [NoopAnimationsModule, TokensDemoModule],\n    });\n  });\n\n  it('should display the expected initial tokens', async () => {\n    const { tokensHarness } = await setupTest();\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo(\n      initialTokenLabels\n    );\n  });\n\n  it('should display the selected token label when the user selects a token', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const employedToken = (await tokensHarness.getTokens())[2];\n    await employedToken.select();\n\n    expect(\n      fixture.nativeElement.querySelector('.tokens-demo-selected').innerText\n    ).toBe('Employed');\n  });\n\n  it('should change tokens when the user clicks the \"Change tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'change');\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo([\n      'Paid',\n      'Pending',\n      'Past due',\n    ]);\n  });\n\n  it('should reset tokens when the user clicks the \"Reset tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'change');\n\n    await expectAsync(tokensHarness.getTokensText()).not.toBeResolvedTo(\n      initialTokenLabels\n    );\n\n    clickButton(fixture, 'reset');\n\n    await expectAsync(tokensHarness.getTokensText()).toBeResolvedTo(\n      initialTokenLabels\n    );\n  });\n\n  it('should destroy tokens when the user clicks the \"Destroy tokens\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    clickButton(fixture, 'destroy');\n\n    await expectAsync(tokensHarness.getTokens()).toBeResolvedTo([]);\n  });\n\n  it('should focus the last token when the user clicks the \"Focus last token\" button', async () => {\n    const { tokensHarness, fixture } = await setupTest();\n\n    const tokens = await tokensHarness.getTokens();\n    const lastToken = tokens[tokens.length - 1];\n\n    await expectAsync(lastToken.isFocused()).toBeResolvedTo(false);\n\n    clickButton(fixture, 'focus-last');\n\n    await expectAsync(lastToken.isFocused()).toBeResolvedTo(true);\n  });\n});\n"
     },
     {
       "fileName": "tokens-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.component.ts",
-      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport {\n  SkyToken,\n  SkyTokenSelectedEventArgs,\n  SkyTokensMessage,\n  SkyTokensMessageType,\n} from '@skyux/indicators';\n\nimport { Subject } from 'rxjs';\n\nimport { TokensDemoItem } from './tokens-demo-item';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent implements OnDestroy {\n  public myTokens: SkyToken<TokensDemoItem>[];\n  public tokensController = new Subject<SkyTokensMessage>();\n  public selectedToken = '';\n\n  #defaultItems: TokensDemoItem[] = [\n    { label: 'Canada' },\n    { label: 'Older than 55' },\n    { label: 'Employed' },\n    { label: 'Added before 2018' },\n  ];\n\n  constructor() {\n    this.myTokens = this.#getTokens(this.#defaultItems);\n  }\n\n  public ngOnDestroy(): void {\n    this.tokensController.complete();\n  }\n\n  public resetTokens(): void {\n    this.createTokens();\n  }\n\n  public changeTokens(): void {\n    this.myTokens = this.#getTokens([\n      { label: 'Paid' },\n      { label: 'Pending' },\n      { label: 'Past due' },\n    ]);\n  }\n\n  public destroyTokens(): void {\n    this.myTokens = undefined;\n  }\n\n  public createTokens(): void {\n    this.myTokens = this.#getTokens(this.#defaultItems);\n  }\n\n  public onTokenSelected(\n    args: SkyTokenSelectedEventArgs<TokensDemoItem>\n  ): void {\n    this.selectedToken = args.token.value.label;\n  }\n\n  public onFocusIndexUnderRange(): void {\n    console.log('Focus index was less than zero.');\n  }\n\n  public onFocusIndexOverRange(): void {\n    console.log('Focus index was greater than the number of tokens.');\n  }\n\n  public focusLastToken(): void {\n    this.tokensController.next({\n      type: SkyTokensMessageType.FocusLastToken,\n    });\n  }\n\n  #getTokens(data: TokensDemoItem[]): SkyToken<TokensDemoItem>[] {\n    return data.map((item) => {\n      return {\n        value: item,\n      };\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport {\n  SkyToken,\n  SkyTokenSelectedEventArgs,\n  SkyTokensMessage,\n  SkyTokensMessageType,\n} from '@skyux/indicators';\n\nimport { Subject } from 'rxjs';\n\nimport { TokensDemoItem } from './tokens-demo-item';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent implements OnDestroy {\n  public myTokens: SkyToken<TokensDemoItem>[] | undefined;\n  public tokensController = new Subject<SkyTokensMessage>();\n  public selectedToken: string | undefined = '';\n\n  #defaultItems: TokensDemoItem[] = [\n    { label: 'Canada' },\n    { label: 'Older than 55' },\n    { label: 'Employed' },\n    { label: 'Added before 2018' },\n  ];\n\n  constructor() {\n    this.myTokens = this.#getTokens(this.#defaultItems);\n  }\n\n  public ngOnDestroy(): void {\n    this.tokensController.complete();\n  }\n\n  public resetTokens(): void {\n    this.createTokens();\n  }\n\n  public changeTokens(): void {\n    this.myTokens = this.#getTokens([\n      { label: 'Paid' },\n      { label: 'Pending' },\n      { label: 'Past due' },\n    ]);\n  }\n\n  public destroyTokens(): void {\n    this.myTokens = undefined;\n  }\n\n  public createTokens(): void {\n    this.myTokens = this.#getTokens(this.#defaultItems);\n  }\n\n  public onTokenSelected(\n    args: SkyTokenSelectedEventArgs<TokensDemoItem>\n  ): void {\n    this.selectedToken = args.token?.value.label;\n  }\n\n  public onFocusIndexUnderRange(): void {\n    console.log('Focus index was less than zero.');\n  }\n\n  public onFocusIndexOverRange(): void {\n    console.log('Focus index was greater than the number of tokens.');\n  }\n\n  public focusLastToken(): void {\n    this.tokensController.next({\n      type: SkyTokensMessageType.FocusLastToken,\n    });\n  }\n\n  #getTokens(data: TokensDemoItem[]): SkyToken<TokensDemoItem>[] {\n    return data.map((item) => {\n      return {\n        value: item,\n      };\n    });\n  }\n}\n"
     },
     {
       "fileName": "tokens-demo.module.ts",