@skyux/progress-indicator 9.0.0-alpha.0 → 9.0.0-alpha.2

package/documentation.json

@@ -24,14 +24,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 210,
+        "id": 21,
         "name": "SkyProgressIndicatorItemStatus",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 211,
+            "id": 22,
             "name": "Active",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -49,7 +49,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 212,
+            "id": 23,
             "name": "Complete",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -67,7 +67,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 213,
+            "id": 24,
             "name": "Incomplete",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -85,7 +85,7 @@
             "defaultValue": "2"
           },
           {
-            "id": 214,
+            "id": 25,
             "name": "Pending",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -108,10 +108,10 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              211,
-              212,
-              213,
-              214
+              22,
+              23,
+              24,
+              25
             ]
           }
         ],
@@ -124,14 +124,14 @@
         ]
       },
       {
-        "id": 222,
+        "id": 33,
         "name": "SkyProgressIndicatorMessageType",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 226,
+            "id": 37,
             "name": "Finish",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -149,7 +149,7 @@
             "defaultValue": "3"
           },
           {
-            "id": 227,
+            "id": 38,
             "name": "GoTo",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -167,7 +167,7 @@
             "defaultValue": "4"
           },
           {
-            "id": 223,
+            "id": 34,
             "name": "Progress",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -185,7 +185,7 @@
             "defaultValue": "0"
           },
           {
-            "id": 224,
+            "id": 35,
             "name": "Regress",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -203,7 +203,7 @@
             "defaultValue": "1"
           },
           {
-            "id": 225,
+            "id": 36,
             "name": "Reset",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -226,11 +226,11 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              226,
-              227,
-              223,
-              224,
-              225
+              37,
+              38,
+              34,
+              35,
+              36
             ]
           }
         ],
@@ -243,7 +243,7 @@
         ]
       },
       {
-        "id": 196,
+        "id": 7,
         "name": "SkyProgressIndicatorActionClickProgressHandler",
         "kind": 128,
         "kindString": "Class",
@@ -253,7 +253,7 @@
         },
         "children": [
           {
-            "id": 197,
+            "id": 8,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -267,7 +267,7 @@
             ],
             "signatures": [
               {
-                "id": 198,
+                "id": 9,
                 "name": "new SkyProgressIndicatorActionClickProgressHandler",
                 "kind": 16384,
                 "kindString": "Constructor signature",
@@ -275,7 +275,7 @@
                 "comment": {},
                 "parameters": [
                   {
-                    "id": 199,
+                    "id": 10,
                     "name": "advance",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -286,14 +286,14 @@
                     "type": {
                       "type": "reflection",
                       "declaration": {
-                        "id": 200,
+                        "id": 11,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
                         "flags": {},
                         "signatures": [
                           {
-                            "id": 201,
+                            "id": 12,
                             "name": "__type",
                             "kind": 4096,
                             "kindString": "Call signature",
@@ -310,7 +310,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 196,
+                  "id": 7,
                   "name": "SkyProgressIndicatorActionClickProgressHandler"
                 }
               }
@@ -322,14 +322,14 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              197
+              8
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              202
+              13
             ]
           }
         ],
@@ -342,7 +342,7 @@
         ]
       },
       {
-        "id": 190,
+        "id": 1,
         "name": "SkyProgressIndicatorModule",
         "kind": 128,
         "kindString": "Class",
@@ -367,7 +367,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              191
+              2
             ]
           }
         ],
@@ -380,7 +380,7 @@
         ]
       },
       {
-        "id": 1,
+        "id": 43,
         "name": "SkyProgressIndicatorItemComponent",
         "kind": 128,
         "kindString": "Class",
@@ -404,7 +404,7 @@
         ],
         "children": [
           {
-            "id": 2,
+            "id": 44,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -418,14 +418,14 @@
             ],
             "signatures": [
               {
-                "id": 3,
+                "id": 45,
                 "name": "SkyProgressIndicatorItemComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 4,
+                    "id": 46,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -440,14 +440,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 1,
+                  "id": 43,
                   "name": "SkyProgressIndicatorItemComponent"
                 }
               }
             ]
           },
           {
-            "id": 13,
+            "id": 55,
             "name": "formattedTitle",
             "kind": 1024,
             "kindString": "Property",
@@ -467,7 +467,7 @@
             }
           },
           {
-            "id": 26,
+            "id": 68,
             "name": "statusName",
             "kind": 1024,
             "kindString": "Property",
@@ -488,7 +488,7 @@
             "defaultValue": "STATUS_NAME_DEFAULT"
           },
           {
-            "id": 14,
+            "id": 56,
             "name": "isVisible",
             "kind": 262144,
             "kindString": "Accessor",
@@ -504,7 +504,7 @@
             ],
             "getSignature": [
               {
-                "id": 15,
+                "id": 57,
                 "name": "isVisible",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -517,14 +517,14 @@
             ],
             "setSignature": [
               {
-                "id": 16,
+                "id": 58,
                 "name": "isVisible",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 17,
+                    "id": 59,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -543,7 +543,7 @@
             ]
           },
           {
-            "id": 18,
+            "id": 60,
             "name": "showStatusMarker",
             "kind": 262144,
             "kindString": "Accessor",
@@ -559,7 +559,7 @@
             ],
             "getSignature": [
               {
-                "id": 19,
+                "id": 61,
                 "name": "showStatusMarker",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -572,14 +572,14 @@
             ],
             "setSignature": [
               {
-                "id": 20,
+                "id": 62,
                 "name": "showStatusMarker",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 21,
+                    "id": 63,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -598,7 +598,7 @@
             ]
           },
           {
-            "id": 22,
+            "id": 64,
             "name": "showTitle",
             "kind": 262144,
             "kindString": "Accessor",
@@ -614,7 +614,7 @@
             ],
             "getSignature": [
               {
-                "id": 23,
+                "id": 65,
                 "name": "showTitle",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -627,14 +627,14 @@
             ],
             "setSignature": [
               {
-                "id": 24,
+                "id": 66,
                 "name": "showTitle",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 25,
+                    "id": 67,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -653,7 +653,7 @@
             ]
           },
           {
-            "id": 9,
+            "id": 51,
             "name": "status",
             "kind": 262144,
             "kindString": "Accessor",
@@ -669,35 +669,35 @@
             ],
             "getSignature": [
               {
-                "id": 10,
+                "id": 52,
                 "name": "status",
                 "kind": 524288,
                 "kindString": "Get signature",
                 "flags": {},
                 "type": {
                   "type": "reference",
-                  "id": 210,
+                  "id": 21,
                   "name": "SkyProgressIndicatorItemStatus"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 11,
+                "id": 53,
                 "name": "status",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 12,
+                    "id": 54,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 210,
+                      "id": 21,
                       "name": "SkyProgressIndicatorItemStatus"
                     }
                   }
@@ -710,7 +710,7 @@
             ]
           },
           {
-            "id": 5,
+            "id": 47,
             "name": "title",
             "kind": 262144,
             "kindString": "Accessor",
@@ -738,7 +738,7 @@
             ],
             "getSignature": [
               {
-                "id": 6,
+                "id": 48,
                 "name": "title",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -760,7 +760,7 @@
             ],
             "setSignature": [
               {
-                "id": 7,
+                "id": 49,
                 "name": "title",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -776,7 +776,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 8,
+                    "id": 50,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -795,7 +795,7 @@
             ]
           },
           {
-            "id": 39,
+            "id": 81,
             "name": "hideStepNumber",
             "kind": 2048,
             "kindString": "Method",
@@ -811,7 +811,7 @@
             ],
             "signatures": [
               {
-                "id": 40,
+                "id": 82,
                 "name": "hideStepNumber",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -824,7 +824,7 @@
             ]
           },
           {
-            "id": 34,
+            "id": 76,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -840,7 +840,7 @@
             ],
             "signatures": [
               {
-                "id": 35,
+                "id": 77,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -861,7 +861,7 @@
             }
           },
           {
-            "id": 36,
+            "id": 78,
             "name": "showStepNumber",
             "kind": 2048,
             "kindString": "Method",
@@ -877,14 +877,14 @@
             ],
             "signatures": [
               {
-                "id": 37,
+                "id": 79,
                 "name": "showStepNumber",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 38,
+                    "id": 80,
                     "name": "step",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -908,35 +908,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              2
+              44
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              13,
-              26
+              55,
+              68
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              14,
-              18,
-              22,
-              9,
-              5
+              56,
+              60,
+              64,
+              51,
+              47
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              39,
-              34,
-              36
+              81,
+              76,
+              78
             ]
           }
         ],
@@ -957,7 +957,7 @@
         ]
       },
       {
-        "id": 43,
+        "id": 85,
         "name": "SkyProgressIndicatorComponent",
         "kind": 128,
         "kindString": "Class",
@@ -978,7 +978,7 @@
         ],
         "children": [
           {
-            "id": 44,
+            "id": 86,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -992,14 +992,14 @@
             ],
             "signatures": [
               {
-                "id": 45,
+                "id": 87,
                 "name": "SkyProgressIndicatorComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 46,
+                    "id": 88,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1012,7 +1012,7 @@
                     }
                   },
                   {
-                    "id": 47,
+                    "id": 89,
                     "name": "windowRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1023,7 +1023,7 @@
                     }
                   },
                   {
-                    "id": 48,
+                    "id": 90,
                     "name": "logger",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1036,14 +1036,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 43,
+                  "id": 85,
                   "name": "SkyProgressIndicatorComponent"
                 }
               }
             ]
           },
           {
-            "id": 70,
+            "id": 112,
             "name": "cssClassNames",
             "kind": 1024,
             "kindString": "Property",
@@ -1067,7 +1067,7 @@
             "defaultValue": "[]"
           },
           {
-            "id": 69,
+            "id": 111,
             "name": "itemComponents",
             "kind": 1024,
             "kindString": "Property",
@@ -1100,7 +1100,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 1,
+                  "id": 43,
                   "name": "SkyProgressIndicatorItemComponent"
                 }
               ],
@@ -1110,7 +1110,7 @@
             }
           },
           {
-            "id": 71,
+            "id": 113,
             "name": "itemStatuses",
             "kind": 1024,
             "kindString": "Property",
@@ -1128,14 +1128,14 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 210,
+                "id": 21,
                 "name": "SkyProgressIndicatorItemStatus"
               }
             },
             "defaultValue": "[]"
           },
           {
-            "id": 64,
+            "id": 106,
             "name": "progressChanges",
             "kind": 1024,
             "kindString": "Property",
@@ -1169,7 +1169,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 205,
+                  "id": 16,
                   "name": "SkyProgressIndicatorChange"
                 }
               ],
@@ -1180,7 +1180,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 49,
+            "id": 91,
             "name": "displayMode",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1208,7 +1208,7 @@
             ],
             "getSignature": [
               {
-                "id": 50,
+                "id": 92,
                 "name": "displayMode",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1228,14 +1228,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 209,
+                  "id": 20,
                   "name": "SkyProgressIndicatorDisplayModeType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 51,
+                "id": 93,
                 "name": "displayMode",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1255,14 +1255,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 52,
+                    "id": 94,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 209,
+                      "id": 20,
                       "name": "SkyProgressIndicatorDisplayModeType"
                     }
                   }
@@ -1275,7 +1275,7 @@
             ]
           },
           {
-            "id": 65,
+            "id": 107,
             "name": "hasFinishButton",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1291,7 +1291,7 @@
             ],
             "getSignature": [
               {
-                "id": 66,
+                "id": 108,
                 "name": "hasFinishButton",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1304,14 +1304,14 @@
             ],
             "setSignature": [
               {
-                "id": 67,
+                "id": 109,
                 "name": "hasFinishButton",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 68,
+                    "id": 110,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1330,7 +1330,7 @@
             ]
           },
           {
-            "id": 53,
+            "id": 95,
             "name": "isPassive",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1358,7 +1358,7 @@
             ],
             "getSignature": [
               {
-                "id": 54,
+                "id": 96,
                 "name": "isPassive",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1380,7 +1380,7 @@
             ],
             "setSignature": [
               {
-                "id": 55,
+                "id": 97,
                 "name": "isPassive",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1396,7 +1396,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 56,
+                    "id": 98,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1415,7 +1415,7 @@
             ]
           },
           {
-            "id": 57,
+            "id": 99,
             "name": "messageStream",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1443,7 +1443,7 @@
             ],
             "setSignature": [
               {
-                "id": 58,
+                "id": 100,
                 "name": "messageStream",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1453,7 +1453,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 59,
+                    "id": 101,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1466,12 +1466,12 @@
                           "types": [
                             {
                               "type": "reference",
-                              "id": 215,
+                              "id": 26,
                               "name": "SkyProgressIndicatorMessage"
                             },
                             {
                               "type": "reference",
-                              "id": 222,
+                              "id": 33,
                               "name": "SkyProgressIndicatorMessageType"
                             }
                           ]
@@ -1491,7 +1491,7 @@
             ]
           },
           {
-            "id": 60,
+            "id": 102,
             "name": "startingIndex",
             "kind": 262144,
             "kindString": "Accessor",
@@ -1519,7 +1519,7 @@
             ],
             "getSignature": [
               {
-                "id": 61,
+                "id": 103,
                 "name": "startingIndex",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -1535,7 +1535,7 @@
             ],
             "setSignature": [
               {
-                "id": 62,
+                "id": 104,
                 "name": "startingIndex",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -1545,7 +1545,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 63,
+                    "id": 105,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1564,7 +1564,7 @@
             ]
           },
           {
-            "id": 90,
+            "id": 132,
             "name": "ngAfterContentInit",
             "kind": 2048,
             "kindString": "Method",
@@ -1580,7 +1580,7 @@
             ],
             "signatures": [
               {
-                "id": 91,
+                "id": 133,
                 "name": "ngAfterContentInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1601,7 +1601,7 @@
             }
           },
           {
-            "id": 92,
+            "id": 134,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -1617,7 +1617,7 @@
             ],
             "signatures": [
               {
-                "id": 93,
+                "id": 135,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1638,7 +1638,7 @@
             }
           },
           {
-            "id": 88,
+            "id": 130,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -1654,7 +1654,7 @@
             ],
             "signatures": [
               {
-                "id": 89,
+                "id": 131,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -1675,7 +1675,7 @@
             }
           },
           {
-            "id": 94,
+            "id": 136,
             "name": "sendMessage",
             "kind": 2048,
             "kindString": "Method",
@@ -1691,21 +1691,21 @@
             ],
             "signatures": [
               {
-                "id": 95,
+                "id": 137,
                 "name": "sendMessage",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 96,
+                    "id": 138,
                     "name": "message",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 215,
+                      "id": 26,
                       "name": "SkyProgressIndicatorMessage"
                     }
                   }
@@ -1723,38 +1723,38 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              44
+              86
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              70,
-              69,
-              71,
-              64
+              112,
+              111,
+              113,
+              106
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              49,
-              65,
-              53,
-              57,
-              60
+              91,
+              107,
+              95,
+              99,
+              102
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              90,
-              92,
-              88,
-              94
+              132,
+              134,
+              130,
+              136
             ]
           }
         ],
@@ -1787,7 +1787,7 @@
         ]
       },
       {
-        "id": 126,
+        "id": 168,
         "name": "SkyProgressIndicatorNavButtonComponent",
         "kind": 128,
         "kindString": "Class",
@@ -1811,7 +1811,7 @@
         ],
         "children": [
           {
-            "id": 127,
+            "id": 169,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -1825,14 +1825,14 @@
             ],
             "signatures": [
               {
-                "id": 128,
+                "id": 170,
                 "name": "SkyProgressIndicatorNavButtonComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 129,
+                    "id": 171,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1845,7 +1845,7 @@
                     }
                   },
                   {
-                    "id": 130,
+                    "id": 172,
                     "name": "parentComponent",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -1866,21 +1866,21 @@
                     ],
                     "type": {
                       "type": "reference",
-                      "id": 43,
+                      "id": 85,
                       "name": "SkyProgressIndicatorComponent"
                     }
                   }
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 126,
+                  "id": 168,
                   "name": "SkyProgressIndicatorNavButtonComponent"
                 }
               }
             ]
           },
           {
-            "id": 144,
+            "id": 186,
             "name": "actionClick",
             "kind": 1024,
             "kindString": "Property",
@@ -1914,7 +1914,7 @@
               "typeArguments": [
                 {
                   "type": "reference",
-                  "id": 193,
+                  "id": 4,
                   "name": "SkyProgressIndicatorActionClickArgs"
                 }
               ],
@@ -1925,7 +1925,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 131,
+            "id": 173,
             "name": "buttonText",
             "kind": 1024,
             "kindString": "Property",
@@ -1966,7 +1966,7 @@
             }
           },
           {
-            "id": 149,
+            "id": 191,
             "name": "lastProgressChange",
             "kind": 1024,
             "kindString": "Property",
@@ -1982,12 +1982,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 205,
+              "id": 16,
               "name": "SkyProgressIndicatorChange"
             }
           },
           {
-            "id": 132,
+            "id": 174,
             "name": "buttonType",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2015,7 +2015,7 @@
             ],
             "getSignature": [
               {
-                "id": 133,
+                "id": 175,
                 "name": "buttonType",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2031,14 +2031,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 231,
+                  "id": 42,
                   "name": "SkyProgressIndicatorNavButtonType"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 134,
+                "id": 176,
                 "name": "buttonType",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2054,14 +2054,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 135,
+                    "id": 177,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 231,
+                      "id": 42,
                       "name": "SkyProgressIndicatorNavButtonType"
                     }
                   }
@@ -2074,7 +2074,7 @@
             ]
           },
           {
-            "id": 136,
+            "id": 178,
             "name": "disabled",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2102,7 +2102,7 @@
             ],
             "getSignature": [
               {
-                "id": 137,
+                "id": 179,
                 "name": "disabled",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2124,7 +2124,7 @@
             ],
             "setSignature": [
               {
-                "id": 138,
+                "id": 180,
                 "name": "disabled",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2140,7 +2140,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 139,
+                    "id": 181,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2159,7 +2159,7 @@
             ]
           },
           {
-            "id": 145,
+            "id": 187,
             "name": "isVisible",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2175,7 +2175,7 @@
             ],
             "getSignature": [
               {
-                "id": 146,
+                "id": 188,
                 "name": "isVisible",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2188,14 +2188,14 @@
             ],
             "setSignature": [
               {
-                "id": 147,
+                "id": 189,
                 "name": "isVisible",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 148,
+                    "id": 190,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2214,7 +2214,7 @@
             ]
           },
           {
-            "id": 140,
+            "id": 182,
             "name": "progressIndicator",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2242,7 +2242,7 @@
             ],
             "getSignature": [
               {
-                "id": 141,
+                "id": 183,
                 "name": "progressIndicator",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2258,14 +2258,14 @@
                 },
                 "type": {
                   "type": "reference",
-                  "id": 43,
+                  "id": 85,
                   "name": "SkyProgressIndicatorComponent"
                 }
               }
             ],
             "setSignature": [
               {
-                "id": 142,
+                "id": 184,
                 "name": "progressIndicator",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2281,14 +2281,14 @@
                 },
                 "parameters": [
                   {
-                    "id": 143,
+                    "id": 185,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
                     "flags": {},
                     "type": {
                       "type": "reference",
-                      "id": 43,
+                      "id": 85,
                       "name": "SkyProgressIndicatorComponent"
                     }
                   }
@@ -2301,7 +2301,7 @@
             ]
           },
           {
-            "id": 158,
+            "id": 200,
             "name": "ngAfterViewInit",
             "kind": 2048,
             "kindString": "Method",
@@ -2317,7 +2317,7 @@
             ],
             "signatures": [
               {
-                "id": 159,
+                "id": 201,
                 "name": "ngAfterViewInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2338,7 +2338,7 @@
             }
           },
           {
-            "id": 160,
+            "id": 202,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2354,7 +2354,7 @@
             ],
             "signatures": [
               {
-                "id": 161,
+                "id": 203,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2375,7 +2375,7 @@
             }
           },
           {
-            "id": 162,
+            "id": 204,
             "name": "onClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2391,14 +2391,14 @@
             ],
             "signatures": [
               {
-                "id": 163,
+                "id": 205,
                 "name": "onClick",
                 "kind": 4096,
                 "kindString": "Call signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 164,
+                    "id": 206,
                     "name": "event",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2424,35 +2424,35 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              127
+              169
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              144,
-              131,
-              149
+              186,
+              173,
+              191
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              132,
-              136,
-              145,
-              140
+              174,
+              178,
+              187,
+              182
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              158,
-              160,
-              162
+              200,
+              202,
+              204
             ]
           }
         ],
@@ -2479,7 +2479,7 @@
         ]
       },
       {
-        "id": 171,
+        "id": 213,
         "name": "SkyProgressIndicatorResetButtonComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2503,7 +2503,7 @@
         ],
         "children": [
           {
-            "id": 172,
+            "id": 214,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -2517,14 +2517,14 @@
             ],
             "signatures": [
               {
-                "id": 173,
+                "id": 215,
                 "name": "SkyProgressIndicatorResetButtonComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 174,
+                    "id": 216,
                     "name": "changeDetector",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2539,14 +2539,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 171,
+                  "id": 213,
                   "name": "SkyProgressIndicatorResetButtonComponent"
                 }
               }
             ]
           },
           {
-            "id": 179,
+            "id": 221,
             "name": "progressIndicator",
             "kind": 1024,
             "kindString": "Property",
@@ -2583,12 +2583,12 @@
             ],
             "type": {
               "type": "reference",
-              "id": 43,
+              "id": 85,
               "name": "SkyProgressIndicatorComponent"
             }
           },
           {
-            "id": 180,
+            "id": 222,
             "name": "resetClick",
             "kind": 1024,
             "kindString": "Property",
@@ -2632,7 +2632,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 175,
+            "id": 217,
             "name": "disabled",
             "kind": 262144,
             "kindString": "Accessor",
@@ -2660,7 +2660,7 @@
             ],
             "getSignature": [
               {
-                "id": 176,
+                "id": 218,
                 "name": "disabled",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -2682,7 +2682,7 @@
             ],
             "setSignature": [
               {
-                "id": 177,
+                "id": 219,
                 "name": "disabled",
                 "kind": 1048576,
                 "kindString": "Set signature",
@@ -2698,7 +2698,7 @@
                 },
                 "parameters": [
                   {
-                    "id": 178,
+                    "id": 220,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -2717,7 +2717,7 @@
             ]
           },
           {
-            "id": 183,
+            "id": 225,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -2733,7 +2733,7 @@
             ],
             "signatures": [
               {
-                "id": 184,
+                "id": 226,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2754,7 +2754,7 @@
             }
           },
           {
-            "id": 185,
+            "id": 227,
             "name": "onClick",
             "kind": 2048,
             "kindString": "Method",
@@ -2770,7 +2770,7 @@
             ],
             "signatures": [
               {
-                "id": 186,
+                "id": 228,
                 "name": "onClick",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -2788,30 +2788,30 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              172
+              214
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              179,
-              180
+              221,
+              222
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              175
+              217
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              183,
-              185
+              225,
+              227
             ]
           }
         ],
@@ -2832,7 +2832,7 @@
         ]
       },
       {
-        "id": 187,
+        "id": 229,
         "name": "SkyProgressIndicatorTitleComponent",
         "kind": 128,
         "kindString": "Class",
@@ -2860,7 +2860,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              188
+              230
             ]
           }
         ],
@@ -2873,7 +2873,7 @@
         ]
       },
       {
-        "id": 193,
+        "id": 4,
         "name": "SkyProgressIndicatorActionClickArgs",
         "kind": 256,
         "kindString": "Interface",
@@ -2883,7 +2883,7 @@
         },
         "children": [
           {
-            "id": 195,
+            "id": 6,
             "name": "event",
             "kind": 1024,
             "kindString": "Property",
@@ -2906,7 +2906,7 @@
             }
           },
           {
-            "id": 194,
+            "id": 5,
             "name": "progressHandler",
             "kind": 1024,
             "kindString": "Property",
@@ -2923,7 +2923,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 196,
+              "id": 7,
               "name": "SkyProgressIndicatorActionClickProgressHandler"
             }
           }
@@ -2933,8 +2933,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              195,
-              194
+              6,
+              5
             ]
           }
         ],
@@ -2947,14 +2947,14 @@
         ]
       },
       {
-        "id": 205,
+        "id": 16,
         "name": "SkyProgressIndicatorChange",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 206,
+            "id": 17,
             "name": "activeIndex",
             "kind": 1024,
             "kindString": "Property",
@@ -2977,7 +2977,7 @@
             }
           },
           {
-            "id": 207,
+            "id": 18,
             "name": "isComplete",
             "kind": 1024,
             "kindString": "Property",
@@ -3000,7 +3000,7 @@
             }
           },
           {
-            "id": 208,
+            "id": 19,
             "name": "itemStatuses",
             "kind": 1024,
             "kindString": "Property",
@@ -3021,7 +3021,7 @@
               "type": "array",
               "elementType": {
                 "type": "reference",
-                "id": 210,
+                "id": 21,
                 "name": "SkyProgressIndicatorItemStatus"
               }
             }
@@ -3032,9 +3032,9 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              206,
-              207,
-              208
+              17,
+              18,
+              19
             ]
           }
         ],
@@ -3047,14 +3047,14 @@
         ]
       },
       {
-        "id": 215,
+        "id": 26,
         "name": "SkyProgressIndicatorMessage",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 217,
+            "id": 28,
             "name": "data",
             "kind": 1024,
             "kindString": "Property",
@@ -3074,14 +3074,14 @@
             "type": {
               "type": "reflection",
               "declaration": {
-                "id": 218,
+                "id": 29,
                 "name": "__type",
                 "kind": 65536,
                 "kindString": "Type literal",
                 "flags": {},
                 "children": [
                   {
-                    "id": 219,
+                    "id": 30,
                     "name": "activeIndex",
                     "kind": 1024,
                     "kindString": "Property",
@@ -3106,19 +3106,19 @@
                     "title": "Properties",
                     "kind": 1024,
                     "children": [
-                      219
+                      30
                     ]
                   }
                 ],
                 "indexSignature": {
-                  "id": 220,
+                  "id": 31,
                   "name": "__index",
                   "kind": 8192,
                   "kindString": "Index signature",
                   "flags": {},
                   "parameters": [
                     {
-                      "id": 221,
+                      "id": 32,
                       "name": "key",
                       "kind": 32768,
                       "flags": {},
@@ -3137,7 +3137,7 @@
             }
           },
           {
-            "id": 216,
+            "id": 27,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -3154,7 +3154,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 222,
+              "id": 33,
               "name": "SkyProgressIndicatorMessageType"
             }
           }
@@ -3164,8 +3164,8 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              217,
-              216
+              28,
+              27
             ]
           }
         ],
@@ -3178,7 +3178,7 @@
         ]
       },
       {
-        "id": 209,
+        "id": 20,
         "name": "SkyProgressIndicatorDisplayModeType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3213,7 +3213,7 @@
         }
       },
       {
-        "id": 231,
+        "id": 42,
         "name": "SkyProgressIndicatorNavButtonType",
         "kind": 4194304,
         "kindString": "Type alias",
@@ -3256,38 +3256,38 @@
         "title": "Enumerations",
         "kind": 8,
         "children": [
-          210,
-          222
+          21,
+          33
         ]
       },
       {
         "title": "Classes",
         "kind": 128,
         "children": [
-          196,
-          190,
+          7,
           1,
           43,
-          126,
-          171,
-          187
+          85,
+          168,
+          213,
+          229
         ]
       },
       {
         "title": "Interfaces",
         "kind": 256,
         "children": [
-          193,
-          205,
-          215
+          4,
+          16,
+          26
         ]
       },
       {
         "title": "Type aliases",
         "kind": 4194304,
         "children": [
-          209,
-          231
+          20,
+          42
         ]
       }
     ],
@@ -3301,59 +3301,59 @@
   },
   "codeExamples": [
     {
-      "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 [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": "wizard-demo.module.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\nimport { WizardDemoComponent } from './wizard-demo.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})\nexport class SkyProgressIndicatorPassiveDemoModule {}\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 { 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": "wizard-demo.component.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.ts",
+      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\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": "progress-indicator-passive-demo.module.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\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": "wizard-demo.component.html",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.html",
+      "rawContents": "<button type=\"button\" class=\"sky-btn sky-btn-default\" (click)=\"openWizard()\">\n  Open wizard\n</button>\n"
     },
     {
-      "fileName": "progress-indicator-passive-demo.component.html",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.html",
-      "rawContents": "<sky-progress-indicator [isPassive]=\"true\" [startingIndex]=\"1\">\n  <sky-progress-indicator-item title=\"Finished step\"\n    >Optional details about this step\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item title=\"Current step\">\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item title=\"HIDDEN TITLE\">\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n  </sky-progress-indicator-item>\n</sky-progress-indicator>\n"
+      "fileName": "wizard-demo-modal.component.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\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 {\n  public activeIndex: number | undefined = 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(formBuilder: FormBuilder, public instance: SkyModalInstance) {\n    this.myForm = 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": "progress-indicator-passive-demo.component.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.ts",
-      "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  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\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 [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=\"Finish\"\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": "progress-indicator-passive-demo.module.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorPassiveDemoComponent } from './progress-indicator-passive-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyProgressIndicatorModule, SkyHelpInlineModule],\n  exports: [SkyProgressIndicatorPassiveDemoComponent],\n  declarations: [SkyProgressIndicatorPassiveDemoComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
+      "fileName": "progress-indicator-waterfall-demo.module.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyProgressIndicatorModule,\n    SkyModalModule,\n    SkyHelpInlineModule,\n  ],\n  exports: [WaterfallIndicatorDocsComponent],\n  declarations: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     },
     {
-      "fileName": "progress-indicator-waterfall-demo-context.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-context.ts",
-      "rawContents": "export class SkyProgressIndicatorWaterfallDemoContext {\n  public title = '';\n  public buttonText = '';\n}\n"
+      "fileName": "progress-indicator-waterfall-demo.component.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.ts",
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorMessage,\n  SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\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: number | undefined = 0;\n\n  public progressMessageStream = new Subject<\n    SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n  >();\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  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
     },
     {
-      "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"
+      "fileName": "progress-indicator-waterfall-demo.component.html",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/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  <sky-progress-indicator-title>\n    Set up my connection\n  </sky-progress-indicator-title>\n\n  <sky-progress-indicator-item title=\"Configure connection\">\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\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 && 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    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n    <div *ngIf=\"activeIndex && 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    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n    <div *ngIf=\"activeIndex && 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    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n    <div *ngIf=\"activeIndex && 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-form.component.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-form.component.ts",
       "rawContents": "import { Component } from '@angular/core';\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  <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 && 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 && 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 && 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 && 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-form.component.html",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/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"
     },
     {
-      "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  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorMessage,\n  SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\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: number | undefined = 0;\n\n  public progressMessageStream = new Subject<\n    SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n  >();\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-context.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-context.ts",
+      "rawContents": "export class SkyProgressIndicatorWaterfallDemoContext {\n  public title = '';\n  public buttonText = '';\n}\n"
     },
     {
       "fileName": "progress-indicator-waterfall-demo.module.ts",
@@ -3361,59 +3361,59 @@
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyProgressIndicatorModule,\n    SkyModalModule,\n    SkyHelpInlineModule,\n  ],\n  exports: [WaterfallIndicatorDocsComponent],\n  declarations: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     },
     {
-      "fileName": "progress-indicator-waterfall-demo-context.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo-context.ts",
-      "rawContents": "export class SkyProgressIndicatorWaterfallDemoContext {\n  public title = '';\n  public buttonText = '';\n}\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  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorMessage,\n  SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\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: number | undefined = 0;\n\n  public progressMessageStream = new Subject<\n    SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n  >();\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-form.component.html",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/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"
+      "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  <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 && 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 && 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 && 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 && 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-form.component.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/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 { Component } from '@angular/core';\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/inline-help/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  <sky-progress-indicator-title>\n    Set up my connection\n  </sky-progress-indicator-title>\n\n  <sky-progress-indicator-item title=\"Configure connection\">\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\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 && 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    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n    <div *ngIf=\"activeIndex && 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    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n    <div *ngIf=\"activeIndex && 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    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n    <div *ngIf=\"activeIndex && 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-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"
     },
     {
-      "fileName": "progress-indicator-waterfall-demo.component.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.component.ts",
-      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorMessage,\n  SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\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: number | undefined = 0;\n\n  public progressMessageStream = new Subject<\n    SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n  >();\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  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
+      "fileName": "progress-indicator-waterfall-demo-context.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-context.ts",
+      "rawContents": "export class SkyProgressIndicatorWaterfallDemoContext {\n  public title = '';\n  public buttonText = '';\n}\n"
     },
     {
-      "fileName": "progress-indicator-waterfall-demo.module.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/inline-help/progress-indicator-waterfall-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SkyProgressIndicatorModule,\n    SkyModalModule,\n    SkyHelpInlineModule,\n  ],\n  exports: [WaterfallIndicatorDocsComponent],\n  declarations: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
+      "fileName": "progress-indicator-passive-demo.module.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorPassiveDemoComponent } from './progress-indicator-passive-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyProgressIndicatorModule, SkyHelpInlineModule],\n  exports: [SkyProgressIndicatorPassiveDemoComponent],\n  declarations: [SkyProgressIndicatorPassiveDemoComponent],\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 [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=\"Finish\"\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": "progress-indicator-passive-demo.component.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.ts",
+      "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  public onActionClick(): void {\n    alert('Help inline button clicked!');\n  }\n}\n"
     },
     {
-      "fileName": "wizard-demo-modal.component.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\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 {\n  public activeIndex: number | undefined = 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(formBuilder: FormBuilder, public instance: SkyModalInstance) {\n    this.myForm = 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": "progress-indicator-passive-demo.component.html",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/inline-help/progress-indicator-passive-demo.component.html",
+      "rawContents": "<sky-progress-indicator [isPassive]=\"true\" [startingIndex]=\"1\">\n  <sky-progress-indicator-item title=\"Finished step\"\n    >Optional details about this step\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item title=\"Current step\">\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n  </sky-progress-indicator-item>\n  <sky-progress-indicator-item title=\"HIDDEN TITLE\">\n    <sky-help-inline\n      class=\"sky-control-help\"\n      (actionClick)=\"onActionClick()\"\n    ></sky-help-inline>\n  </sky-progress-indicator-item>\n</sky-progress-indicator>\n"
     },
     {
-      "fileName": "wizard-demo.component.html",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.html",
-      "rawContents": "<button type=\"button\" class=\"sky-btn sky-btn-default\" (click)=\"openWizard()\">\n  Open wizard\n</button>\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 { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\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": "wizard-demo.component.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.component.ts",
-      "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\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": "progress-indicator-passive-demo.component.ts",
+      "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.ts",
+      "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": "wizard-demo.module.ts",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\nimport { WizardDemoComponent } from './wizard-demo.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})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
+      "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 [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"
     }
   ]
 }