npm - @skyux/progress-indicator - Versions diffs - 5.0.0 → 5.5.0-alpha.0 - Mend

@skyux/progress-indicator 5.0.0 → 5.5.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/documentation.json CHANGED Viewed

@@ -18,7 +18,7 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/progress-indicator",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
@@ -26,7 +26,7 @@
       {
         "id": 177,
         "name": "SkyProgressIndicatorItemStatus",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
@@ -42,7 +42,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
-                "line": 6,
+                "line": 5,
                 "character": 2
               }
             ],
@@ -60,7 +60,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -78,7 +78,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
-                "line": 16,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -96,7 +96,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-item-status.ts",
-                "line": 21,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -126,7 +126,7 @@
       {
         "id": 189,
         "name": "SkyProgressIndicatorMessageType",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
@@ -142,7 +142,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
-                "line": 25,
+                "line": 24,
                 "character": 2
               }
             ],
@@ -160,7 +160,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
-                "line": 30,
+                "line": 29,
                 "character": 2
               }
             ],
@@ -178,7 +178,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
-                "line": 7,
+                "line": 6,
                 "character": 2
               }
             ],
@@ -196,7 +196,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
-                "line": 13,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -214,7 +214,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message-type.ts",
-                "line": 19,
+                "line": 18,
                 "character": 2
               }
             ],
@@ -258,11 +258,10 @@
             "kind": 512,
             "kindString": "Constructor",
             "flags": {},
-            "comment": {},
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.ts",
-                "line": 11,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -286,6 +285,8 @@
                     },
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "Function",
+                      "package": "typescript",
                       "name": "Function"
                     }
                   }
@@ -309,6 +310,8 @@
             },
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             }
           }
@@ -348,10 +351,12 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyProgressIndicatorComponent,\n    SkyProgressIndicatorItemComponent,\n    SkyProgressIndicatorNavButtonComponent,\n    SkyProgressIndicatorResetButtonComponent,\n    SkyProgressIndicatorStatusMarkerComponent,\n    SkyProgressIndicatorTitleComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyProgressIndicatorResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyProgressIndicatorComponent,\n    SkyProgressIndicatorItemComponent,\n    SkyProgressIndicatorNavButtonComponent,\n    SkyProgressIndicatorResetButtonComponent,\n    SkyProgressIndicatorTitleComponent\n  ]\n}"
+              "obj": "{\n  declarations: [\n    SkyProgressIndicatorComponent,\n    SkyProgressIndicatorItemComponent,\n    SkyProgressIndicatorNavButtonComponent,\n    SkyProgressIndicatorResetButtonComponent,\n    SkyProgressIndicatorStatusMarkerComponent,\n    SkyProgressIndicatorTitleComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyProgressIndicatorResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyProgressIndicatorComponent,\n    SkyProgressIndicatorItemComponent,\n    SkyProgressIndicatorNavButtonComponent,\n    SkyProgressIndicatorResetButtonComponent,\n    SkyProgressIndicatorTitleComponent,\n  ],\n}"
             }
           }
         ],
@@ -390,7 +395,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.module.ts",
-            "line": 73,
+            "line": 49,
             "character": 13
           }
         ]
@@ -409,10 +414,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-progress-indicator-item',\n  templateUrl: './progress-indicator-item.component.html',\n  styleUrls: ['./progress-indicator-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-progress-indicator-item',\n  templateUrl: './progress-indicator-item.component.html',\n  styleUrls: ['./progress-indicator-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -426,7 +433,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 86,
+                "line": 83,
                 "character": 2
               }
             ],
@@ -446,6 +453,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -469,7 +478,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 78,
+                "line": 75,
                 "character": 9
               }
             ],
@@ -490,7 +499,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 79,
+                "line": 76,
                 "character": 9
               }
             ],
@@ -511,7 +520,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 80,
+                "line": 77,
                 "character": 9
               }
             ],
@@ -543,6 +552,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -551,7 +562,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 29,
+                "line": 26,
                 "character": 9
               }
             ],
@@ -571,7 +582,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 31,
+                "line": 28,
                 "character": 13
               }
             ],
@@ -600,7 +611,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 35,
+                "line": 32,
                 "character": 13
               }
             ],
@@ -657,7 +668,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 53,
+                "line": 50,
                 "character": 13
               }
             ],
@@ -686,7 +697,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 94,
+                "line": 89,
                 "character": 9
               }
             ],
@@ -715,7 +726,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-                "line": 90,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -786,7 +797,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts",
-            "line": 22,
+            "line": 20,
             "character": 13
           }
         ]
@@ -802,10 +813,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-progress-indicator',\n  templateUrl: './progress-indicator.component.html',\n  styleUrls: ['./progress-indicator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-progress-indicator',\n  templateUrl: './progress-indicator.component.html',\n  styleUrls: ['./progress-indicator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -819,7 +832,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 212,
+                "line": 196,
                 "character": 2
               }
             ],
@@ -839,6 +852,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -878,6 +893,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -886,7 +903,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 136,
+                "line": 118,
                 "character": 9
               }
             ],
@@ -899,6 +916,8 @@
                   "name": "SkyProgressIndicatorChange"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -914,7 +933,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 138,
+                "line": 120,
                 "character": 13
               }
             ],
@@ -945,6 +964,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -953,7 +974,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 73,
+                "line": 53,
                 "character": 13
               }
             ],
@@ -965,7 +986,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies whether to display the progress indicator vertically or horizontally.\nFor [passive progress indicators](https://developer.blackbaud.com/skyux-progress-indicator/docs/passive-indicator)\nand [waterfall progress indicators](https://developer.blackbaud.com/skyux/components/progress-indicator/waterfall-progress-indicator),\nuse the vertical display mode. For [modal wizards](https://developer.blackbaud.com/skyux/components/wizard),\nuse the horizontal display mode."
+                  "shortText": "Specifies whether to display the progress indicator vertically or horizontally.\nFor [passive progress indicators](https://developer.blackbaud.com/skyux-progress-indicator/docs/passive-indicator)\nand [waterfall progress indicators](https://developer.blackbaud.com/skyux/components/progress-indicator/waterfall-progress-indicator),\nuse the vertical display mode. For [modal wizards](https://developer.blackbaud.com/skyux/components/wizard),\nuse the horizontal display mode.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"vertical\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -986,7 +1013,7 @@
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "'vertical'\n"
+                      "text": "\"vertical\"\n"
                     }
                   ]
                 },
@@ -1022,7 +1049,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 164,
+                "line": 146,
                 "character": 13
               }
             ],
@@ -1079,6 +1106,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1087,7 +1116,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 91,
+                "line": 71,
                 "character": 13
               }
             ],
@@ -1099,7 +1128,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether the progress indicator is passive. Passive progress indicators inform users of\nprogress that concerns them but that they are not responsible for, and they must use the vertical display mode."
+                  "shortText": "Indicates whether the progress indicator is passive. Passive progress indicators inform users of\nprogress that concerns them but that they are not responsible for, and they must use the vertical display mode.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1154,7 +1189,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 172,
+                "line": 154,
                 "character": 13
               }
             ],
@@ -1184,14 +1219,13 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Specifies an observable of `SkyProgressIndicatorMessage` that determines the status to\ndisplay for items in the progress indicator. The message stream is a queue of\ncommanding messages to change the state of the progress indicator based on the message type."
-            },
             "decorators": [
               {
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1200,7 +1234,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 110,
+                "line": 90,
                 "character": 13
               }
             ],
@@ -1240,6 +1274,8 @@
                           ]
                         }
                       ],
+                      "qualifiedName": "Subject",
+                      "package": "rxjs",
                       "name": "Subject"
                     }
                   }
@@ -1264,6 +1300,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1272,7 +1310,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 124,
+                "line": 106,
                 "character": 13
               }
             ],
@@ -1333,7 +1371,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 223,
+                "line": 207,
                 "character": 9
               }
             ],
@@ -1370,7 +1408,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 247,
+                "line": 228,
                 "character": 9
               }
             ],
@@ -1407,7 +1445,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 217,
+                "line": 201,
                 "character": 9
               }
             ],
@@ -1444,7 +1482,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 252,
+                "line": 233,
                 "character": 9
               }
             ],
@@ -1519,21 +1557,27 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-            "line": 62,
+            "line": 41,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterContentInit",
+            "package": "@angular/core",
             "name": "AfterContentInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -1552,10 +1596,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-progress-indicator-nav-button',\n  templateUrl: './progress-indicator-nav-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-progress-indicator-nav-button',\n  templateUrl: './progress-indicator-nav-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -1569,7 +1615,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 221,
+                "line": 195,
                 "character": 2
               }
             ],
@@ -1589,6 +1635,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -1603,6 +1651,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -1639,6 +1689,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1647,7 +1699,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 172,
+                "line": 148,
                 "character": 9
               }
             ],
@@ -1660,6 +1712,8 @@
                   "name": "SkyProgressIndicatorActionClickArgs"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1677,7 +1731,7 @@
               "tags": [
                 {
                   "tag": "default",
-                  "text": "'Next'\n"
+                  "text": "\"Next\"\n"
                 }
               ]
             },
@@ -1686,6 +1740,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1694,7 +1750,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 62,
+                "line": 46,
                 "character": 9
               }
             ],
@@ -1714,7 +1770,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 199,
+                "line": 173,
                 "character": 13
               }
             ],
@@ -1745,6 +1801,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1753,7 +1811,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 70,
+                "line": 54,
                 "character": 13
               }
             ],
@@ -1765,7 +1823,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the type of nav button to include.\nThe valid options are `finish`, `next`, `previous`, and `reset`."
+                  "shortText": "Specifies the type of nav button to include.\nThe valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"next\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -1782,11 +1846,11 @@
                 "kindString": "Set signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the type of nav button to include.\nThe valid options are `finish`, `next`, `previous`, and `reset`.",
+                  "shortText": "Specifies the type of nav button to include.\nThe valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`.",
                   "tags": [
                     {
                       "tag": "default",
-                      "text": "next\n"
+                      "text": "\"next\"\n"
                     }
                   ]
                 },
@@ -1822,7 +1886,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 174,
+                "line": 150,
                 "character": 13
               }
             ],
@@ -1853,6 +1917,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1861,7 +1927,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 87,
+                "line": 71,
                 "character": 13
               }
             ],
@@ -1873,7 +1939,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the nav button."
+                  "shortText": "Indicates whether to disable the nav button.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1928,7 +2000,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 203,
+                "line": 177,
                 "character": 13
               }
             ],
@@ -1985,6 +2057,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1993,7 +2067,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 119,
+                "line": 98,
                 "character": 13
               }
             ],
@@ -2005,7 +2079,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the progress indicator component to associate with the nav button."
+                  "shortText": "Specifies the progress indicator component to associate with the nav button.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -2062,7 +2142,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 226,
+                "line": 200,
                 "character": 9
               }
             ],
@@ -2099,7 +2179,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 234,
+                "line": 208,
                 "character": 9
               }
             ],
@@ -2136,7 +2216,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 240,
+                "line": 214,
                 "character": 9
               }
             ],
@@ -2156,6 +2236,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "MouseEvent",
+                      "package": "typescript",
                       "name": "MouseEvent"
                     }
                   }
@@ -2209,17 +2291,21 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-            "line": 55,
+            "line": 38,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -2238,10 +2324,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-progress-indicator-reset-button',\n  templateUrl: './progress-indicator-reset-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-progress-indicator-reset-button',\n  templateUrl: './progress-indicator-reset-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2255,7 +2343,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 61,
+                "line": 56,
                 "character": 2
               }
             ],
@@ -2275,6 +2363,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -2309,6 +2399,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2317,7 +2409,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 50,
+                "line": 45,
                 "character": 9
               }
             ],
@@ -2343,6 +2435,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -2351,7 +2445,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 57,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -2363,6 +2457,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -2380,6 +2476,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2388,7 +2486,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 36,
+                "line": 31,
                 "character": 13
               }
             ],
@@ -2400,7 +2498,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the reset button."
+                  "shortText": "Indicates whether to disable the reset button.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -2455,7 +2559,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 71,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -2492,7 +2596,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 75,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -2546,13 +2650,15 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-            "line": 29,
+            "line": 25,
             "character": 13
           }
         ],
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -2571,10 +2677,12 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-progress-indicator-title',\n  templateUrl: './progress-indicator-title.component.html',\n  styleUrls: ['./progress-indicator-title.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-progress-indicator-title',\n  templateUrl: './progress-indicator-title.component.html',\n  styleUrls: ['./progress-indicator-title.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -2613,7 +2721,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component.ts",
-            "line": 15,
+            "line": 12,
             "character": 13
           }
         ]
@@ -2640,12 +2748,14 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-args.ts",
-                "line": 18,
+                "line": 15,
                 "character": 2
               }
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "MouseEvent",
+              "package": "typescript",
               "name": "MouseEvent"
             }
           },
@@ -2661,7 +2771,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-args.ts",
-                "line": 13,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -2685,7 +2795,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-action-click-args.ts",
-            "line": 8,
+            "line": 6,
             "character": 17
           }
         ]
@@ -2711,7 +2821,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -2734,7 +2844,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
-                "line": 15,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -2757,7 +2867,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
-                "line": 20,
+                "line": 17,
                 "character": 2
               }
             ],
@@ -2785,7 +2895,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-change.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -2811,7 +2921,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
-                "line": 16,
+                "line": 13,
                 "character": 2
               }
             ],
@@ -2834,8 +2944,8 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
-                        "line": 17,
+                        "fileName": "lib/modules/progress-indicator/types/progress-indicator-message.ts",
+                        "line": 14,
                         "character": 4
                       }
                     ],
@@ -2892,7 +3002,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
-                "line": 10,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -2916,7 +3026,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -2998,7 +3108,7 @@
     "groups": [
       {
         "title": "Enumerations",
-        "kind": 4,
+        "kind": 8,
         "children": [
           177,
           189
@@ -3037,7 +3147,7 @@
     ],
     "sources": [
       {
-        "fileName": "projects/progress-indicator/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
@@ -3047,17 +3157,17 @@
     {
       "fileName": "progress-indicator-passive-demo.component.html",
       "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.html",
-      "rawContents": "<sky-progress-indicator\n  [isPassive]=\"true\"\n  [startingIndex]=\"1\"\n>\n  <sky-progress-indicator-item\n    title=\"Finished step\"\n  >Optional details about this step\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item\n    title=\"Current step\"\n  >\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item\n    title=\"HIDDEN TITLE\"\n  >\n  </sky-progress-indicator-item>\n</sky-progress-indicator>\n"
+      "rawContents": "<sky-progress-indicator [isPassive]=\"true\" [startingIndex]=\"1\">\n  <sky-progress-indicator-item title=\"Finished step\"\n    >Optional details about this step\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item title=\"Current step\">\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item title=\"HIDDEN TITLE\">\n  </sky-progress-indicator-item>\n</sky-progress-indicator>\n"
     },
     {
       "fileName": "progress-indicator-passive-demo.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\n@Component({\n  selector: 'sky-progress-indicator-passive-demo',\n  templateUrl: './progress-indicator-passive-demo.component.html'\n})\nexport class SkyProgressIndicatorPassiveDemoComponent { }\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-progress-indicator-passive-demo',\n  templateUrl: './progress-indicator-passive-demo.component.html',\n})\nexport class SkyProgressIndicatorPassiveDemoComponent {}\n"
     },
     {
       "fileName": "progress-indicator-passive-demo.module.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyProgressIndicatorModule\n} from '@skyux/progress-indicator';\n\nimport {\n  SkyProgressIndicatorPassiveDemoComponent\n} from './progress-indicator-passive-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyProgressIndicatorModule\n  ],\n  exports: [\n    SkyProgressIndicatorPassiveDemoComponent\n  ],\n  declarations: [\n    SkyProgressIndicatorPassiveDemoComponent\n  ]\n})\nexport class SkyProgressIndicatorPassiveDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorPassiveDemoComponent } from './progress-indicator-passive-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyProgressIndicatorModule],\n  exports: [SkyProgressIndicatorPassiveDemoComponent],\n  declarations: [SkyProgressIndicatorPassiveDemoComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     },
     {
       "fileName": "progress-indicator-waterfall-demo-context.ts",
@@ -3067,52 +3177,52 @@
     {
       "fileName": "progress-indicator-waterfall-demo-form.component.html",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    {{ context.title }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <br>\n    <br>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      style=\"margin: 0 auto; vertical-align: middle;\"\n      type=\"button\"\n      (click)=\"submit()\"\n    >\n      {{ context.buttonText }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    {{ context.title }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <br />\n    <br />\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      class=\"sky-btn sky-btn-primary\"\n      style=\"margin: 0 auto; vertical-align: middle\"\n      type=\"button\"\n      (click)=\"submit()\"\n    >\n      {{ context.buttonText }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "progress-indicator-waterfall-demo-form.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.ts",
-      "rawContents": "import {\n  Component\n} from '@angular/core';\n\nimport {\n  SkyModalInstance\n} from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorWaterfallDemoContext\n} from './progress-indicator-waterfall-demo-context';\n\n@Component({\n  selector: 'sky-demo-progress-indicator-waterfall-horizontal',\n  templateUrl: './progress-indicator-waterfall-demo-form.component.html'\n})\nexport class SkyProgressIndicatorWaterfallDemoFormComponent {\n\n  constructor(\n    public instance: SkyModalInstance,\n    public context: SkyProgressIndicatorWaterfallDemoContext\n  ) { }\n\n  public submit(): void {\n    this.instance.close(undefined, 'save');\n  }\n\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\n\n@Component({\n  selector: 'app-progress-indicator-waterfall-horizontal-demo',\n  templateUrl: './progress-indicator-waterfall-demo-form.component.html',\n})\nexport class SkyProgressIndicatorWaterfallDemoFormComponent {\n  constructor(\n    public instance: SkyModalInstance,\n    public context: SkyProgressIndicatorWaterfallDemoContext\n  ) {}\n\n  public submit(): void {\n    this.instance.close(undefined, 'save');\n  }\n}\n"
     },
     {
       "fileName": "progress-indicator-waterfall-demo.component.html",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.component.html",
-      "rawContents": "<sky-progress-indicator\n      id=\"progress-indicator-waterfall\"\n      [messageStream]=\"progressMessageStream\"\n      [startingIndex]=\"2\"\n      (progressChanges)=\"updateIndex($event)\"\n      #progressIndicator\n    >\n\n      <sky-progress-indicator-title>\n        Set up my connection\n      </sky-progress-indicator-title>\n\n      <sky-progress-indicator-item\n        title=\"Configure connection\"\n      >\n        <div>\n          <button *ngIf=\"activeIndex === 0\"\n            class=\"sky-btn sky-btn-primary\"\n            type=\"button\"\n            (click)=\"configureConnection(true)\"\n          >\n            Set up connection\n          </button>\n          <button *ngIf=\"activeIndex > 0\"\n            class=\"sky-btn sky-btn-link\"\n            type=\"button\"\n            (click)=\"configureConnection(false)\"\n          >\n            Edit connection\n          </button>\n        </div>\n      </sky-progress-indicator-item>\n\n      <sky-progress-indicator-item\n        title=\"Select remote server\"\n      >\n        <div *ngIf=\"activeIndex >= 1\">\n          <button *ngIf=\"activeIndex === 1\"\n            class=\"sky-btn sky-btn-primary\"\n            type=\"button\"\n            (click)=\"setServer(true)\"\n          >\n            Select server\n          </button>\n          <button *ngIf=\"activeIndex > 1\"\n            class=\"sky-btn sky-btn-link\"\n            type=\"button\"\n            (click)=\"setServer(false)\"\n          >\n            Change server\n          </button>\n        </div>\n      </sky-progress-indicator-item>\n\n      <sky-progress-indicator-item\n        title=\"Test connection\"\n      >\n        <div *ngIf=\"activeIndex >= 2\">\n          <button *ngIf=\"activeIndex === 2\"\n            class=\"sky-btn sky-btn-primary\"\n            type=\"button\"\n            (click)=\"testConnection(true)\"\n          >\n            Test connection\n          </button>\n          <button *ngIf=\"activeIndex > 2\"\n            class=\"sky-btn sky-btn-link\"\n            type=\"button\"\n            (click)=\"testConnection(false)\"\n          >\n            Retest connection\n          </button>\n        </div>\n      </sky-progress-indicator-item>\n\n      <sky-progress-indicator-item\n        title=\"Turn on connection\"\n      >\n        <div *ngIf=\"activeIndex >= 3\">\n          <button *ngIf=\"activeIndex === 3\"\n            class=\"sky-btn sky-btn-primary\"\n            type=\"button\"\n            (click)=\"alertMessage('Form completed')\"\n          >\n            Turn on\n          </button>\n        </div>\n      </sky-progress-indicator-item>\n\n      <sky-progress-indicator-reset-button\n        [progressIndicator]=\"progressIndicator\"\n      >\n        Erase all settings\n      </sky-progress-indicator-reset-button>\n    </sky-progress-indicator>\n"
+      "rawContents": "<sky-progress-indicator\n  id=\"progress-indicator-waterfall\"\n  [messageStream]=\"progressMessageStream\"\n  [startingIndex]=\"2\"\n  (progressChanges)=\"updateIndex($event)\"\n  #progressIndicator\n>\n  <sky-progress-indicator-title>\n    Set up my connection\n  </sky-progress-indicator-title>\n\n  <sky-progress-indicator-item title=\"Configure connection\">\n    <div>\n      <button\n        *ngIf=\"activeIndex === 0\"\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n        (click)=\"configureConnection(true)\"\n      >\n        Set up connection\n      </button>\n      <button\n        *ngIf=\"activeIndex > 0\"\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        (click)=\"configureConnection(false)\"\n      >\n        Edit connection\n      </button>\n    </div>\n  </sky-progress-indicator-item>\n\n  <sky-progress-indicator-item title=\"Select remote server\">\n    <div *ngIf=\"activeIndex >= 1\">\n      <button\n        *ngIf=\"activeIndex === 1\"\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n        (click)=\"setServer(true)\"\n      >\n        Select server\n      </button>\n      <button\n        *ngIf=\"activeIndex > 1\"\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        (click)=\"setServer(false)\"\n      >\n        Change server\n      </button>\n    </div>\n  </sky-progress-indicator-item>\n\n  <sky-progress-indicator-item title=\"Test connection\">\n    <div *ngIf=\"activeIndex >= 2\">\n      <button\n        *ngIf=\"activeIndex === 2\"\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n        (click)=\"testConnection(true)\"\n      >\n        Test connection\n      </button>\n      <button\n        *ngIf=\"activeIndex > 2\"\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        (click)=\"testConnection(false)\"\n      >\n        Retest connection\n      </button>\n    </div>\n  </sky-progress-indicator-item>\n\n  <sky-progress-indicator-item title=\"Turn on connection\">\n    <div *ngIf=\"activeIndex >= 3\">\n      <button\n        *ngIf=\"activeIndex === 3\"\n        class=\"sky-btn sky-btn-primary\"\n        type=\"button\"\n        (click)=\"alertMessage('Form completed')\"\n      >\n        Turn on\n      </button>\n    </div>\n  </sky-progress-indicator-item>\n\n  <sky-progress-indicator-reset-button [progressIndicator]=\"progressIndicator\">\n    Erase all settings\n  </sky-progress-indicator-reset-button>\n</sky-progress-indicator>\n"
     },
     {
       "fileName": "progress-indicator-waterfall-demo.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef\n} from '@angular/core';\n\nimport {\n  SkyModalService,\n  SkyModalCloseArgs\n} from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorMessageType\n} from '@skyux/progress-indicator';\n\nimport {\n  Subject\n} from 'rxjs';\n\nimport {\n  take\n} from 'rxjs/operators';\n\nimport {\n  SkyProgressIndicatorWaterfallDemoContext\n} from './progress-indicator-waterfall-demo-context';\n\nimport {\n  SkyProgressIndicatorWaterfallDemoFormComponent\n} from './progress-indicator-waterfall-demo-form.component';\n\n@Component({\n  selector: 'app-waterfall-indicator-docs',\n  templateUrl: './progress-indicator-waterfall-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class WaterfallIndicatorDocsComponent {\n\n  public activeIndex = 0;\n\n  public progressMessageStream = new Subject<SkyProgressIndicatorMessageType>();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private modal: SkyModalService\n  ) { }\n\n  public configureConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Configure connection',\n        buttonText: 'Submit connection settings'\n      },\n      isProgress\n    );\n  }\n\n  public setServer(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Select remote server',\n        buttonText: 'Submit server choice'\n      },\n      isProgress\n    );\n  }\n\n  public testConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Connection confirmed.',\n        buttonText: 'OK'\n      },\n      isProgress\n    );\n  }\n\n  public alertMessage(message: string): void {\n    alert(message);\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n    this.changeDetector.detectChanges();\n  }\n\n  public resetClicked(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Reset);\n  }\n\n  private progress(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Progress);\n  }\n\n  private openModalForm(context: SkyProgressIndicatorWaterfallDemoContext, isProgress: boolean): void {\n    const modalForm = this.modal.open(SkyProgressIndicatorWaterfallDemoFormComponent, [{\n      provide: SkyProgressIndicatorWaterfallDemoContext,\n      useValue: context\n    }]);\n\n    modalForm.closed.pipe(take(1)).subscribe((args: SkyModalCloseArgs) => {\n      if (args.reason === 'save' && isProgress) {\n        this.progress();\n      }\n    });\n  }\n\n}\n"
+      "rawContents": "import {\n  Component,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { SkyModalService, SkyModalCloseArgs } from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\n\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\n\n@Component({\n  selector: 'app-waterfall-indicator-docs',\n  templateUrl: './progress-indicator-waterfall-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WaterfallIndicatorDocsComponent {\n  public activeIndex = 0;\n\n  public progressMessageStream = new Subject<SkyProgressIndicatorMessageType>();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private modal: SkyModalService\n  ) {}\n\n  public configureConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Configure connection',\n        buttonText: 'Submit connection settings',\n      },\n      isProgress\n    );\n  }\n\n  public setServer(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Select remote server',\n        buttonText: 'Submit server choice',\n      },\n      isProgress\n    );\n  }\n\n  public testConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Connection confirmed.',\n        buttonText: 'OK',\n      },\n      isProgress\n    );\n  }\n\n  public alertMessage(message: string): void {\n    alert(message);\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n    this.changeDetector.detectChanges();\n  }\n\n  public resetClicked(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Reset);\n  }\n\n  private progress(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Progress);\n  }\n\n  private openModalForm(\n    context: SkyProgressIndicatorWaterfallDemoContext,\n    isProgress: boolean\n  ): void {\n    const modalForm = this.modal.open(\n      SkyProgressIndicatorWaterfallDemoFormComponent,\n      [\n        {\n          provide: SkyProgressIndicatorWaterfallDemoContext,\n          useValue: context,\n        },\n      ]\n    );\n\n    modalForm.closed.pipe(take(1)).subscribe((args: SkyModalCloseArgs) => {\n      if (args.reason === 'save' && isProgress) {\n        this.progress();\n      }\n    });\n  }\n}\n"
     },
     {
       "fileName": "progress-indicator-waterfall-demo.module.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SkyModalModule\n} from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorModule\n} from '@skyux/progress-indicator';\n\nimport {\n  WaterfallIndicatorDocsComponent\n} from './progress-indicator-waterfall-demo.component';\n\nimport {\n  SkyProgressIndicatorWaterfallDemoFormComponent\n} from './progress-indicator-waterfall-demo-form.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyProgressIndicatorModule,\n    SkyModalModule\n  ],\n  exports: [\n    WaterfallIndicatorDocsComponent\n  ],\n  declarations: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent\n  ],\n  entryComponents: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent\n  ]\n})\nexport class SkyProgressIndicatorPassiveDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\n\n@NgModule({\n  imports: [CommonModule, SkyProgressIndicatorModule, SkyModalModule],\n  exports: [WaterfallIndicatorDocsComponent],\n  declarations: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n  entryComponents: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     },
     {
       "fileName": "wizard-demo-modal.component.html",
       "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.html",
-      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    {{ title }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <form\n      [formGroup]=\"myForm\"\n    >\n      <sky-progress-indicator\n        [displayMode]=\"displayMode\"\n        (progressChanges)=\"updateIndex($event)\"\n        #wizardDemo\n      >\n\n        <sky-progress-indicator-item\n          title=\"First step\"\n        >\n          <div>\n            <label class=\"sky-control-label sky-control-label-required\">\n              Enter text to continue\n            </label>\n            <input\n              class=\"sky-form-control\"\n              type=\"text\"\n              formControlName=\"requiredValue1\"\n            />\n          </div>\n        </sky-progress-indicator-item>\n\n        <sky-progress-indicator-item\n          title=\"Second step\"\n        >\n          <div>\n            <sky-checkbox\n              formControlName=\"requiredValue2\"\n            >\n              <sky-checkbox-label>\n                Select to continue\n              </sky-checkbox-label>\n            </sky-checkbox>\n          </div>\n        </sky-progress-indicator-item>\n\n        <sky-progress-indicator-item\n          title=\"Third step\"\n        >\n          <div>\n            Additional content or tasks go here.\n          </div>\n        </sky-progress-indicator-item>\n\n      </sky-progress-indicator>\n    </form>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <sky-progress-indicator-nav-button\n      buttonType=\"previous\"\n      [progressIndicator]=\"wizardDemo\"\n    >\n    </sky-progress-indicator-nav-button>\n    <sky-progress-indicator-nav-button\n      buttonType=\"next\"\n      [disabled]=\"!requirementsMet\"\n      [progressIndicator]=\"wizardDemo\"\n    >\n    </sky-progress-indicator-nav-button>\n    <sky-progress-indicator-nav-button\n      buttonType=\"finish\"\n      buttonText=\"Save and close\"\n      [progressIndicator]=\"wizardDemo\"\n      (actionClick)=\"onSaveClick($event)\"\n    >\n    </sky-progress-indicator-nav-button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"onCancelClick()\"\n    >\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
+      "rawContents": "<sky-modal>\n  <sky-modal-header>\n    {{ title }}\n  </sky-modal-header>\n  <sky-modal-content>\n    <form [formGroup]=\"myForm\">\n      <sky-progress-indicator\n        [displayMode]=\"displayMode\"\n        (progressChanges)=\"updateIndex($event)\"\n        #wizardDemo\n      >\n        <sky-progress-indicator-item title=\"First step\">\n          <div>\n            <label class=\"sky-control-label sky-control-label-required\">\n              Enter text to continue\n            </label>\n            <input\n              class=\"sky-form-control\"\n              type=\"text\"\n              formControlName=\"requiredValue1\"\n            />\n          </div>\n        </sky-progress-indicator-item>\n\n        <sky-progress-indicator-item title=\"Second step\">\n          <div>\n            <sky-checkbox formControlName=\"requiredValue2\">\n              <sky-checkbox-label> Select to continue </sky-checkbox-label>\n            </sky-checkbox>\n          </div>\n        </sky-progress-indicator-item>\n\n        <sky-progress-indicator-item title=\"Third step\">\n          <div>Additional content or tasks go here.</div>\n        </sky-progress-indicator-item>\n      </sky-progress-indicator>\n    </form>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <sky-progress-indicator-nav-button\n      buttonType=\"previous\"\n      [progressIndicator]=\"wizardDemo\"\n    >\n    </sky-progress-indicator-nav-button>\n    <sky-progress-indicator-nav-button\n      buttonType=\"next\"\n      [disabled]=\"!requirementsMet\"\n      [progressIndicator]=\"wizardDemo\"\n    >\n    </sky-progress-indicator-nav-button>\n    <sky-progress-indicator-nav-button\n      buttonType=\"finish\"\n      buttonText=\"Save and close\"\n      [progressIndicator]=\"wizardDemo\"\n      (actionClick)=\"onSaveClick($event)\"\n    >\n    </sky-progress-indicator-nav-button>\n    <button\n      class=\"sky-btn sky-btn-link\"\n      type=\"button\"\n      (click)=\"onCancelClick()\"\n    >\n      Cancel\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n"
     },
     {
       "fileName": "wizard-demo-modal.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
-      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyModalInstance\n} from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorActionClickArgs,\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorDisplayMode\n} from '@skyux/progress-indicator';\n\n@Component({\n  selector: 'app-wizard-demo-modal',\n  templateUrl: './wizard-demo-modal.component.html'\n})\nexport class WizardDemoModalComponent implements OnInit {\n\n  public activeIndex = 0;\n\n  public displayMode = SkyProgressIndicatorDisplayMode.Horizontal;\n\n  public myForm: FormGroup;\n\n  public title = 'Wizard example';\n\n  public get requirementsMet(): boolean {\n    switch (this.activeIndex) {\n      case 0:\n        return !!this.myForm.get('requiredValue1').value;\n      case 1:\n        return !!this.myForm.get('requiredValue2').value;\n      default:\n        return false;\n    }\n  }\n\n  constructor(\n    private formBuilder: FormBuilder,\n    public instance: SkyModalInstance\n  ) { }\n\n  public ngOnInit() {\n    this.myForm = this.formBuilder.group({\n      requiredValue1: undefined,\n      requiredValue2: undefined\n    });\n\n  }\n\n  public onCancelClick(): void {\n      this.instance.cancel();\n  }\n\n  public onSaveClick(args: SkyProgressIndicatorActionClickArgs): void {\n      args.progressHandler.advance();\n      this.instance.save();\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorActionClickArgs,\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorDisplayMode,\n} from '@skyux/progress-indicator';\n\n@Component({\n  selector: 'app-wizard-demo-modal',\n  templateUrl: './wizard-demo-modal.component.html',\n})\nexport class WizardDemoModalComponent implements OnInit {\n  public activeIndex = 0;\n\n  public displayMode = SkyProgressIndicatorDisplayMode.Horizontal;\n\n  public myForm: FormGroup;\n\n  public title = 'Wizard example';\n\n  public get requirementsMet(): boolean {\n    switch (this.activeIndex) {\n      case 0:\n        return !!this.myForm.get('requiredValue1').value;\n      case 1:\n        return !!this.myForm.get('requiredValue2').value;\n      default:\n        return false;\n    }\n  }\n\n  constructor(\n    private formBuilder: FormBuilder,\n    public instance: SkyModalInstance\n  ) {}\n\n  public ngOnInit() {\n    this.myForm = this.formBuilder.group({\n      requiredValue1: undefined,\n      requiredValue2: undefined,\n    });\n  }\n\n  public onCancelClick(): void {\n    this.instance.cancel();\n  }\n\n  public onSaveClick(args: SkyProgressIndicatorActionClickArgs): void {\n    args.progressHandler.advance();\n    this.instance.save();\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n  }\n}\n"
     },
     {
       "fileName": "wizard-demo.component.html",
       "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.html",
-      "rawContents": "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-default\"\n  (click)=\"openWizard()\">\n  Open wizard\n</button>\n"
+      "rawContents": "<button type=\"button\" class=\"sky-btn sky-btn-default\" (click)=\"openWizard()\">\n  Open wizard\n</button>\n"
     },
     {
       "fileName": "wizard-demo.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  Component\n} from '@angular/core';\n\nimport {\n  SkyModalService\n} from '@skyux/modals';\n\nimport {\n  WizardDemoModalComponent\n} from './wizard-demo-modal.component';\n\n@Component({\n  selector: 'app-wizard-demo',\n  templateUrl: './wizard-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class WizardDemoComponent {\n\n  constructor(\n    private modal: SkyModalService\n  ) { }\n\n  public openWizard(): void {\n    this.modal.open(WizardDemoModalComponent);\n  }\n\n}\n"
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { SkyModalService } from '@skyux/modals';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@Component({\n  selector: 'app-wizard-demo',\n  templateUrl: './wizard-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WizardDemoComponent {\n  constructor(private modal: SkyModalService) {}\n\n  public openWizard(): void {\n    this.modal.open(WizardDemoModalComponent);\n  }\n}\n"
     },
     {
       "fileName": "wizard-demo.module.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
-      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyModalModule\n} from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorModule\n} from '@skyux/progress-indicator';\n\nimport {\n  WizardDemoComponent\n} from './wizard-demo.component';\n\nimport {\n  WizardDemoModalComponent\n} from './wizard-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyModalModule,\n    SkyProgressIndicatorModule\n  ],\n  exports: [\n    WizardDemoComponent\n  ],\n  declarations: [\n    WizardDemoComponent,\n    WizardDemoModalComponent\n  ],\n  entryComponents: [\n    WizardDemoModalComponent\n  ]\n})\nexport class SkyProgressIndicatorPassiveDemoModule { }\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WizardDemoComponent } from './wizard-demo.component';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyModalModule,\n    SkyProgressIndicatorModule,\n  ],\n  exports: [WizardDemoComponent],\n  declarations: [WizardDemoComponent, WizardDemoModalComponent],\n  entryComponents: [WizardDemoModalComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     }
   ]
-}
+}