@skyux/indicators 7.0.0-beta.0 → 7.0.0-beta.2

package/documentation.json

@@ -49,14 +49,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 385,
+        "id": 387,
         "name": "SkyTokensMessageType",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 387,
+            "id": 389,
             "name": "FocusActiveToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -74,7 +74,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 386,
+            "id": 388,
             "name": "FocusLastToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -92,7 +92,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 389,
+            "id": 391,
             "name": "FocusNextToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -110,7 +110,7 @@
             "defaultValue": "3"
           },
           {
-            "id": 388,
+            "id": 390,
             "name": "FocusPreviousToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -128,7 +128,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 390,
+            "id": 392,
             "name": "RemoveActiveToken",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -151,11 +151,11 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              387,
-              386,
               389,
               388,
-              390
+              391,
+              390,
+              392
             ]
           }
         ],
@@ -487,7 +487,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [SkyTextHighlightDirective],\n  exports: [SkyTextHighlightDirective],\n  providers: [MutationObserverService],\n}"
+              "obj": "{\n  declarations: [SkyTextHighlightDirective],\n  exports: [SkyTextHighlightDirective],\n  providers: [SkyMutationObserverService],\n}"
             }
           }
         ],
@@ -548,7 +548,7 @@
         ]
       },
       {
-        "id": 391,
+        "id": 393,
         "name": "SkyWaitModule",
         "kind": 128,
         "kindString": "Class",
@@ -573,7 +573,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              392
+              394
             ]
           }
         ],
@@ -586,7 +586,7 @@
         ]
       },
       {
-        "id": 394,
+        "id": 396,
         "name": "SkyWaitService",
         "kind": 128,
         "kindString": "Class",
@@ -607,7 +607,7 @@
         ],
         "children": [
           {
-            "id": 395,
+            "id": 397,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -621,14 +621,14 @@
             ],
             "signatures": [
               {
-                "id": 396,
+                "id": 398,
                 "name": "new SkyWaitService",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 397,
+                    "id": 399,
                     "name": "resolver",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -641,7 +641,7 @@
                     }
                   },
                   {
-                    "id": 398,
+                    "id": 400,
                     "name": "appRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -654,7 +654,7 @@
                     }
                   },
                   {
-                    "id": 399,
+                    "id": 401,
                     "name": "waitAdapter",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -665,7 +665,7 @@
                     }
                   },
                   {
-                    "id": 400,
+                    "id": 402,
                     "name": "windowSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -678,14 +678,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 394,
+                  "id": 396,
                   "name": "SkyWaitService"
                 }
               }
             ]
           },
           {
-            "id": 405,
+            "id": 407,
             "name": "beginBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -701,7 +701,7 @@
             ],
             "signatures": [
               {
-                "id": 406,
+                "id": 408,
                 "name": "beginBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -717,7 +717,7 @@
             ]
           },
           {
-            "id": 407,
+            "id": 409,
             "name": "beginNonBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -733,7 +733,7 @@
             ],
             "signatures": [
               {
-                "id": 408,
+                "id": 410,
                 "name": "beginNonBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -749,7 +749,7 @@
             ]
           },
           {
-            "id": 417,
+            "id": 419,
             "name": "blockingWrap",
             "kind": 2048,
             "kindString": "Method",
@@ -765,7 +765,7 @@
             ],
             "signatures": [
               {
-                "id": 418,
+                "id": 420,
                 "name": "blockingWrap",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -775,7 +775,7 @@
                 },
                 "typeParameter": [
                   {
-                    "id": 419,
+                    "id": 421,
                     "name": "T",
                     "kind": 131072,
                     "kindString": "Type parameter",
@@ -784,7 +784,7 @@
                 ],
                 "parameters": [
                   {
-                    "id": 420,
+                    "id": 422,
                     "name": "observable",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -794,7 +794,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 419,
+                          "id": 421,
                           "name": "T"
                         }
                       ],
@@ -809,7 +809,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 419,
+                      "id": 421,
                       "name": "T"
                     }
                   ],
@@ -821,7 +821,7 @@
             ]
           },
           {
-            "id": 413,
+            "id": 415,
             "name": "clearAllPageWaits",
             "kind": 2048,
             "kindString": "Method",
@@ -837,7 +837,7 @@
             ],
             "signatures": [
               {
-                "id": 414,
+                "id": 416,
                 "name": "clearAllPageWaits",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -853,7 +853,7 @@
             ]
           },
           {
-            "id": 409,
+            "id": 411,
             "name": "endBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -869,7 +869,7 @@
             ],
             "signatures": [
               {
-                "id": 410,
+                "id": 412,
                 "name": "endBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -885,7 +885,7 @@
             ]
           },
           {
-            "id": 411,
+            "id": 413,
             "name": "endNonBlockingPageWait",
             "kind": 2048,
             "kindString": "Method",
@@ -901,7 +901,7 @@
             ],
             "signatures": [
               {
-                "id": 412,
+                "id": 414,
                 "name": "endNonBlockingPageWait",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -917,7 +917,7 @@
             ]
           },
           {
-            "id": 421,
+            "id": 423,
             "name": "nonBlockingWrap",
             "kind": 2048,
             "kindString": "Method",
@@ -933,7 +933,7 @@
             ],
             "signatures": [
               {
-                "id": 422,
+                "id": 424,
                 "name": "nonBlockingWrap",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -943,7 +943,7 @@
                 },
                 "typeParameter": [
                   {
-                    "id": 423,
+                    "id": 425,
                     "name": "T",
                     "kind": 131072,
                     "kindString": "Type parameter",
@@ -952,7 +952,7 @@
                 ],
                 "parameters": [
                   {
-                    "id": 424,
+                    "id": 426,
                     "name": "observable",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -962,7 +962,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 423,
+                          "id": 425,
                           "name": "T"
                         }
                       ],
@@ -977,7 +977,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 423,
+                      "id": 425,
                       "name": "T"
                     }
                   ],
@@ -994,20 +994,20 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              395
+              397
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              405,
               407,
-              417,
-              413,
               409,
+              419,
+              415,
               411,
-              421
+              413,
+              423
             ]
           }
         ],
@@ -2199,7 +2199,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "name": "MutationObserverService"
+                      "name": "SkyMutationObserverService"
                     }
                   }
                 ],
@@ -3449,7 +3449,13 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 381,
+                  "id": 382,
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "any"
+                    }
+                  ],
                   "name": "SkyTokenSelectedEventArgs"
                 }
               ],
@@ -3497,6 +3503,12 @@
                   "elementType": {
                     "type": "reference",
                     "id": 379,
+                    "typeArguments": [
+                      {
+                        "type": "intrinsic",
+                        "name": "any"
+                      }
+                    ],
                     "name": "SkyToken"
                   }
                 }
@@ -3528,6 +3540,12 @@
                 {
                   "type": "reference",
                   "id": 379,
+                  "typeArguments": [
+                    {
+                      "type": "intrinsic",
+                      "name": "any"
+                    }
+                  ],
                   "name": "SkyToken"
                 }
               ],
@@ -4008,7 +4026,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 383,
+                      "id": 385,
                       "name": "SkyTokensMessage"
                     }
                   ],
@@ -4040,7 +4058,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 383,
+                          "id": 385,
                           "name": "SkyTokensMessage"
                         }
                       ],
@@ -4099,6 +4117,12 @@
                   "elementType": {
                     "type": "reference",
                     "id": 379,
+                    "typeArguments": [
+                      {
+                        "type": "intrinsic",
+                        "name": "any"
+                      }
+                    ],
                     "name": "SkyToken"
                   }
                 }
@@ -4126,6 +4150,12 @@
                       "elementType": {
                         "type": "reference",
                         "id": 379,
+                        "typeArguments": [
+                          {
+                            "type": "intrinsic",
+                            "name": "any"
+                          }
+                        ],
                         "name": "SkyToken"
                       }
                     }
@@ -4207,6 +4237,12 @@
                     "type": {
                       "type": "reference",
                       "id": 379,
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
                       "name": "SkyToken"
                     }
                   }
@@ -4294,6 +4330,12 @@
                     "type": {
                       "type": "reference",
                       "id": 379,
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
                       "name": "SkyToken"
                     }
                   }
@@ -4337,6 +4379,12 @@
                     "type": {
                       "type": "reference",
                       "id": 379,
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
                       "name": "SkyToken"
                     }
                   }
@@ -5031,7 +5079,7 @@
               "typeArguments": [
                 {
                   "type": "intrinsic",
-                  "name": "any"
+                  "name": "void"
                 }
               ],
               "qualifiedName": "EventEmitter",
@@ -5498,8 +5546,9 @@
               }
             ],
             "type": {
-              "type": "intrinsic",
-              "name": "string"
+              "type": "reference",
+              "id": 360,
+              "name": "SkyKeyInfoLayoutType"
             },
             "defaultValue": "'vertical'"
           }
@@ -6042,8 +6091,9 @@
               }
             ],
             "type": {
-              "type": "intrinsic",
-              "name": "any"
+              "type": "reference",
+              "id": 381,
+              "name": "T"
             }
           }
         ],
@@ -6059,20 +6109,33 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/tokens/types/token.ts",
-            "line": 1,
+            "line": 2,
             "character": 17
           }
+        ],
+        "typeParameter": [
+          {
+            "id": 381,
+            "name": "T",
+            "kind": 131072,
+            "kindString": "Type parameter",
+            "flags": {},
+            "default": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          }
         ]
       },
       {
-        "id": 381,
+        "id": 382,
         "name": "SkyTokenSelectedEventArgs",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 382,
+            "id": 383,
             "name": "token",
             "kind": 1024,
             "kindString": "Property",
@@ -6092,6 +6155,13 @@
             "type": {
               "type": "reference",
               "id": 379,
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "id": 384,
+                  "name": "T"
+                }
+              ],
               "name": "SkyToken"
             }
           }
@@ -6101,7 +6171,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              382
+              383
             ]
           }
         ],
@@ -6111,17 +6181,30 @@
             "line": 3,
             "character": 17
           }
+        ],
+        "typeParameter": [
+          {
+            "id": 384,
+            "name": "T",
+            "kind": 131072,
+            "kindString": "Type parameter",
+            "flags": {},
+            "default": {
+              "type": "intrinsic",
+              "name": "any"
+            }
+          }
         ]
       },
       {
-        "id": 383,
+        "id": 385,
         "name": "SkyTokensMessage",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 384,
+            "id": 386,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -6140,7 +6223,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 385,
+              "id": 387,
               "name": "SkyTokensMessageType"
             }
           }
@@ -6150,7 +6233,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              384
+              386
             ]
           }
         ],
@@ -6377,7 +6460,7 @@
         }
       },
       {
-        "id": 437,
+        "id": 439,
         "name": "SkyAlertHarness",
         "kind": 128,
         "kindString": "Class",
@@ -6387,7 +6470,7 @@
         },
         "children": [
           {
-            "id": 458,
+            "id": 460,
             "name": "close",
             "kind": 2048,
             "kindString": "Method",
@@ -6403,7 +6486,7 @@
             ],
             "signatures": [
               {
-                "id": 459,
+                "id": 461,
                 "name": "close",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6427,7 +6510,7 @@
             ]
           },
           {
-            "id": 454,
+            "id": 456,
             "name": "getAlertType",
             "kind": 2048,
             "kindString": "Method",
@@ -6443,7 +6526,7 @@
             ],
             "signatures": [
               {
-                "id": 455,
+                "id": 457,
                 "name": "getAlertType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6468,7 +6551,7 @@
             ]
           },
           {
-            "id": 466,
+            "id": 468,
             "name": "getCustomDescription",
             "kind": 2048,
             "kindString": "Method",
@@ -6484,7 +6567,7 @@
             ],
             "signatures": [
               {
-                "id": 467,
+                "id": 469,
                 "name": "getCustomDescription",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6508,7 +6591,7 @@
             ]
           },
           {
-            "id": 464,
+            "id": 466,
             "name": "getDescriptionType",
             "kind": 2048,
             "kindString": "Method",
@@ -6524,7 +6607,7 @@
             ],
             "signatures": [
               {
-                "id": 465,
+                "id": 467,
                 "name": "getDescriptionType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6549,7 +6632,7 @@
             ]
           },
           {
-            "id": 456,
+            "id": 458,
             "name": "getText",
             "kind": 2048,
             "kindString": "Method",
@@ -6565,7 +6648,7 @@
             ],
             "signatures": [
               {
-                "id": 457,
+                "id": 459,
                 "name": "getText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6589,7 +6672,7 @@
             ]
           },
           {
-            "id": 471,
+            "id": 473,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -6603,7 +6686,7 @@
             ],
             "signatures": [
               {
-                "id": 472,
+                "id": 474,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6637,7 +6720,7 @@
             }
           },
           {
-            "id": 462,
+            "id": 464,
             "name": "isCloseable",
             "kind": 2048,
             "kindString": "Method",
@@ -6653,7 +6736,7 @@
             ],
             "signatures": [
               {
-                "id": 463,
+                "id": 465,
                 "name": "isCloseable",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6677,7 +6760,7 @@
             ]
           },
           {
-            "id": 460,
+            "id": 462,
             "name": "isClosed",
             "kind": 2048,
             "kindString": "Method",
@@ -6693,7 +6776,7 @@
             ],
             "signatures": [
               {
-                "id": 461,
+                "id": 463,
                 "name": "isClosed",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6717,7 +6800,7 @@
             ]
           },
           {
-            "id": 439,
+            "id": 441,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -6734,7 +6817,7 @@
             ],
             "signatures": [
               {
-                "id": 440,
+                "id": 442,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6744,14 +6827,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 441,
+                    "id": 443,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 491,
+                      "id": 493,
                       "name": "SkyAlertHarnessFilters"
                     }
                   }
@@ -6761,7 +6844,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 437,
+                      "id": 439,
                       "name": "SkyAlertHarness"
                     }
                   ],
@@ -6778,22 +6861,22 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              447
+              449
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              458,
-              454,
+              460,
+              456,
+              468,
               466,
+              458,
+              473,
               464,
-              456,
-              471,
               462,
-              460,
-              439
+              441
             ]
           }
         ],
@@ -6812,7 +6895,7 @@
         ]
       },
       {
-        "id": 495,
+        "id": 497,
         "name": "SkyKeyInfoHarness",
         "kind": 128,
         "kindString": "Class",
@@ -6822,7 +6905,7 @@
         },
         "children": [
           {
-            "id": 513,
+            "id": 515,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -6838,7 +6921,7 @@
             ],
             "signatures": [
               {
-                "id": 514,
+                "id": 516,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6862,7 +6945,7 @@
             ]
           },
           {
-            "id": 515,
+            "id": 517,
             "name": "getLayout",
             "kind": 2048,
             "kindString": "Method",
@@ -6878,7 +6961,7 @@
             ],
             "signatures": [
               {
-                "id": 516,
+                "id": 518,
                 "name": "getLayout",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6903,7 +6986,7 @@
             ]
           },
           {
-            "id": 511,
+            "id": 513,
             "name": "getValueText",
             "kind": 2048,
             "kindString": "Method",
@@ -6919,7 +7002,7 @@
             ],
             "signatures": [
               {
-                "id": 512,
+                "id": 514,
                 "name": "getValueText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6943,7 +7026,7 @@
             ]
           },
           {
-            "id": 520,
+            "id": 522,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -6957,7 +7040,7 @@
             ],
             "signatures": [
               {
-                "id": 521,
+                "id": 523,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -6991,7 +7074,7 @@
             }
           },
           {
-            "id": 497,
+            "id": 499,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7008,7 +7091,7 @@
             ],
             "signatures": [
               {
-                "id": 498,
+                "id": 500,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7018,14 +7101,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 499,
+                    "id": 501,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 540,
+                      "id": 542,
                       "name": "SkyKeyInfoHarnessFilters"
                     }
                   }
@@ -7035,7 +7118,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 495,
+                      "id": 497,
                       "name": "SkyKeyInfoHarness"
                     }
                   ],
@@ -7052,18 +7135,18 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              505
+              507
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              513,
               515,
-              511,
-              520,
-              497
+              517,
+              513,
+              522,
+              499
             ]
           }
         ],
@@ -7082,7 +7165,7 @@
         ]
       },
       {
-        "id": 544,
+        "id": 546,
         "name": "SkyLabelHarness",
         "kind": 128,
         "kindString": "Class",
@@ -7092,7 +7175,7 @@
         },
         "children": [
           {
-            "id": 566,
+            "id": 568,
             "name": "getCustomDescription",
             "kind": 2048,
             "kindString": "Method",
@@ -7108,7 +7191,7 @@
             ],
             "signatures": [
               {
-                "id": 567,
+                "id": 569,
                 "name": "getCustomDescription",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7132,7 +7215,7 @@
             ]
           },
           {
-            "id": 564,
+            "id": 566,
             "name": "getDescriptionType",
             "kind": 2048,
             "kindString": "Method",
@@ -7148,7 +7231,7 @@
             ],
             "signatures": [
               {
-                "id": 565,
+                "id": 567,
                 "name": "getDescriptionType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7173,7 +7256,7 @@
             ]
           },
           {
-            "id": 560,
+            "id": 562,
             "name": "getLabelText",
             "kind": 2048,
             "kindString": "Method",
@@ -7189,7 +7272,7 @@
             ],
             "signatures": [
               {
-                "id": 561,
+                "id": 563,
                 "name": "getLabelText",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7213,7 +7296,7 @@
             ]
           },
           {
-            "id": 562,
+            "id": 564,
             "name": "getLabelType",
             "kind": 2048,
             "kindString": "Method",
@@ -7229,7 +7312,7 @@
             ],
             "signatures": [
               {
-                "id": 563,
+                "id": 565,
                 "name": "getLabelType",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7254,7 +7337,7 @@
             ]
           },
           {
-            "id": 571,
+            "id": 573,
             "name": "host",
             "kind": 2048,
             "kindString": "Method",
@@ -7268,7 +7351,7 @@
             ],
             "signatures": [
               {
-                "id": 572,
+                "id": 574,
                 "name": "host",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7302,7 +7385,7 @@
             }
           },
           {
-            "id": 546,
+            "id": 548,
             "name": "with",
             "kind": 2048,
             "kindString": "Method",
@@ -7319,7 +7402,7 @@
             ],
             "signatures": [
               {
-                "id": 547,
+                "id": 549,
                 "name": "with",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -7329,14 +7412,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 548,
+                    "id": 550,
                     "name": "filters",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 591,
+                      "id": 593,
                       "name": "SkyLabelHarnessFilters"
                     }
                   }
@@ -7346,7 +7429,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 544,
+                      "id": 546,
                       "name": "SkyLabelHarness"
                     }
                   ],
@@ -7363,19 +7446,19 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              554
+              556
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
+              568,
               566,
-              564,
-              560,
               562,
-              571,
-              546
+              564,
+              573,
+              548
             ]
           }
         ],
@@ -7394,7 +7477,7 @@
         ]
       },
       {
-        "id": 491,
+        "id": 493,
         "name": "SkyAlertHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -7404,7 +7487,7 @@
         },
         "children": [
           {
-            "id": 494,
+            "id": 496,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -7431,7 +7514,7 @@
             }
           },
           {
-            "id": 492,
+            "id": 494,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -7469,7 +7552,7 @@
             }
           },
           {
-            "id": 493,
+            "id": 495,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -7501,9 +7584,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              496,
               494,
-              492,
-              493
+              495
             ]
           }
         ],
@@ -7522,7 +7605,7 @@
         ]
       },
       {
-        "id": 540,
+        "id": 542,
         "name": "SkyKeyInfoHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -7532,7 +7615,7 @@
         },
         "children": [
           {
-            "id": 543,
+            "id": 545,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -7559,7 +7642,7 @@
             }
           },
           {
-            "id": 541,
+            "id": 543,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -7597,7 +7680,7 @@
             }
           },
           {
-            "id": 542,
+            "id": 544,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -7629,9 +7712,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              545,
               543,
-              541,
-              542
+              544
             ]
           }
         ],
@@ -7650,7 +7733,7 @@
         ]
       },
       {
-        "id": 591,
+        "id": 593,
         "name": "SkyLabelHarnessFilters",
         "kind": 256,
         "kindString": "Interface",
@@ -7660,7 +7743,7 @@
         },
         "children": [
           {
-            "id": 594,
+            "id": 596,
             "name": "ancestor",
             "kind": 1024,
             "kindString": "Property",
@@ -7687,7 +7770,7 @@
             }
           },
           {
-            "id": 592,
+            "id": 594,
             "name": "dataSkyId",
             "kind": 1024,
             "kindString": "Property",
@@ -7725,7 +7808,7 @@
             }
           },
           {
-            "id": 593,
+            "id": 595,
             "name": "selector",
             "kind": 1024,
             "kindString": "Property",
@@ -7757,9 +7840,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
+              596,
               594,
-              592,
-              593
+              595
             ]
           }
         ],
@@ -7925,30 +8008,50 @@
       "filePath": "/projects/indicators/documentation/code-examples/text-highlight/basic/text-highlight-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyTextHighlightModule } from '@skyux/indicators';\n\nimport { TextHighlightDemoComponent } from './text-highlight-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyIdModule,\n    SkyTextHighlightModule,\n  ],\n  exports: [TextHighlightDemoComponent],\n  declarations: [TextHighlightDemoComponent],\n})\nexport class TextHighlightDemoModule {}\n"
     },
+    {
+      "fileName": "tokens-demo-color.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo-color.ts",
+      "rawContents": "export interface TokensDemoColor {\n  name: string;\n}\n"
+    },
     {
       "fileName": "tokens-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.html",
-      "rawContents": "<sky-tokens [(tokens)]=\"colors\"> </sky-tokens>\n"
+      "rawContents": "<sky-tokens [(tokens)]=\"colors\" data-sky-id=\"color-tokens\"></sky-tokens>\n"
+    },
+    {
+      "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"
     },
     {
       "fileName": "tokens-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { SkyToken } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent {\n  public colors: SkyToken[];\n\n  private defaultColors = [\n    { name: 'Red' },\n    { name: 'Black' },\n    { name: 'Blue' },\n    { name: 'Brown' },\n    { name: 'Green' },\n    { name: 'Orange' },\n    { name: 'Pink' },\n    { name: 'Purple' },\n    { name: 'Turquoise' },\n    { name: 'White' },\n    { name: 'Yellow' },\n  ];\n\n  constructor() {\n    this.colors = this.getTokens(this.defaultColors);\n  }\n\n  private getTokens(data: any[]): SkyToken[] {\n    return data.map((item: any) => {\n      return {\n        value: item,\n      } as SkyToken;\n    });\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport { SkyToken } from '@skyux/indicators';\n\nimport { TokensDemoColor } from './tokens-demo-color';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent {\n  public colors: SkyToken<TokensDemoColor>[] = [\n    { value: { name: 'Red' } },\n    { value: { name: 'Black' } },\n    { value: { name: 'Blue' } },\n    { value: { name: 'Brown' } },\n    { value: { name: 'Green' } },\n    { value: { name: 'Orange' } },\n    { value: { name: 'Pink' } },\n    { value: { name: 'Purple' } },\n    { value: { name: 'Turquoise' } },\n    { value: { name: 'White' } },\n    { value: { name: 'Yellow' } },\n  ];\n}\n"
     },
     {
       "fileName": "tokens-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyTokensModule } from '@skyux/indicators';\n\nimport { TokensDemoComponent } from './tokens-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyTokensModule],\n  exports: [TokensDemoComponent],\n  declarations: [TokensDemoComponent],\n})\nexport class TokensDemoModule {}\n"
     },
+    {
+      "fileName": "tokens-demo-item.ts",
+      "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo-item.ts",
+      "rawContents": "export interface TokensDemoItem {\n  label: string;\n}\n"
+    },
     {
       "fileName": "tokens-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.component.html",
-      "rawContents": "<p>\n  These tokens define a custom property to display their values. When users\n  select a token, it emits an event.\n</p>\n\n<div class=\"sky-margin-stacked-xl\">\n  <sky-tokens\n    displayWith=\"label\"\n    [messageStream]=\"tokensController\"\n    (focusIndexOverRange)=\"onFocusIndexOverRange()\"\n    (focusIndexUnderRange)=\"onFocusIndexUnderRange()\"\n    (tokenSelected)=\"onTokenSelected($event)\"\n    [(tokens)]=\"myTokens\"\n  >\n    (You may also include content inside the tokens component.)\n  </sky-tokens>\n</div>\n\n<div class=\"sky-margin-stacked-xl\">\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"changeTokens()\"\n  >\n    Change tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"resetTokens()\"\n  >\n    Reset tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    type=\"button\"\n    (click)=\"destroyTokens()\"\n  >\n    Destroy tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    (click)=\"focusLastToken()\"\n  >\n    Focus last token\n  </button>\n</div>\n"
+      "rawContents": "<p>\n  These tokens define a custom property to display their values. When users\n  select a token, it emits an event.\n</p>\n\n<div class=\"sky-margin-stacked-xl\">\n  <sky-tokens\n    displayWith=\"label\"\n    [messageStream]=\"tokensController\"\n    (focusIndexOverRange)=\"onFocusIndexOverRange()\"\n    (focusIndexUnderRange)=\"onFocusIndexUnderRange()\"\n    (tokenSelected)=\"onTokenSelected($event)\"\n    [(tokens)]=\"myTokens\"\n    data-sky-id=\"demo-tokens\"\n  >\n    (You may also include content inside the tokens component.)\n  </sky-tokens>\n</div>\n\n<div class=\"sky-margin-stacked-xl\">\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-change-btn\"\n    type=\"button\"\n    (click)=\"changeTokens()\"\n  >\n    Change tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-reset-btn\"\n    type=\"button\"\n    (click)=\"resetTokens()\"\n  >\n    Reset tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-destroy-btn\"\n    type=\"button\"\n    (click)=\"destroyTokens()\"\n  >\n    Destroy tokens\n  </button>\n\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm tokens-demo-focus-last-btn\"\n    (click)=\"focusLastToken()\"\n  >\n    Focus last token\n  </button>\n</div>\n\n<div>\n  Selected token: <span class=\"tokens-demo-selected\">{{ selectedToken }}</span>\n</div>\n"
+    },
+    {
+      "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"
     },
     {
       "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\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html',\n})\nexport class TokensDemoComponent implements OnDestroy {\n  public myTokens: SkyToken[];\n\n  private defaultTokens = [\n    { label: 'Canada' },\n    { label: 'Older than 55' },\n    { label: 'Employed' },\n    { label: 'Added before 2018' },\n  ];\n\n  public tokensController: Subject<SkyTokensMessage>;\n\n  constructor() {\n    this.myTokens = this.getTokens(this.defaultTokens);\n  }\n\n  public ngOnDestroy(): void {\n    if (this.tokensController) {\n      this.tokensController.complete();\n    }\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.defaultTokens);\n  }\n\n  public onTokenSelected(args: SkyTokenSelectedEventArgs): void {\n    console.log('Token selected:', args);\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    if (!this.tokensController) {\n      this.tokensController = new Subject<SkyTokensMessage>();\n    }\n\n    this.tokensController.next({\n      type: SkyTokensMessageType.FocusLastToken,\n    });\n  }\n\n  private getTokens(data: any[]): SkyToken[] {\n    return data.map((item: any) => {\n      return {\n        value: item,\n      } as SkyToken;\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>[];\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"
     },
     {
       "fileName": "tokens-demo.module.ts",