@skyux/indicators 5.0.0-beta.4 → 5.0.3

package/documentation.json

@@ -37,7 +37,7 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/indicators",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
@@ -45,7 +45,7 @@
       {
         "id": 323,
         "name": "SkyTokensMessageType",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
@@ -61,7 +61,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/tokens-message-type.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -79,7 +79,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/tokens-message-type.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -97,7 +97,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/tokens-message-type.ts",
-                "line": 21,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -115,7 +115,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/tokens-message-type.ts",
-                "line": 16,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -133,7 +133,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/tokens-message-type.ts",
-                "line": 26,
+                "line": 25,
                 "character": 2
               }
             ],
@@ -175,7 +175,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyAlertComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyAlertComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyAlertComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyAlertComponent],\n}"
             }
           }
         ],
@@ -214,7 +214,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/alert/alert.module.ts",
-            "line": 44,
+            "line": 26,
             "character": 13
           }
         ]
@@ -233,7 +233,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyChevronComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIndicatorsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyChevronComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyChevronComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIndicatorsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyChevronComponent],\n}"
             }
           }
         ],
@@ -272,7 +272,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/chevron/chevron.module.ts",
-            "line": 39,
+            "line": 23,
             "character": 13
           }
         ]
@@ -291,7 +291,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyHelpInlineComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyHelpInlineComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyHelpInlineComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [SkyHelpInlineComponent],\n}"
             }
           }
         ],
@@ -330,7 +330,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/help-inline/help-inline.module.ts",
-            "line": 44,
+            "line": 26,
             "character": 13
           }
         ]
@@ -349,7 +349,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyIconClassListPipe,\n    SkyIconComponent,\n    SkyIconStackComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyThemeIconManifestModule\n  ],\n  exports: [\n    SkyIconComponent,\n    SkyIconStackComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],\n  imports: [CommonModule, SkyThemeIconManifestModule],\n  exports: [SkyIconComponent, SkyIconStackComponent],\n}"
             }
           }
         ],
@@ -388,7 +388,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/icon/icon.module.ts",
-            "line": 40,
+            "line": 18,
             "character": 13
           }
         ]
@@ -407,7 +407,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyKeyInfoComponent,\n    SkyKeyInfoLabelComponent,\n    SkyKeyInfoValueComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    SkyKeyInfoComponent,\n    SkyKeyInfoLabelComponent,\n    SkyKeyInfoValueComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyKeyInfoComponent,\n    SkyKeyInfoLabelComponent,\n    SkyKeyInfoValueComponent,\n  ],\n  imports: [CommonModule],\n  exports: [\n    SkyKeyInfoComponent,\n    SkyKeyInfoLabelComponent,\n    SkyKeyInfoValueComponent,\n  ],\n}"
             }
           }
         ],
@@ -446,7 +446,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/key-info/key-info.module.ts",
-            "line": 36,
+            "line": 24,
             "character": 13
           }
         ]
@@ -465,7 +465,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyLabelComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyIconModule\n  ],\n  exports: [\n    SkyLabelComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyLabelComponent],\n  imports: [CommonModule, SkyIconModule],\n  exports: [SkyLabelComponent],\n}"
             }
           }
         ],
@@ -504,7 +504,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/label/label.module.ts",
-            "line": 29,
+            "line": 14,
             "character": 13
           }
         ]
@@ -523,7 +523,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyStatusIndicatorComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule\n  ],\n  exports: [\n    SkyStatusIndicatorComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyStatusIndicatorComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n  ],\n  exports: [SkyStatusIndicatorComponent],\n}"
             }
           }
         ],
@@ -562,7 +562,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.module.ts",
-            "line": 39,
+            "line": 23,
             "character": 13
           }
         ]
@@ -581,7 +581,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyTextHighlightDirective\n  ],\n  exports: [\n    SkyTextHighlightDirective\n  ],\n  providers: [\n    MutationObserverService\n  ]\n}"
+              "obj": "{\n  declarations: [SkyTextHighlightDirective],\n  exports: [SkyTextHighlightDirective],\n  providers: [MutationObserverService],\n}"
             }
           }
         ],
@@ -620,7 +620,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/text-highlight/text-highlight.module.ts",
-            "line": 24,
+            "line": 12,
             "character": 13
           }
         ]
@@ -639,7 +639,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyTokenComponent,\n    SkyTokensComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule\n  ],\n  exports: [\n    SkyTokenComponent,\n    SkyTokensComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyTokenComponent, SkyTokensComponent],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyIndicatorsResourcesModule,\n  ],\n  exports: [SkyTokenComponent, SkyTokensComponent],\n}"
             }
           }
         ],
@@ -678,7 +678,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/tokens/tokens.module.ts",
-            "line": 45,
+            "line": 25,
             "character": 13
           }
         ]
@@ -697,7 +697,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyWaitComponent,\n    SkyWaitPageComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIndicatorsResourcesModule\n  ],\n  exports: [\n    SkyWaitComponent\n  ],\n  entryComponents: [\n    SkyWaitPageComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyWaitComponent, SkyWaitPageComponent],\n  imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule],\n  exports: [SkyWaitComponent],\n  entryComponents: [SkyWaitPageComponent],\n}"
             }
           }
         ],
@@ -736,7 +736,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/wait/wait.module.ts",
-            "line": 42,
+            "line": 19,
             "character": 13
           }
         ]
@@ -755,7 +755,7 @@
               "name": "Injectable"
             },
             "arguments": {
-              "options": "{\n  providedIn: 'root'\n}"
+              "options": "{\n  providedIn: 'root',\n}"
             }
           }
         ],
@@ -769,7 +769,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 40,
+                "line": 28,
                 "character": 2
               }
             ],
@@ -845,7 +845,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 50,
+                "line": 38,
                 "character": 9
               }
             ],
@@ -877,7 +877,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 57,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -909,7 +909,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 100,
+                "line": 88,
                 "character": 9
               }
             ],
@@ -944,6 +944,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
+                          "id": 356,
                           "name": "T"
                         }
                       ],
@@ -956,6 +957,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
+                      "id": 356,
                       "name": "T"
                     }
                   ],
@@ -975,7 +977,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 80,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -1007,7 +1009,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 65,
+                "line": 53,
                 "character": 9
               }
             ],
@@ -1039,7 +1041,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 73,
+                "line": 61,
                 "character": 9
               }
             ],
@@ -1071,7 +1073,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-                "line": 111,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -1106,6 +1108,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
+                          "id": 360,
                           "name": "T"
                         }
                       ],
@@ -1118,6 +1121,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
+                      "id": 360,
                       "name": "T"
                     }
                   ],
@@ -1152,7 +1156,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/wait/wait.service.ts",
-            "line": 34,
+            "line": 23,
             "character": 13
           }
         ]
@@ -1171,7 +1175,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-alert',\n  styleUrls: ['./alert.component.scss'],\n  templateUrl: './alert.component.html'\n}"
+              "obj": "{\n  selector: 'sky-alert',\n  styleUrls: ['./alert.component.scss'],\n  templateUrl: './alert.component.html',\n}"
             }
           }
         ],
@@ -1208,7 +1212,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 64,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -1229,7 +1233,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 66,
+                "line": 54,
                 "character": 9
               }
             ],
@@ -1269,7 +1273,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 49,
+                "line": 37,
                 "character": 9
               }
             ],
@@ -1308,7 +1312,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 56,
+                "line": 44,
                 "character": 9
               }
             ],
@@ -1341,7 +1345,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 62,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -1378,7 +1382,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 35,
+                "line": 23,
                 "character": 13
               }
             ],
@@ -1445,7 +1449,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 74,
+                "line": 62,
                 "character": 9
               }
             ],
@@ -1474,7 +1478,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-                "line": 70,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -1539,7 +1543,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/alert/alert.component.ts",
-            "line": 28,
+            "line": 16,
             "character": 13
           }
         ],
@@ -1564,7 +1568,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-status-indicator',\n  templateUrl: './status-indicator.component.html',\n  styleUrls: ['./status-indicator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-status-indicator',\n  templateUrl: './status-indicator.component.html',\n  styleUrls: ['./status-indicator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1578,7 +1582,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 96,
+                "line": 86,
                 "character": 2
               }
             ],
@@ -1632,7 +1636,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 84,
+                "line": 74,
                 "character": 9
               }
             ],
@@ -1653,7 +1657,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 82,
+                "line": 72,
                 "character": 9
               }
             ],
@@ -1673,7 +1677,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 86,
+                "line": 76,
                 "character": 9
               }
             ],
@@ -1693,7 +1697,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 88,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -1724,7 +1728,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 73,
+                "line": 63,
                 "character": 13
               }
             ],
@@ -1795,7 +1799,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 59,
+                "line": 49,
                 "character": 13
               }
             ],
@@ -1872,7 +1876,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-                "line": 43,
+                "line": 33,
                 "character": 13
               }
             ],
@@ -1960,7 +1964,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/status-indicator/status-indicator.component.ts",
-            "line": 36,
+            "line": 26,
             "character": 13
           }
         ]
@@ -1982,7 +1986,7 @@
               "name": "Directive"
             },
             "arguments": {
-              "obj": "{\n  selector: '[skyHighlight]'\n}"
+              "obj": "{\n  selector: '[skyHighlight]',\n}"
             }
           }
         ],
@@ -1996,7 +2000,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/text-highlight/text-highlight.directive.ts",
-                "line": 40,
+                "line": 39,
                 "character": 2
               }
             ],
@@ -2069,7 +2073,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/text-highlight/text-highlight.directive.ts",
-                "line": 34,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -2089,7 +2093,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/text-highlight/text-highlight.directive.ts",
-                "line": 51,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -2126,7 +2130,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/text-highlight/text-highlight.directive.ts",
-                "line": 45,
+                "line": 44,
                 "character": 9
               }
             ],
@@ -2176,7 +2180,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/text-highlight/text-highlight.directive.ts",
-                "line": 63,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -2231,7 +2235,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/text-highlight/text-highlight.directive.ts",
-            "line": 28,
+            "line": 26,
             "character": 13
           }
         ],
@@ -2264,7 +2268,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-token',\n  templateUrl: './token.component.html',\n  styleUrls: ['./token.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-token',\n  templateUrl: './token.component.html',\n  styleUrls: ['./token.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2278,7 +2282,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 113,
+                "line": 112,
                 "character": 2
               }
             ],
@@ -2351,7 +2355,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 83,
+                "line": 82,
                 "character": 9
               }
             ],
@@ -2391,7 +2395,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 89,
+                "line": 88,
                 "character": 9
               }
             ],
@@ -2428,7 +2432,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 43,
+                "line": 40,
                 "character": 13
               }
             ],
@@ -2505,7 +2509,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 29,
+                "line": 26,
                 "character": 13
               }
             ],
@@ -2582,7 +2586,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 57,
+                "line": 56,
                 "character": 13
               }
             ],
@@ -2659,7 +2663,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 71,
+                "line": 70,
                 "character": 13
               }
             ],
@@ -2726,7 +2730,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 118,
+                "line": 117,
                 "character": 9
               }
             ],
@@ -2768,7 +2772,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-                "line": 123,
+                "line": 122,
                 "character": 9
               }
             ],
@@ -2825,7 +2829,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/tokens/token.component.ts",
-            "line": 20,
+            "line": 18,
             "character": 13
           }
         ]
@@ -2844,7 +2848,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-tokens',\n  templateUrl: './tokens.component.html',\n  styleUrls: ['./tokens.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger('blockAnimationOnLoad', [\n      transition(':enter', [])\n    ]),\n    trigger('dismiss', [\n      transition(\n        ':enter',\n        [\n          style({\n            opacity: 0,\n            width: 0\n          }),\n          animate(\n            '150ms ease-in',\n            style({\n              opacity: 1,\n              width: '*'\n            })\n          )\n        ]\n      ),\n      transition(\n        ':leave',\n        [\n          animate(\n            '150ms ease-in',\n            style({\n              opacity: 0,\n              width: 0\n            })\n          )\n        ]\n      )\n    ])\n  ]\n}"
+              "obj": "{\n  selector: 'sky-tokens',\n  templateUrl: './tokens.component.html',\n  styleUrls: ['./tokens.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger('blockAnimationOnLoad', [transition(':enter', [])]),\n    trigger('dismiss', [\n      transition(':enter', [\n        style({\n          opacity: 0,\n          width: 0,\n        }),\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 1,\n            width: '*',\n          })\n        ),\n      ]),\n      transition(':leave', [\n        animate(\n          '150ms ease-in',\n          style({\n            opacity: 0,\n            width: 0,\n          })\n        ),\n      ]),\n    ]),\n  ],\n}"
             }
           }
         ],
@@ -2858,7 +2862,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 249,
+                "line": 220,
                 "character": 2
               }
             ],
@@ -2914,7 +2918,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 188,
+                "line": 159,
                 "character": 9
               }
             ],
@@ -2954,7 +2958,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 195,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -2994,7 +2998,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 201,
+                "line": 172,
                 "character": 9
               }
             ],
@@ -3035,7 +3039,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 208,
+                "line": 179,
                 "character": 9
               }
             ],
@@ -3063,13 +3067,10 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "internal"
-            },
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 233,
+                "line": 204,
                 "character": 9
               }
             ],
@@ -3149,7 +3150,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 139,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -3179,7 +3180,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 99,
+                "line": 70,
                 "character": 13
               }
             ],
@@ -3256,7 +3257,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 113,
+                "line": 84,
                 "character": 13
               }
             ],
@@ -3333,7 +3334,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 126,
+                "line": 97,
                 "character": 13
               }
             ],
@@ -3410,7 +3411,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 148,
+                "line": 119,
                 "character": 13
               }
             ],
@@ -3487,7 +3488,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 174,
+                "line": 145,
                 "character": 13
               }
             ],
@@ -3572,7 +3573,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 160,
+                "line": 131,
                 "character": 13
               }
             ],
@@ -3641,7 +3642,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 264,
+                "line": 233,
                 "character": 9
               }
             ],
@@ -3678,7 +3679,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 269,
+                "line": 238,
                 "character": 9
               }
             ],
@@ -3721,7 +3722,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 277,
+                "line": 246,
                 "character": 9
               }
             ],
@@ -3763,7 +3764,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 302,
+                "line": 275,
                 "character": 9
               }
             ],
@@ -3806,7 +3807,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-                "line": 296,
+                "line": 269,
                 "character": 9
               }
             ],
@@ -3886,7 +3887,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/tokens/tokens.component.ts",
-            "line": 90,
+            "line": 62,
             "character": 13
           }
         ],
@@ -3911,7 +3912,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-wait',\n  templateUrl: './wait.component.html',\n  styleUrls: ['./wait.component.scss'],\n  providers: [\n    SkyWaitAdapterService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-wait',\n  templateUrl: './wait.component.html',\n  styleUrls: ['./wait.component.scss'],\n  providers: [SkyWaitAdapterService],\n}"
             }
           }
         ],
@@ -3925,7 +3926,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-                "line": 106,
+                "line": 92,
                 "character": 2
               }
             ],
@@ -4019,7 +4020,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-                "line": 42,
+                "line": 27,
                 "character": 9
               }
             ],
@@ -4039,7 +4040,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-                "line": 100,
+                "line": 86,
                 "character": 9
               }
             ],
@@ -4085,7 +4086,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-                "line": 98,
+                "line": 84,
                 "character": 9
               }
             ],
@@ -4115,7 +4116,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-                "line": 78,
+                "line": 63,
                 "character": 13
               }
             ],
@@ -4192,7 +4193,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-                "line": 48,
+                "line": 33,
                 "character": 13
               }
             ],
@@ -4253,7 +4254,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-                "line": 112,
+                "line": 98,
                 "character": 9
               }
             ],
@@ -4316,7 +4317,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/wait/wait.component.ts",
-            "line": 31,
+            "line": 17,
             "character": 13
           }
         ],
@@ -4341,7 +4342,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-chevron',\n  styleUrls: ['./chevron.component.scss'],\n  templateUrl: './chevron.component.html'\n}"
+              "obj": "{\n  selector: 'sky-chevron',\n  styleUrls: ['./chevron.component.scss'],\n  templateUrl: './chevron.component.html',\n}"
             }
           }
         ],
@@ -4388,7 +4389,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/chevron/chevron.component.ts",
-                "line": 19,
+                "line": 13,
                 "character": 9
               }
             ],
@@ -4419,7 +4420,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/chevron/chevron.component.ts",
-                "line": 16,
+                "line": 10,
                 "character": 9
               }
             ],
@@ -4456,7 +4457,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/chevron/chevron.component.ts",
-                "line": 22,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -4477,7 +4478,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/chevron/chevron.component.ts",
-                "line": 24,
+                "line": 18,
                 "character": 9
               }
             ],
@@ -4537,7 +4538,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/chevron/chevron.component.ts",
-            "line": 13,
+            "line": 8,
             "character": 13
           }
         ]
@@ -4556,7 +4557,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-help-inline',\n  templateUrl: './help-inline.component.html',\n  styleUrls: ['./help-inline.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-help-inline',\n  templateUrl: './help-inline.component.html',\n  styleUrls: ['./help-inline.component.scss'],\n}"
             }
           }
         ],
@@ -4606,7 +4607,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/help-inline/help-inline.component.ts",
-                "line": 18,
+                "line": 13,
                 "character": 9
               }
             ],
@@ -4633,7 +4634,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/help-inline/help-inline.component.ts",
-                "line": 20,
+                "line": 15,
                 "character": 9
               }
             ],
@@ -4678,7 +4679,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/help-inline/help-inline.component.ts",
-            "line": 12,
+            "line": 8,
             "character": 13
           }
         ]
@@ -4697,7 +4698,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -4747,7 +4748,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-                "line": 51,
+                "line": 42,
                 "character": 9
               }
             ],
@@ -4786,7 +4787,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-                "line": 30,
+                "line": 21,
                 "character": 9
               }
             ],
@@ -4819,7 +4820,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-                "line": 38,
+                "line": 29,
                 "character": 9
               }
             ],
@@ -4854,7 +4855,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-                "line": 45,
+                "line": 36,
                 "character": 9
               }
             ],
@@ -4887,7 +4888,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-                "line": 58,
+                "line": 49,
                 "character": 9
               }
             ],
@@ -4921,7 +4922,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/icon/icon.component.ts",
-            "line": 21,
+            "line": 13,
             "character": 13
           }
         ]
@@ -4940,7 +4941,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-icon-stack',\n  templateUrl: './icon-stack.component.html',\n  styleUrls: ['./icon-stack.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-icon-stack',\n  templateUrl: './icon-stack.component.html',\n  styleUrls: ['./icon-stack.component.scss'],\n}"
             }
           }
         ],
@@ -4990,7 +4991,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon-stack.component.ts",
-                "line": 28,
+                "line": 22,
                 "character": 9
               }
             ],
@@ -5024,7 +5025,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon-stack.component.ts",
-                "line": 22,
+                "line": 16,
                 "character": 9
               }
             ],
@@ -5057,7 +5058,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon-stack.component.ts",
-                "line": 34,
+                "line": 28,
                 "character": 9
               }
             ],
@@ -5089,7 +5090,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/icon/icon-stack.component.ts",
-            "line": 15,
+            "line": 10,
             "character": 13
           }
         ]
@@ -5117,7 +5118,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-key-info-label',\n  template: '<ng-content></ng-content>'\n}"
+              "obj": "{\n  selector: 'sky-key-info-label',\n  template: '<ng-content></ng-content>',\n}"
             }
           }
         ],
@@ -5156,7 +5157,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/key-info/key-info-label.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -5184,7 +5185,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-key-info-value',\n  template: '<ng-content></ng-content>'\n}"
+              "obj": "{\n  selector: 'sky-key-info-value',\n  template: '<ng-content></ng-content>',\n}"
             }
           }
         ],
@@ -5223,7 +5224,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/key-info/key-info-value.component.ts",
-            "line": 13,
+            "line": 11,
             "character": 13
           }
         ]
@@ -5242,7 +5243,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-key-info',\n  templateUrl: './key-info.component.html',\n  styleUrls: ['./key-info.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-key-info',\n  templateUrl: './key-info.component.html',\n  styleUrls: ['./key-info.component.scss'],\n}"
             }
           }
         ],
@@ -5298,7 +5299,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/key-info/key-info.component.ts",
-                "line": 19,
+                "line": 15,
                 "character": 9
               }
             ],
@@ -5328,7 +5329,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/key-info/key-info.component.ts",
-            "line": 11,
+            "line": 8,
             "character": 13
           }
         ]
@@ -5347,7 +5348,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-label',\n  templateUrl: './label.component.html',\n  styleUrls: ['./label.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-label',\n  templateUrl: './label.component.html',\n  styleUrls: ['./label.component.scss'],\n}"
             }
           }
         ],
@@ -5384,7 +5385,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/label/label.component.ts",
-                "line": 39,
+                "line": 29,
                 "character": 9
               }
             ],
@@ -5405,7 +5406,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/label/label.component.ts",
-                "line": 41,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -5425,7 +5426,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/label/label.component.ts",
-                "line": 43,
+                "line": 33,
                 "character": 9
               }
             ],
@@ -5456,7 +5457,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/label/label.component.ts",
-                "line": 30,
+                "line": 20,
                 "character": 13
               }
             ],
@@ -5543,7 +5544,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/label/label.component.ts",
-            "line": 23,
+            "line": 14,
             "character": 13
           }
         ]
@@ -5573,7 +5574,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon-stack-item.ts",
-                "line": 13,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -5596,7 +5597,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/icon/icon-stack-item.ts",
-                "line": 20,
+                "line": 17,
                 "character": 2
               }
             ],
@@ -5620,7 +5621,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/icon/icon-stack-item.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -5644,7 +5645,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/token.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -5692,7 +5693,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/token-selected-event-args.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -5715,7 +5716,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/tokens/types/token-selected-event-args.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -5741,7 +5742,7 @@
             "sources": [
               {
                 "fileName": "projects/indicators/src/modules/tokens/types/tokens-message.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -5764,7 +5765,7 @@
         "sources": [
           {
             "fileName": "projects/indicators/src/modules/tokens/types/tokens-message.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -5862,7 +5863,7 @@
     "groups": [
       {
         "title": "Enumerations",
-        "kind": 4,
+        "kind": 8,
         "children": [
           323
         ]
@@ -5930,152 +5931,152 @@
     {
       "fileName": "alert-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/alert/basic/alert-demo.component.html",
-      "rawContents": "<sky-alert\n  alertType=\"danger\"\n  [closeable]=\"false\"\n  [closed]=\"false\"\n>\n  Danger alert message\n</sky-alert>"
+      "rawContents": "<sky-alert alertType=\"danger\" [closeable]=\"false\" [closed]=\"false\">\n  Danger alert message\n</sky-alert>\n"
     },
     {
       "fileName": "alert-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/alert/basic/alert-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-alert-demo',\n  templateUrl: './alert-demo.component.html'\n})\nexport class AlertDemoComponent { }\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-alert-demo',\n  templateUrl: './alert-demo.component.html',\n})\nexport class AlertDemoComponent {}\n"
     },
     {
       "fileName": "alert-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/alert/basic/alert-demo.module.ts",
-      "rawContents": "\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyAlertModule\n} from '@skyux/indicators';\n\nimport {\n  AlertDemoComponent\n} from './alert-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyAlertModule\n  ],\n  declarations: [\n    AlertDemoComponent\n  ],\n  exports: [\n    AlertDemoComponent\n  ]\n})\nexport class AlertDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyAlertModule } from '@skyux/indicators';\n\nimport { AlertDemoComponent } from './alert-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyAlertModule],\n  declarations: [AlertDemoComponent],\n  exports: [AlertDemoComponent],\n})\nexport class AlertDemoModule {}\n"
     },
     {
       "fileName": "help-inline-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/help-inline/basic/help-inline-demo.component.html",
-      "rawContents": "<h2>\n  My heading\n  <sky-help-inline\n    (actionClick)=\"onActionClick()\"\n  ></sky-help-inline>\n</h2>\n"
+      "rawContents": "<h2>\n  My heading\n  <sky-help-inline (actionClick)=\"onActionClick()\"></sky-help-inline>\n</h2>\n"
     },
     {
       "fileName": "help-inline-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/help-inline/basic/help-inline-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-help-inline-demo',\n  templateUrl: './help-inline-demo.component.html'\n})\nexport class HelpInlineDemoComponent {\n\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-help-inline-demo',\n  templateUrl: './help-inline-demo.component.html',\n})\nexport class HelpInlineDemoComponent {\n  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
     },
     {
       "fileName": "help-inline-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/help-inline/basic/help-inline-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyHelpInlineModule\n} from '@skyux/indicators';\n\nimport {\n  HelpInlineDemoComponent\n} from './help-inline-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyHelpInlineModule\n  ],\n  exports: [\n    HelpInlineDemoComponent\n  ],\n  declarations: [\n    HelpInlineDemoComponent\n  ]\n})\nexport class HelpInlineDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyHelpInlineModule } from '@skyux/indicators';\n\nimport { HelpInlineDemoComponent } from './help-inline-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyHelpInlineModule],\n  exports: [HelpInlineDemoComponent],\n  declarations: [HelpInlineDemoComponent],\n})\nexport class HelpInlineDemoModule {}\n"
     },
     {
       "fileName": "icon-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/icon/icon-demo.component.html",
-      "rawContents": "<sky-icon\n  icon=\"bars\"\n  size=\"lg\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"chevron-down\"\n  size=\"sm\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"chevron-up\"\n  size=\"5x\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"cog\"\n  size=\"2x\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"comment\"\n  size=\"xs\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"database\"\n  size=\"3x\"\n>\n</sky-icon>\n<sky-icon\n  fixedWidth=\"true\"\n  icon=\"spinner\"\n  size=\"3x\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"trash\"\n  size=\"sm\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"users\"\n  size=\"4x\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"user\"\n  size=\"5x\"\n>\n</sky-icon>\n<sky-icon\n  icon=\"sort\"\n  iconType=\"skyux\"\n  size=\"5x\"\n>\n</sky-icon>\n"
+      "rawContents": "<sky-icon icon=\"bars\" size=\"lg\"> </sky-icon>\n<sky-icon icon=\"chevron-down\" size=\"sm\"> </sky-icon>\n<sky-icon icon=\"chevron-up\" size=\"5x\"> </sky-icon>\n<sky-icon icon=\"cog\" size=\"2x\"> </sky-icon>\n<sky-icon icon=\"comment\" size=\"xs\"> </sky-icon>\n<sky-icon icon=\"database\" size=\"3x\"> </sky-icon>\n<sky-icon fixedWidth=\"true\" icon=\"spinner\" size=\"3x\"> </sky-icon>\n<sky-icon icon=\"trash\" size=\"sm\"> </sky-icon>\n<sky-icon icon=\"users\" size=\"4x\"> </sky-icon>\n<sky-icon icon=\"user\" size=\"5x\"> </sky-icon>\n<sky-icon icon=\"sort\" iconType=\"skyux\" size=\"5x\"> </sky-icon>\n"
     },
     {
       "fileName": "icon-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/icon/icon-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-icon-demo',\n  templateUrl: './icon-demo.component.html'\n})\nexport class IconDemoComponent { }\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-icon-demo',\n  templateUrl: './icon-demo.component.html',\n})\nexport class IconDemoComponent {}\n"
     },
     {
       "fileName": "icon-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/icon/icon-demo.module.ts",
-      "rawContents": "\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  IconDemoComponent\n} from './icon-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyIconModule\n  ],\n  declarations: [\n    IconDemoComponent\n  ],\n  exports: [\n    IconDemoComponent\n  ]\n})\nexport class IconDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { IconDemoComponent } from './icon-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyIconModule],\n  declarations: [IconDemoComponent],\n  exports: [IconDemoComponent],\n})\nexport class IconDemoModule {}\n"
     },
     {
       "fileName": "key-info-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.html",
-      "rawContents": "<sky-key-info\n  [layout]=\"layout\"\n>\n  <sky-key-info-value>\n    575\n  </sky-key-info-value>\n  <sky-key-info-label>\n    New members\n  </sky-key-info-label>\n</sky-key-info>\n"
+      "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-key-info>\n"
     },
     {
       "fileName": "key-info-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-key-info-demo',\n  templateUrl: './key-info-demo.component.html'\n})\nexport class KeyInfoDemoComponent {\n\n  public layout: string = 'vertical';\n\n}\n"
+      "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: string = 'vertical';\n}\n"
     },
     {
       "fileName": "key-info-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.module.ts",
-      "rawContents": "import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyKeyInfoModule\n} from '@skyux/indicators';\n\nimport {\n  KeyInfoDemoComponent\n} from './key-info-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyKeyInfoModule\n  ],\n  declarations: [\n    KeyInfoDemoComponent\n  ],\n  exports: [\n    KeyInfoDemoComponent\n  ]\n})\nexport class KeyInfoDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyKeyInfoModule } from '@skyux/indicators';\n\nimport { KeyInfoDemoComponent } from './key-info-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyKeyInfoModule],\n  declarations: [KeyInfoDemoComponent],\n  exports: [KeyInfoDemoComponent],\n})\nexport class KeyInfoDemoModule {}\n"
     },
     {
       "fileName": "label-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.html",
-      "rawContents": "<sky-label\n  class=\"sky-margin-inline-default\"\n  labelType=\"info\"\n>\n  Info label\n</sky-label>\n\n<sky-label\n  class=\"sky-margin-inline-default\"\n  labelType=\"success\"\n>\n  Success label\n</sky-label>\n\n<sky-label\n  class=\"sky-margin-inline-default\"\n  labelType=\"warning\"\n>\n  Warning label\n</sky-label>\n\n<sky-label\n  class=\"sky-margin-inline-default\"\n  labelType=\"danger\"\n>\n  Danger label\n</sky-label>\n"
+      "rawContents": "<sky-label class=\"sky-margin-inline-default\" labelType=\"info\">\n  Info label\n</sky-label>\n\n<sky-label class=\"sky-margin-inline-default\" labelType=\"success\">\n  Success label\n</sky-label>\n\n<sky-label class=\"sky-margin-inline-default\" labelType=\"warning\">\n  Warning label\n</sky-label>\n\n<sky-label class=\"sky-margin-inline-default\" labelType=\"danger\">\n  Danger label\n</sky-label>\n"
     },
     {
       "fileName": "label-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-label-demo',\n  templateUrl: './label-demo.component.html'\n})\nexport class LabelDemoComponent { }\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-label-demo',\n  templateUrl: './label-demo.component.html',\n})\nexport class LabelDemoComponent {}\n"
     },
     {
       "fileName": "label-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyLabelModule\n} from '@skyux/indicators';\n\nimport {\n  LabelDemoComponent\n} from './label-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyLabelModule\n  ],\n  exports: [\n    LabelDemoComponent\n  ],\n  declarations: [\n    LabelDemoComponent\n  ]\n})\nexport class LabelDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyLabelModule } from '@skyux/indicators';\n\nimport { LabelDemoComponent } from './label-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyLabelModule],\n  exports: [LabelDemoComponent],\n  declarations: [LabelDemoComponent],\n})\nexport class LabelDemoModule {}\n"
     },
     {
       "fileName": "status-indicator-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/status-indicator/basic/status-indicator-demo.component.html",
-      "rawContents": "<sky-status-indicator\n  descriptionType=\"none\"\n  indicatorType=\"danger\"\n>\n  Danger status indicator\n</sky-status-indicator>\n<sky-status-indicator\n  descriptionType=\"important-info\"\n  indicatorType=\"info\"\n>\n  Info status indicator\n</sky-status-indicator>\n<sky-status-indicator\n  descriptionType=\"none\"\n  indicatorType=\"success\"\n>\n  Success status indicator\n</sky-status-indicator>\n<sky-status-indicator\n  descriptionType=\"none\"\n  indicatorType=\"warning\"\n>\n  Warning status indicator\n</sky-status-indicator>\n"
+      "rawContents": "<sky-status-indicator descriptionType=\"none\" indicatorType=\"danger\">\n  Danger status indicator\n</sky-status-indicator>\n<sky-status-indicator descriptionType=\"important-info\" indicatorType=\"info\">\n  Info status indicator\n</sky-status-indicator>\n<sky-status-indicator descriptionType=\"none\" indicatorType=\"success\">\n  Success status indicator\n</sky-status-indicator>\n<sky-status-indicator descriptionType=\"none\" indicatorType=\"warning\">\n  Warning status indicator\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 {\n  Component\n} 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"
     },
     {
       "fileName": "status-indicator-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/status-indicator/basic/status-indicator-demo.module.ts",
-      "rawContents": "\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyStatusIndicatorModule\n} from '@skyux/indicators';\n\nimport {\n  StatusIndicatorDemoComponent\n} from './status-indicator-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyStatusIndicatorModule\n  ],\n  declarations: [\n    StatusIndicatorDemoComponent\n  ],\n  exports: [\n    StatusIndicatorDemoComponent\n  ]\n})\nexport class StatusIndicatorDemoModule { }\n"
+      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\n\nimport { StatusIndicatorDemoComponent } from './status-indicator-demo.component';\n\n@NgModule({\n  imports: [CommonModule, 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",
-      "rawContents": "<div\n  class=\"sky-form-group\"\n  style=\"width:200px;\"\n>\n  <label\n    [for]=\"searchTermInput.id\"\n    class=\"sky-control-label\"\n  >\n    Text to highlight\n  </label>\n  <br>\n  <input\n    class=\"sky-form-control\"\n    id=\"sky-demo-search-term\"\n    skyId\n    type=\"text\"\n    [(ngModel)]=\"searchTerm\"\n    #searchTermInput=\"skyId\"\n  >\n</div>\n\n<div\n  class=\"sky-margin-stacked-default\"\n>\n  <sky-checkbox\n    [(ngModel)]=\"showAdditionalContent\"\n  >\n    <sky-checkbox-label>\n      Display additional content\n    </sky-checkbox-label>\n  </sky-checkbox>\n</div>\n\n<div\n  [skyHighlight]=\"searchTerm\"\n>\n  The text that you enter is highlighted here.\n  <div *ngIf=\"showAdditionalContent\">\n    This additional content is highlighted too!\n  </div>\n</div>\n"
+      "rawContents": "<div class=\"sky-form-group\" style=\"width: 200px\">\n  <label [for]=\"searchTermInput.id\" class=\"sky-control-label\">\n    Text to highlight\n  </label>\n  <br />\n  <input\n    class=\"sky-form-control\"\n    id=\"sky-demo-search-term\"\n    skyId\n    type=\"text\"\n    [(ngModel)]=\"searchTerm\"\n    #searchTermInput=\"skyId\"\n  />\n</div>\n\n<div class=\"sky-margin-stacked-default\">\n  <sky-checkbox [(ngModel)]=\"showAdditionalContent\">\n    <sky-checkbox-label> Display additional content </sky-checkbox-label>\n  </sky-checkbox>\n</div>\n\n<div [skyHighlight]=\"searchTerm\">\n  The text that you enter is highlighted here.\n  <div *ngIf=\"showAdditionalContent\">\n    This additional content is highlighted too!\n  </div>\n</div>\n"
     },
     {
       "fileName": "text-highlight-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/text-highlight/basic/text-highlight-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-text-highlight-demo',\n  templateUrl: './text-highlight-demo.component.html'\n})\nexport class TextHighlightDemoComponent {\n\n  public searchTerm: string;\n\n  public showAdditionalContent: boolean = false;\n\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: string;\n\n  public showAdditionalContent: boolean = false;\n}\n"
     },
     {
       "fileName": "text-highlight-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/text-highlight/basic/text-highlight-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyTextHighlightModule\n} from '@skyux/indicators';\n\nimport {\n  TextHighlightDemoComponent\n} from './text-highlight-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule,\n    SkyIdModule,\n    SkyTextHighlightModule\n  ],\n  exports: [\n    TextHighlightDemoComponent\n  ],\n  declarations: [\n    TextHighlightDemoComponent\n  ]\n})\nexport class TextHighlightDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\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.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.html",
-      "rawContents": "<sky-tokens\n  [(tokens)]=\"colors\"\n>\n</sky-tokens>\n"
+      "rawContents": "<sky-tokens [(tokens)]=\"colors\"> </sky-tokens>\n"
     },
     {
       "fileName": "tokens-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyToken\n} from '@skyux/indicators';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html'\n})\nexport class TokensDemoComponent  {\n\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';\n\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"
     },
     {
       "fileName": "tokens-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/basic/tokens-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyTokensModule\n} from '@skyux/indicators';\n\nimport {\n  TokensDemoComponent\n} from './tokens-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyTokensModule\n  ],\n  exports: [\n    TokensDemoComponent\n  ],\n  declarations: [\n    TokensDemoComponent\n  ]\n})\nexport class TokensDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\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.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 select a token, it emits an event.\n</p>\n\n<p>\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</p>\n\n<p>\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\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-default\"\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-default\"\n    type=\"button\"\n    (click)=\"destroyTokens()\"\n  >\n    Destroy tokens\n  </button>\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    (click)=\"focusLastToken()\"\n  >\n    Focus last token\n  </button>\n</p>\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<p>\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</p>\n\n<p>\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\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-default\"\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-default\"\n    type=\"button\"\n    (click)=\"destroyTokens()\"\n  >\n    Destroy tokens\n  </button>\n  <button\n    class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n    (click)=\"focusLastToken()\"\n  >\n    Focus last token\n  </button>\n</p>\n"
     },
     {
       "fileName": "tokens-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  OnDestroy\n} from '@angular/core';\n\nimport {\n  SkyToken,\n  SkyTokenSelectedEventArgs,\n  SkyTokensMessage,\n  SkyTokensMessageType\n} from '@skyux/indicators';\n\nimport {\n  Subject\n} from 'rxjs';\n\n@Component({\n  selector: 'app-tokens-demo',\n  templateUrl: './tokens-demo.component.html'\n})\nexport class TokensDemoComponent implements OnDestroy {\n\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';\n\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"
     },
     {
       "fileName": "tokens-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/tokens/custom/tokens-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyTokensModule\n} from '@skyux/indicators';\n\nimport {\n  TokensDemoComponent\n} from './tokens-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyTokensModule\n  ],\n  exports: [\n    TokensDemoComponent\n  ],\n  declarations: [\n    TokensDemoComponent\n  ]\n})\nexport class TokensDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\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": "wait-demo.component.html",
       "filePath": "/projects/indicators/documentation/code-examples/wait/element/wait-demo.component.html",
-      "rawContents": "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-default\"\n  (click)=\"isWaiting = !isWaiting\"\n>\n  Toggle wait\n</button>\n\n<div\n  style=\"height: 200px; width: 200px; margin: 10px;\"\n>\n  The <code>sky-wait</code> directive can apply to a large area.\n  <sky-wait\n    [isWaiting]=\"isWaiting\"\n  >\n  </sky-wait>\n</div>\n"
+      "rawContents": "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-default\"\n  (click)=\"isWaiting = !isWaiting\"\n>\n  Toggle wait\n</button>\n\n<div style=\"height: 200px; width: 200px; margin: 10px\">\n  The <code>sky-wait</code> directive can apply to a large area.\n  <sky-wait [isWaiting]=\"isWaiting\"> </sky-wait>\n</div>\n"
     },
     {
       "fileName": "wait-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/wait/element/wait-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'app-wait-demo',\n  templateUrl: './wait-demo.component.html'\n})\nexport class WaitDemoComponent {\n\n  public isWaiting: boolean = false;\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-wait-demo',\n  templateUrl: './wait-demo.component.html',\n})\nexport class WaitDemoComponent {\n  public isWaiting: boolean = false;\n}\n"
     },
     {
       "fileName": "wait-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/wait/element/wait-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyWaitModule\n} from '@skyux/indicators';\n\nimport {\n  WaitDemoComponent\n} from './wait-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyWaitModule\n  ],\n  exports: [\n    WaitDemoComponent\n  ],\n  declarations: [\n    WaitDemoComponent\n  ]\n})\nexport class WaitDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyWaitModule } from '@skyux/indicators';\n\nimport { WaitDemoComponent } from './wait-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyWaitModule],\n  exports: [WaitDemoComponent],\n  declarations: [WaitDemoComponent],\n})\nexport class WaitDemoModule {}\n"
     },
     {
       "fileName": "wait-demo.component.html",
@@ -6085,12 +6086,12 @@
     {
       "fileName": "wait-demo.component.ts",
       "filePath": "/projects/indicators/documentation/code-examples/wait/page/wait-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyWaitService\n} from '@skyux/indicators';\n\n@Component({\n  selector: 'app-wait-demo',\n  templateUrl: './wait-demo.component.html'\n})\nexport class WaitDemoComponent {\n\n  public isWaiting = false;\n\n  constructor(\n    private waitSvc: SkyWaitService\n  ) { }\n\n  public showPageWait(isBlocking: boolean): void {\n    if (isBlocking) {\n      this.waitSvc.beginBlockingPageWait();\n      setTimeout(() => {\n        this.waitSvc.endBlockingPageWait();\n      }, 2000);\n    } else {\n      this.waitSvc.beginNonBlockingPageWait();\n      setTimeout(() => {\n        this.waitSvc.endNonBlockingPageWait();\n      }, 2000);\n    }\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyWaitService } from '@skyux/indicators';\n\n@Component({\n  selector: 'app-wait-demo',\n  templateUrl: './wait-demo.component.html',\n})\nexport class WaitDemoComponent {\n  public isWaiting = false;\n\n  constructor(private waitSvc: SkyWaitService) {}\n\n  public showPageWait(isBlocking: boolean): void {\n    if (isBlocking) {\n      this.waitSvc.beginBlockingPageWait();\n      setTimeout(() => {\n        this.waitSvc.endBlockingPageWait();\n      }, 2000);\n    } else {\n      this.waitSvc.beginNonBlockingPageWait();\n      setTimeout(() => {\n        this.waitSvc.endNonBlockingPageWait();\n      }, 2000);\n    }\n  }\n}\n"
     },
     {
       "fileName": "wait-demo.module.ts",
       "filePath": "/projects/indicators/documentation/code-examples/wait/page/wait-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyWaitModule\n} from '@skyux/indicators';\n\nimport {\n  WaitDemoComponent\n} from './wait-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyWaitModule\n  ],\n  exports: [\n    WaitDemoComponent\n  ],\n  declarations: [\n    WaitDemoComponent\n  ]\n})\nexport class WaitDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyWaitModule } from '@skyux/indicators';\n\nimport { WaitDemoComponent } from './wait-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyWaitModule],\n  exports: [WaitDemoComponent],\n  declarations: [WaitDemoComponent],\n})\nexport class WaitDemoModule {}\n"
     }
   ]
 }