@skyux/progress-indicator 5.5.0-beta.0 → 5.6.1

package/bundles/skyux-progress-indicator.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/theme'), require('rxjs'), require('rxjs/operators'), require('@skyux/core')) :
-    typeof define === 'function' && define.amd ? define('@skyux/progress-indicator', ['exports', '@angular/core', '@angular/common', '@skyux/i18n', '@skyux/indicators', '@skyux/theme', 'rxjs', 'rxjs/operators', '@skyux/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["progress-indicator"] = {}), global.ng.core, global.ng.common, global.i4, global.i2, global.i1, global.rxjs, global.rxjs.operators, global.i1$1));
-})(this, (function (exports, i0, i3, i4, i2, i1, rxjs, operators, i1$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/theme'), require('rxjs'), require('rxjs/operators'), require('@skyux/core')) :
+    typeof define === 'function' && define.amd ? define('@skyux/progress-indicator', ['exports', '@angular/common', '@angular/core', '@skyux/i18n', '@skyux/indicators', '@skyux/theme', 'rxjs', 'rxjs/operators', '@skyux/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["progress-indicator"] = {}), global.ng.common, global.ng.core, global.i4, global.i2, global.i1, global.rxjs, global.rxjs.operators, global.i1$1));
+})(this, (function (exports, i3, i0, i4, i2, i1, rxjs, operators, i1$1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -22,8 +22,8 @@
         return Object.freeze(n);
     }
 
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
@@ -279,20 +279,19 @@
                 }] } });
 
     /**
-     * @deprecated Use `SkyProgressIndicatorDisplayModeType` instead.
-     * @internal
+     * Allows the consumer to decide whether the button's action should be completed successfully.
+     * The handler is provided with all nav button types.
      */
-    exports.SkyProgressIndicatorDisplayMode = void 0;
-    (function (SkyProgressIndicatorDisplayMode) {
-        /**
-         * Specifies a vertical layout for the progress indicator.
-         */
-        SkyProgressIndicatorDisplayMode[SkyProgressIndicatorDisplayMode["Vertical"] = 0] = "Vertical";
+    var SkyProgressIndicatorActionClickProgressHandler = /** @class */ (function () {
         /**
-         * Specifies a horizontal layout for the progress indicator.
+         *
+         * @param advance Advances the progress indicator to the next step.
          */
-        SkyProgressIndicatorDisplayMode[SkyProgressIndicatorDisplayMode["Horizontal"] = 1] = "Horizontal";
-    })(exports.SkyProgressIndicatorDisplayMode || (exports.SkyProgressIndicatorDisplayMode = {}));
+        function SkyProgressIndicatorActionClickProgressHandler(advance) {
+            this.advance = advance;
+        }
+        return SkyProgressIndicatorActionClickProgressHandler;
+    }());
 
     exports.SkyProgressIndicatorMessageType = void 0;
     (function (SkyProgressIndicatorMessageType) {
@@ -322,6 +321,22 @@
         SkyProgressIndicatorMessageType[SkyProgressIndicatorMessageType["GoTo"] = 4] = "GoTo";
     })(exports.SkyProgressIndicatorMessageType || (exports.SkyProgressIndicatorMessageType = {}));
 
+    /**
+     * @deprecated Use `SkyProgressIndicatorDisplayModeType` instead.
+     * @internal
+     */
+    exports.SkyProgressIndicatorDisplayMode = void 0;
+    (function (SkyProgressIndicatorDisplayMode) {
+        /**
+         * Specifies a vertical layout for the progress indicator.
+         */
+        SkyProgressIndicatorDisplayMode[SkyProgressIndicatorDisplayMode["Vertical"] = 0] = "Vertical";
+        /**
+         * Specifies a horizontal layout for the progress indicator.
+         */
+        SkyProgressIndicatorDisplayMode[SkyProgressIndicatorDisplayMode["Horizontal"] = 1] = "Horizontal";
+    })(exports.SkyProgressIndicatorDisplayMode || (exports.SkyProgressIndicatorDisplayMode = {}));
+
     var SkyProgressIndicatorComponent = /** @class */ (function () {
         function SkyProgressIndicatorComponent(changeDetector, windowRef) {
             this.changeDetector = changeDetector;
@@ -666,21 +681,6 @@
                     args: [SkyProgressIndicatorItemComponent]
                 }] } });
 
-    /**
-     * Allows the consumer to decide whether the button's action should be completed successfully.
-     * The handler is provided with all nav button types.
-     */
-    var SkyProgressIndicatorActionClickProgressHandler = /** @class */ (function () {
-        /**
-         *
-         * @param advance Advances the progress indicator to the next step.
-         */
-        function SkyProgressIndicatorActionClickProgressHandler(advance) {
-            this.advance = advance;
-        }
-        return SkyProgressIndicatorActionClickProgressHandler;
-    }());
-
     /**
      * Displays a button to navigate the steps in modal wizards. We recommend against using it in
      * passive progress indicators and waterfall progress indicators.

package/documentation.json

@@ -395,7 +395,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.module.ts",
-            "line": 49,
+            "line": 40,
             "character": 13
           }
         ]
@@ -832,7 +832,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 196,
+                "line": 188,
                 "character": 2
               }
             ],
@@ -903,7 +903,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 118,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -933,7 +933,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 120,
+                "line": 112,
                 "character": 13
               }
             ],
@@ -974,7 +974,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 53,
+                "line": 45,
                 "character": 13
               }
             ],
@@ -1049,7 +1049,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 146,
+                "line": 138,
                 "character": 13
               }
             ],
@@ -1116,7 +1116,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 71,
+                "line": 63,
                 "character": 13
               }
             ],
@@ -1189,7 +1189,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 154,
+                "line": 146,
                 "character": 13
               }
             ],
@@ -1234,7 +1234,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 90,
+                "line": 82,
                 "character": 13
               }
             ],
@@ -1310,7 +1310,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 106,
+                "line": 98,
                 "character": 13
               }
             ],
@@ -1371,7 +1371,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 207,
+                "line": 199,
                 "character": 9
               }
             ],
@@ -1408,7 +1408,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 228,
+                "line": 220,
                 "character": 9
               }
             ],
@@ -1445,7 +1445,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 201,
+                "line": 193,
                 "character": 9
               }
             ],
@@ -1482,7 +1482,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-                "line": 233,
+                "line": 225,
                 "character": 9
               }
             ],
@@ -1557,7 +1557,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator.component.ts",
-            "line": 41,
+            "line": 33,
             "character": 13
           }
         ],
@@ -1615,7 +1615,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 195,
+                "line": 189,
                 "character": 2
               }
             ],
@@ -1699,7 +1699,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 148,
+                "line": 142,
                 "character": 9
               }
             ],
@@ -1750,7 +1750,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 46,
+                "line": 40,
                 "character": 9
               }
             ],
@@ -1770,7 +1770,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 173,
+                "line": 167,
                 "character": 13
               }
             ],
@@ -1811,7 +1811,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 54,
+                "line": 48,
                 "character": 13
               }
             ],
@@ -1886,7 +1886,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 150,
+                "line": 144,
                 "character": 13
               }
             ],
@@ -1927,7 +1927,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 71,
+                "line": 65,
                 "character": 13
               }
             ],
@@ -2000,7 +2000,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 177,
+                "line": 171,
                 "character": 13
               }
             ],
@@ -2067,7 +2067,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 98,
+                "line": 92,
                 "character": 13
               }
             ],
@@ -2142,7 +2142,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 200,
+                "line": 194,
                 "character": 9
               }
             ],
@@ -2179,7 +2179,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 208,
+                "line": 202,
                 "character": 9
               }
             ],
@@ -2216,7 +2216,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-                "line": 214,
+                "line": 208,
                 "character": 9
               }
             ],
@@ -2291,7 +2291,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts",
-            "line": 38,
+            "line": 32,
             "character": 13
           }
         ],
@@ -2343,7 +2343,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 56,
+                "line": 55,
                 "character": 2
               }
             ],
@@ -2409,7 +2409,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 45,
+                "line": 44,
                 "character": 9
               }
             ],
@@ -2445,7 +2445,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 52,
+                "line": 51,
                 "character": 9
               }
             ],
@@ -2486,7 +2486,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 31,
+                "line": 30,
                 "character": 13
               }
             ],
@@ -2559,7 +2559,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 64,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -2596,7 +2596,7 @@
             "sources": [
               {
                 "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-                "line": 68,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -2650,7 +2650,7 @@
         "sources": [
           {
             "fileName": "projects/progress-indicator/src/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts",
-            "line": 25,
+            "line": 24,
             "character": 13
           }
         ],
@@ -3167,7 +3167,7 @@
     {
       "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';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { SkyProgressIndicatorPassiveDemoComponent } from './progress-indicator-passive-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyProgressIndicatorModule],\n  exports: [SkyProgressIndicatorPassiveDemoComponent],\n  declarations: [SkyProgressIndicatorPassiveDemoComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
+      "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": "progress-indicator-waterfall-demo-context.ts",
@@ -3182,7 +3182,7 @@
     {
       "fileName": "progress-indicator-waterfall-demo-form.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo-form.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\n\n@Component({\n  selector: 'app-progress-indicator-waterfall-horizontal-demo',\n  templateUrl: './progress-indicator-waterfall-demo-form.component.html',\n})\nexport class SkyProgressIndicatorWaterfallDemoFormComponent {\n  constructor(\n    public instance: SkyModalInstance,\n    public context: SkyProgressIndicatorWaterfallDemoContext\n  ) {}\n\n  public submit(): void {\n    this.instance.close(undefined, 'save');\n  }\n}\n"
+      "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",
@@ -3192,12 +3192,12 @@
     {
       "fileName": "progress-indicator-waterfall-demo.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.component.ts",
-      "rawContents": "import {\n  Component,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { SkyModalService, SkyModalCloseArgs } from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorMessageType,\n} from '@skyux/progress-indicator';\n\nimport { Subject } from 'rxjs';\n\nimport { take } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorWaterfallDemoContext } from './progress-indicator-waterfall-demo-context';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\n\n@Component({\n  selector: 'app-waterfall-indicator-docs',\n  templateUrl: './progress-indicator-waterfall-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WaterfallIndicatorDocsComponent {\n  public activeIndex = 0;\n\n  public progressMessageStream = new Subject<SkyProgressIndicatorMessageType>();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private modal: SkyModalService\n  ) {}\n\n  public configureConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Configure connection',\n        buttonText: 'Submit connection settings',\n      },\n      isProgress\n    );\n  }\n\n  public setServer(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Select remote server',\n        buttonText: 'Submit server choice',\n      },\n      isProgress\n    );\n  }\n\n  public testConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Connection confirmed.',\n        buttonText: 'OK',\n      },\n      isProgress\n    );\n  }\n\n  public alertMessage(message: string): void {\n    alert(message);\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n    this.changeDetector.detectChanges();\n  }\n\n  public resetClicked(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Reset);\n  }\n\n  private progress(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Progress);\n  }\n\n  private openModalForm(\n    context: SkyProgressIndicatorWaterfallDemoContext,\n    isProgress: boolean\n  ): void {\n    const modalForm = this.modal.open(\n      SkyProgressIndicatorWaterfallDemoFormComponent,\n      [\n        {\n          provide: SkyProgressIndicatorWaterfallDemoContext,\n          useValue: context,\n        },\n      ]\n    );\n\n    modalForm.closed.pipe(take(1)).subscribe((args: SkyModalCloseArgs) => {\n      if (args.reason === 'save' && isProgress) {\n        this.progress();\n      }\n    });\n  }\n}\n"
+      "rawContents": "import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n} from '@angular/core';\nimport { SkyModalCloseArgs, SkyModalService } from '@skyux/modals';\nimport {\n  SkyProgressIndicatorChange,\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 = 0;\n\n  public progressMessageStream = new Subject<SkyProgressIndicatorMessageType>();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private modal: SkyModalService\n  ) {}\n\n  public configureConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Configure connection',\n        buttonText: 'Submit connection settings',\n      },\n      isProgress\n    );\n  }\n\n  public setServer(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Select remote server',\n        buttonText: 'Submit server choice',\n      },\n      isProgress\n    );\n  }\n\n  public testConnection(isProgress: boolean): void {\n    this.openModalForm(\n      {\n        title: 'Connection confirmed.',\n        buttonText: 'OK',\n      },\n      isProgress\n    );\n  }\n\n  public alertMessage(message: string): void {\n    alert(message);\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n    this.changeDetector.detectChanges();\n  }\n\n  public resetClicked(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Reset);\n  }\n\n  private progress(): void {\n    this.progressMessageStream.next(SkyProgressIndicatorMessageType.Progress);\n  }\n\n  private openModalForm(\n    context: SkyProgressIndicatorWaterfallDemoContext,\n    isProgress: boolean\n  ): void {\n    const modalForm = this.modal.open(\n      SkyProgressIndicatorWaterfallDemoFormComponent,\n      [\n        {\n          provide: SkyProgressIndicatorWaterfallDemoContext,\n          useValue: context,\n        },\n      ]\n    );\n\n    modalForm.closed.pipe(take(1)).subscribe((args: SkyModalCloseArgs) => {\n      if (args.reason === 'save' && isProgress) {\n        this.progress();\n      }\n    });\n  }\n}\n"
     },
     {
       "fileName": "progress-indicator-waterfall-demo.module.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/waterfall-indicator/basic/progress-indicator-waterfall-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WaterfallIndicatorDocsComponent } from './progress-indicator-waterfall-demo.component';\n\nimport { SkyProgressIndicatorWaterfallDemoFormComponent } from './progress-indicator-waterfall-demo-form.component';\n\n@NgModule({\n  imports: [CommonModule, SkyProgressIndicatorModule, SkyModalModule],\n  exports: [WaterfallIndicatorDocsComponent],\n  declarations: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n  entryComponents: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\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: [CommonModule, SkyProgressIndicatorModule, SkyModalModule],\n  exports: [WaterfallIndicatorDocsComponent],\n  declarations: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n  entryComponents: [\n    WaterfallIndicatorDocsComponent,\n    SkyProgressIndicatorWaterfallDemoFormComponent,\n  ],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     },
     {
       "fileName": "wizard-demo-modal.component.html",
@@ -3207,7 +3207,7 @@
     {
       "fileName": "wizard-demo-modal.component.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\nimport { SkyModalInstance } from '@skyux/modals';\n\nimport {\n  SkyProgressIndicatorActionClickArgs,\n  SkyProgressIndicatorChange,\n  SkyProgressIndicatorDisplayMode,\n} from '@skyux/progress-indicator';\n\n@Component({\n  selector: 'app-wizard-demo-modal',\n  templateUrl: './wizard-demo-modal.component.html',\n})\nexport class WizardDemoModalComponent implements OnInit {\n  public activeIndex = 0;\n\n  public displayMode = SkyProgressIndicatorDisplayMode.Horizontal;\n\n  public myForm: FormGroup;\n\n  public title = 'Wizard example';\n\n  public get requirementsMet(): boolean {\n    switch (this.activeIndex) {\n      case 0:\n        return !!this.myForm.get('requiredValue1').value;\n      case 1:\n        return !!this.myForm.get('requiredValue2').value;\n      default:\n        return false;\n    }\n  }\n\n  constructor(\n    private formBuilder: FormBuilder,\n    public instance: SkyModalInstance\n  ) {}\n\n  public ngOnInit() {\n    this.myForm = this.formBuilder.group({\n      requiredValue1: undefined,\n      requiredValue2: undefined,\n    });\n  }\n\n  public onCancelClick(): void {\n    this.instance.cancel();\n  }\n\n  public onSaveClick(args: SkyProgressIndicatorActionClickArgs): void {\n    args.progressHandler.advance();\n    this.instance.save();\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } 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 implements OnInit {\n  public activeIndex = 0;\n\n  public displayMode = SkyProgressIndicatorDisplayMode.Horizontal;\n\n  public myForm: FormGroup;\n\n  public title = 'Wizard example';\n\n  public get requirementsMet(): boolean {\n    switch (this.activeIndex) {\n      case 0:\n        return !!this.myForm.get('requiredValue1').value;\n      case 1:\n        return !!this.myForm.get('requiredValue2').value;\n      default:\n        return false;\n    }\n  }\n\n  constructor(\n    private formBuilder: FormBuilder,\n    public instance: SkyModalInstance\n  ) {}\n\n  public ngOnInit() {\n    this.myForm = this.formBuilder.group({\n      requiredValue1: undefined,\n      requiredValue2: undefined,\n    });\n  }\n\n  public onCancelClick(): void {\n    this.instance.cancel();\n  }\n\n  public onSaveClick(args: SkyProgressIndicatorActionClickArgs): void {\n    args.progressHandler.advance();\n    this.instance.save();\n  }\n\n  public updateIndex(changes: SkyProgressIndicatorChange): void {\n    this.activeIndex = changes.activeIndex;\n  }\n}\n"
     },
     {
       "fileName": "wizard-demo.component.html",
@@ -3217,12 +3217,12 @@
     {
       "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';\n\nimport { SkyModalService } from '@skyux/modals';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@Component({\n  selector: 'app-wizard-demo',\n  templateUrl: './wizard-demo.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WizardDemoComponent {\n  constructor(private modal: SkyModalService) {}\n\n  public openWizard(): void {\n    this.modal.open(WizardDemoModalComponent);\n  }\n}\n"
+      "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": "wizard-demo.module.ts",
       "filePath": "/projects/progress-indicator/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WizardDemoComponent } from './wizard-demo.component';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyModalModule,\n    SkyProgressIndicatorModule,\n  ],\n  exports: [WizardDemoComponent],\n  declarations: [WizardDemoComponent, WizardDemoModalComponent],\n  entryComponents: [WizardDemoModalComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
+      "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  entryComponents: [WizardDemoModalComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     }
   ]
 }

package/esm2015/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.js

@@ -1,9 +1,9 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Optional, Output, } from '@angular/core';
 import { Subject } from 'rxjs';
 import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
+import { SkyProgressIndicatorComponent } from '../progress-indicator.component';
 import { SkyProgressIndicatorActionClickProgressHandler } from '../types/progress-indicator-action-click-progress-handler';
 import { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';
-import { SkyProgressIndicatorComponent } from '../progress-indicator.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../progress-indicator.component";
 import * as i2 from "@angular/common";

package/esm2015/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-indicator-nav-button.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts","../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Optional,\n  Output,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorActionClickArgs } from '../types/progress-indicator-action-click-args';\n\nimport { SkyProgressIndicatorActionClickProgressHandler } from '../types/progress-indicator-action-click-progress-handler';\n\nimport { SkyProgressIndicatorChange } from '../types/progress-indicator-change';\n\nimport { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';\n\nimport { SkyProgressIndicatorNavButtonType } from '../types/progress-indicator-nav-button-type';\n\nimport { SkyProgressIndicatorComponent } from '../progress-indicator.component';\n\n/**\n * Displays a button to navigate the steps in modal wizards. We recommend against using it in\n * passive progress indicators and waterfall progress indicators.\n */\n@Component({\n  selector: 'sky-progress-indicator-nav-button',\n  templateUrl: './progress-indicator-nav-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorNavButtonComponent\n  implements AfterViewInit, OnDestroy\n{\n  /**\n   * Specifies the label to display on the nav button.\n   * @default \"Next\"\n   */\n  @Input()\n  public buttonText: string;\n\n  /**\n   * Specifies the type of nav button to include.\n   * The valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`.\n   * @default \"next\"\n   */\n  @Input()\n  public set buttonType(value: SkyProgressIndicatorNavButtonType) {\n    this._buttonType = value;\n  }\n\n  public get buttonType(): SkyProgressIndicatorNavButtonType {\n    if (this._buttonType === undefined) {\n      return 'next';\n    }\n\n    return this._buttonType;\n  }\n\n  /**\n   * Indicates whether to disable the nav button.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get disabled(): boolean {\n    const buttonType = this.buttonType;\n    const activeIndex = this.lastProgressChange.activeIndex;\n    const isLastStep =\n      activeIndex === this.lastProgressChange.itemStatuses.length - 1;\n\n    if (buttonType === 'previous' && activeIndex === 0) {\n      return true;\n    }\n\n    if (buttonType === 'next' && isLastStep) {\n      return true;\n    }\n\n    return this._disabled || false;\n  }\n\n  /**\n   * Specifies the progress indicator component to associate with the nav button.\n   * @required\n   */\n  @Input()\n  public set progressIndicator(value: SkyProgressIndicatorComponent) {\n    this._progressIndicator = value;\n\n    if (value) {\n      if (this.buttonType === 'finish') {\n        // The `hasFinishButton` field was added to support legacy API.\n        // Some implementations only include a next button; we cannot\n        // assume that every implementation includes both a finish button and a next button.\n        this._progressIndicator.hasFinishButton = true;\n      }\n\n      this._progressIndicator.progressChanges\n        .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))\n        .subscribe((change: SkyProgressIndicatorChange) => {\n          this.lastProgressChange = change;\n          this.updateButtonVisibility(change);\n        });\n    } else {\n      if (!this.parentTimeout) {\n        this.parentTimeout = window.setTimeout(() => {\n          /* istanbul ignore else */\n          if (!this.progressIndicator) {\n            throw new Error(\n              'The `<sky-progress-indicator-nav-button>` component requires a reference to ' +\n                'the `<sky-progress-indicator>` component it controls. For example:\\n' +\n                '<sky-progress-indicator\\n' +\n                '  #myProgressIndicator\\n' +\n                '>\\n' +\n                '</sky-progress-indicator>\\n' +\n                '<sky-progress-indicator-nav-button\\n' +\n                '  [progressIndicator]=\"myProgressIndicator\"\\n' +\n                '>\\n' +\n                '</sky-progress-indicator-nav-button>'\n            );\n          }\n        }, 50);\n      }\n    }\n  }\n\n  public get progressIndicator(): SkyProgressIndicatorComponent {\n    return this._progressIndicator;\n  }\n\n  /**\n   * Fires when users select the nav button and emits a `SkyProgressIndicatorActionClickArgs`\n   * object that is passed into the callback function to allow consumers to decide whether\n   * the button’s action should complete successfully.\n   */\n  @Output()\n  public actionClick = new EventEmitter<SkyProgressIndicatorActionClickArgs>();\n\n  public get cssClassNames(): string {\n    const buttonType = this.buttonType;\n\n    const classNames = [`sky-progress-indicator-nav-button-${this.buttonType}`];\n\n    switch (buttonType) {\n      case 'next':\n      case 'finish':\n        classNames.push('sky-btn-primary');\n        break;\n\n      case 'reset':\n        classNames.push('sky-btn-link');\n        break;\n\n      default:\n        classNames.push('sky-btn-default');\n        break;\n    }\n\n    return classNames.join(' ');\n  }\n\n  public get buttonLabelResourceString(): string {\n    return `skyux_progress_indicator_navigator_${this.buttonType}`;\n  }\n\n  public set isVisible(value: boolean) {\n    this._isVisible = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get isVisible(): boolean {\n    return this._isVisible || false;\n  }\n\n  private lastProgressChange: SkyProgressIndicatorChange;\n  private ngUnsubscribe = new Subject<void>();\n  private parentTimeout: number;\n\n  private _buttonType: SkyProgressIndicatorNavButtonType;\n  private _disabled: boolean;\n  private _isVisible: boolean;\n  private _progressIndicator: SkyProgressIndicatorComponent;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    @Optional() private parentComponent: SkyProgressIndicatorComponent\n  ) {}\n\n  public ngAfterViewInit(): void {\n    if (!this.progressIndicator && this.parentComponent) {\n      this.progressIndicator = this.parentComponent;\n    } else if (!this.progressIndicator) {\n      this.progressIndicator = undefined;\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.actionClick.complete();\n  }\n\n  public onClick(event: MouseEvent): void {\n    event.preventDefault();\n\n    let type: SkyProgressIndicatorMessageType;\n\n    switch (this.buttonType) {\n      case 'finish':\n        type = SkyProgressIndicatorMessageType.Finish;\n        break;\n\n      case 'next':\n        type = SkyProgressIndicatorMessageType.Progress;\n        break;\n\n      case 'previous':\n        type = SkyProgressIndicatorMessageType.Regress;\n        break;\n\n      case 'reset':\n        type = SkyProgressIndicatorMessageType.Reset;\n        break;\n\n      default:\n        break;\n    }\n\n    // If the consumer has subscribed to the `actionClick` event,\n    // allow them to decide when to advance to the next step.\n    if (this.actionClick.observers.length > 0) {\n      this.actionClick.emit({\n        event,\n        progressHandler: new SkyProgressIndicatorActionClickProgressHandler(\n          () => {\n            this.progressIndicator.sendMessage({ type });\n          }\n        ),\n      });\n    } else {\n      this.progressIndicator.sendMessage({ type });\n    }\n  }\n\n  private updateButtonVisibility(change: SkyProgressIndicatorChange): void {\n    const isLastStep = change.activeIndex === change.itemStatuses.length - 1;\n    const buttonType = this.buttonType;\n\n    // Hide the button if all steps are complete\n    // (except for the reset button)\n    if (buttonType !== 'reset' && change.isComplete) {\n      this.isVisible = false;\n      return;\n    }\n\n    if (buttonType === 'finish') {\n      this.isVisible = isLastStep;\n      return;\n    }\n\n    // Hide the next button on the last step only if a finish button exists.\n    if (\n      buttonType === 'next' &&\n      isLastStep &&\n      this.progressIndicator.hasFinishButton\n    ) {\n      this.isVisible = false;\n      return;\n    }\n\n    this.isVisible = true;\n  }\n}\n","<button\n  *ngIf=\"isVisible\"\n  class=\"sky-btn\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"cssClassNames\"\n  [skyThemeClass]=\"{\n    'sky-margin-inline-compact': 'default',\n    'sky-btn-link': 'modern'\n  }\"\n  (click)=\"onClick($event)\"\n>\n  {{ buttonText || (buttonLabelResourceString | skyLibResources) }}\n</button>\n"]}
+{"version":3,"file":"progress-indicator-nav-button.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.ts","../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Optional,\n  Output,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorComponent } from '../progress-indicator.component';\nimport { SkyProgressIndicatorActionClickArgs } from '../types/progress-indicator-action-click-args';\nimport { SkyProgressIndicatorActionClickProgressHandler } from '../types/progress-indicator-action-click-progress-handler';\nimport { SkyProgressIndicatorChange } from '../types/progress-indicator-change';\nimport { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';\nimport { SkyProgressIndicatorNavButtonType } from '../types/progress-indicator-nav-button-type';\n\n/**\n * Displays a button to navigate the steps in modal wizards. We recommend against using it in\n * passive progress indicators and waterfall progress indicators.\n */\n@Component({\n  selector: 'sky-progress-indicator-nav-button',\n  templateUrl: './progress-indicator-nav-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorNavButtonComponent\n  implements AfterViewInit, OnDestroy\n{\n  /**\n   * Specifies the label to display on the nav button.\n   * @default \"Next\"\n   */\n  @Input()\n  public buttonText: string;\n\n  /**\n   * Specifies the type of nav button to include.\n   * The valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`.\n   * @default \"next\"\n   */\n  @Input()\n  public set buttonType(value: SkyProgressIndicatorNavButtonType) {\n    this._buttonType = value;\n  }\n\n  public get buttonType(): SkyProgressIndicatorNavButtonType {\n    if (this._buttonType === undefined) {\n      return 'next';\n    }\n\n    return this._buttonType;\n  }\n\n  /**\n   * Indicates whether to disable the nav button.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get disabled(): boolean {\n    const buttonType = this.buttonType;\n    const activeIndex = this.lastProgressChange.activeIndex;\n    const isLastStep =\n      activeIndex === this.lastProgressChange.itemStatuses.length - 1;\n\n    if (buttonType === 'previous' && activeIndex === 0) {\n      return true;\n    }\n\n    if (buttonType === 'next' && isLastStep) {\n      return true;\n    }\n\n    return this._disabled || false;\n  }\n\n  /**\n   * Specifies the progress indicator component to associate with the nav button.\n   * @required\n   */\n  @Input()\n  public set progressIndicator(value: SkyProgressIndicatorComponent) {\n    this._progressIndicator = value;\n\n    if (value) {\n      if (this.buttonType === 'finish') {\n        // The `hasFinishButton` field was added to support legacy API.\n        // Some implementations only include a next button; we cannot\n        // assume that every implementation includes both a finish button and a next button.\n        this._progressIndicator.hasFinishButton = true;\n      }\n\n      this._progressIndicator.progressChanges\n        .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))\n        .subscribe((change: SkyProgressIndicatorChange) => {\n          this.lastProgressChange = change;\n          this.updateButtonVisibility(change);\n        });\n    } else {\n      if (!this.parentTimeout) {\n        this.parentTimeout = window.setTimeout(() => {\n          /* istanbul ignore else */\n          if (!this.progressIndicator) {\n            throw new Error(\n              'The `<sky-progress-indicator-nav-button>` component requires a reference to ' +\n                'the `<sky-progress-indicator>` component it controls. For example:\\n' +\n                '<sky-progress-indicator\\n' +\n                '  #myProgressIndicator\\n' +\n                '>\\n' +\n                '</sky-progress-indicator>\\n' +\n                '<sky-progress-indicator-nav-button\\n' +\n                '  [progressIndicator]=\"myProgressIndicator\"\\n' +\n                '>\\n' +\n                '</sky-progress-indicator-nav-button>'\n            );\n          }\n        }, 50);\n      }\n    }\n  }\n\n  public get progressIndicator(): SkyProgressIndicatorComponent {\n    return this._progressIndicator;\n  }\n\n  /**\n   * Fires when users select the nav button and emits a `SkyProgressIndicatorActionClickArgs`\n   * object that is passed into the callback function to allow consumers to decide whether\n   * the button’s action should complete successfully.\n   */\n  @Output()\n  public actionClick = new EventEmitter<SkyProgressIndicatorActionClickArgs>();\n\n  public get cssClassNames(): string {\n    const buttonType = this.buttonType;\n\n    const classNames = [`sky-progress-indicator-nav-button-${this.buttonType}`];\n\n    switch (buttonType) {\n      case 'next':\n      case 'finish':\n        classNames.push('sky-btn-primary');\n        break;\n\n      case 'reset':\n        classNames.push('sky-btn-link');\n        break;\n\n      default:\n        classNames.push('sky-btn-default');\n        break;\n    }\n\n    return classNames.join(' ');\n  }\n\n  public get buttonLabelResourceString(): string {\n    return `skyux_progress_indicator_navigator_${this.buttonType}`;\n  }\n\n  public set isVisible(value: boolean) {\n    this._isVisible = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get isVisible(): boolean {\n    return this._isVisible || false;\n  }\n\n  private lastProgressChange: SkyProgressIndicatorChange;\n  private ngUnsubscribe = new Subject<void>();\n  private parentTimeout: number;\n\n  private _buttonType: SkyProgressIndicatorNavButtonType;\n  private _disabled: boolean;\n  private _isVisible: boolean;\n  private _progressIndicator: SkyProgressIndicatorComponent;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    @Optional() private parentComponent: SkyProgressIndicatorComponent\n  ) {}\n\n  public ngAfterViewInit(): void {\n    if (!this.progressIndicator && this.parentComponent) {\n      this.progressIndicator = this.parentComponent;\n    } else if (!this.progressIndicator) {\n      this.progressIndicator = undefined;\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.actionClick.complete();\n  }\n\n  public onClick(event: MouseEvent): void {\n    event.preventDefault();\n\n    let type: SkyProgressIndicatorMessageType;\n\n    switch (this.buttonType) {\n      case 'finish':\n        type = SkyProgressIndicatorMessageType.Finish;\n        break;\n\n      case 'next':\n        type = SkyProgressIndicatorMessageType.Progress;\n        break;\n\n      case 'previous':\n        type = SkyProgressIndicatorMessageType.Regress;\n        break;\n\n      case 'reset':\n        type = SkyProgressIndicatorMessageType.Reset;\n        break;\n\n      default:\n        break;\n    }\n\n    // If the consumer has subscribed to the `actionClick` event,\n    // allow them to decide when to advance to the next step.\n    if (this.actionClick.observers.length > 0) {\n      this.actionClick.emit({\n        event,\n        progressHandler: new SkyProgressIndicatorActionClickProgressHandler(\n          () => {\n            this.progressIndicator.sendMessage({ type });\n          }\n        ),\n      });\n    } else {\n      this.progressIndicator.sendMessage({ type });\n    }\n  }\n\n  private updateButtonVisibility(change: SkyProgressIndicatorChange): void {\n    const isLastStep = change.activeIndex === change.itemStatuses.length - 1;\n    const buttonType = this.buttonType;\n\n    // Hide the button if all steps are complete\n    // (except for the reset button)\n    if (buttonType !== 'reset' && change.isComplete) {\n      this.isVisible = false;\n      return;\n    }\n\n    if (buttonType === 'finish') {\n      this.isVisible = isLastStep;\n      return;\n    }\n\n    // Hide the next button on the last step only if a finish button exists.\n    if (\n      buttonType === 'next' &&\n      isLastStep &&\n      this.progressIndicator.hasFinishButton\n    ) {\n      this.isVisible = false;\n      return;\n    }\n\n    this.isVisible = true;\n  }\n}\n","<button\n  *ngIf=\"isVisible\"\n  class=\"sky-btn\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"cssClassNames\"\n  [skyThemeClass]=\"{\n    'sky-margin-inline-compact': 'default',\n    'sky-btn-link': 'modern'\n  }\"\n  (click)=\"onClick($event)\"\n>\n  {{ buttonText || (buttonLabelResourceString | skyLibResources) }}\n</button>\n"]}

package/esm2015/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.js

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, } from '@angular/core';
-import { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';
 import { SkyProgressIndicatorComponent } from '../progress-indicator.component';
+import { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';
 import * as i0 from "@angular/core";
 /**
  * Displays a button to mark all items in the progress indicator as incomplete and set the

package/esm2015/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-indicator-reset-button.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts","../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,KAAK,EAEL,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,+BAA+B,EAAE,MAAM,0CAA0C,CAAC;AAE3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;;AAEhF;;;;GAIG;AAMH,MAAM,OAAO,wCAAwC;IA+BnD,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QATrD;;;WAGG;QAEI,eAAU,GAAG,IAAI,YAAY,EAAO,CAAC;QAK1C,OAAO,CAAC,IAAI,CACV,iFAAiF;YAC/E,2FAA2F;YAC3F,8BAA8B,CACjC,CAAC;IACJ,CAAC;IApCD;;;OAGG;IACH,IACW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC;IACjC,CAAC;IA0BM,WAAW;QAChB,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QAEvB,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC;YACjC,IAAI,EAAE,+BAA+B,CAAC,KAAK;SAC5C,CAAC,CAAC;IACL,CAAC;;sIAjDU,wCAAwC;0HAAxC,wCAAwC,4LCxBrD,+JAQA;4FDgBa,wCAAwC;kBALpD,SAAS;mBAAC;oBACT,QAAQ,EAAE,qCAAqC;oBAC/C,WAAW,EAAE,kDAAkD;oBAC/D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;wGAOY,QAAQ;sBADlB,KAAK;gBAeC,iBAAiB;sBADvB,KAAK;gBAQC,UAAU;sBADhB,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n} from '@angular/core';\n\nimport { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';\n\nimport { SkyProgressIndicatorComponent } from '../progress-indicator.component';\n\n/**\n * Displays a button to mark all items in the progress indicator as incomplete and set the\n * first item as the active item. The steps after the active item remain incomplete until\n * users reach them in their sequential order.\n */\n@Component({\n  selector: 'sky-progress-indicator-reset-button',\n  templateUrl: './progress-indicator-reset-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorResetButtonComponent implements OnDestroy {\n  /**\n   * Indicates whether to disable the reset button.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * Specifies the progress indicator component to associate with the reset button.\n   * @required\n   */\n  @Input()\n  public progressIndicator: SkyProgressIndicatorComponent;\n\n  /**\n   * Fires when users select the reset button that marks all items as incomplete and sets the\n   * first item as the active item.\n   */\n  @Output()\n  public resetClick = new EventEmitter<any>();\n\n  private _disabled: boolean;\n\n  constructor(private changeDetector: ChangeDetectorRef) {\n    console.warn(\n      '[Deprecation warning] The `<sky-progress-indicator-reset-button>` component is ' +\n        'deprecated. Please use the `<sky-progress-indicator-nav-button>` component instead, with ' +\n        '`buttonType` set to \"reset\".'\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this.resetClick.complete();\n  }\n\n  public onClick(): void {\n    this.resetClick.emit();\n\n    this.progressIndicator.sendMessage({\n      type: SkyProgressIndicatorMessageType.Reset,\n    });\n  }\n}\n","<button\n  class=\"sky-btn sky-btn-link\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick()\"\n>\n  <ng-content></ng-content>\n</button>\n"]}
+{"version":3,"file":"progress-indicator-reset-button.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.ts","../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,KAAK,EAEL,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,+BAA+B,EAAE,MAAM,0CAA0C,CAAC;;AAE3F;;;;GAIG;AAMH,MAAM,OAAO,wCAAwC;IA+BnD,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QATrD;;;WAGG;QAEI,eAAU,GAAG,IAAI,YAAY,EAAO,CAAC;QAK1C,OAAO,CAAC,IAAI,CACV,iFAAiF;YAC/E,2FAA2F;YAC3F,8BAA8B,CACjC,CAAC;IACJ,CAAC;IApCD;;;OAGG;IACH,IACW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC;IACjC,CAAC;IA0BM,WAAW;QAChB,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QAEvB,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC;YACjC,IAAI,EAAE,+BAA+B,CAAC,KAAK;SAC5C,CAAC,CAAC;IACL,CAAC;;sIAjDU,wCAAwC;0HAAxC,wCAAwC,4LCvBrD,+JAQA;4FDea,wCAAwC;kBALpD,SAAS;mBAAC;oBACT,QAAQ,EAAE,qCAAqC;oBAC/C,WAAW,EAAE,kDAAkD;oBAC/D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;wGAOY,QAAQ;sBADlB,KAAK;gBAeC,iBAAiB;sBADvB,KAAK;gBAQC,UAAU;sBADhB,MAAM","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n} from '@angular/core';\n\nimport { SkyProgressIndicatorComponent } from '../progress-indicator.component';\nimport { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';\n\n/**\n * Displays a button to mark all items in the progress indicator as incomplete and set the\n * first item as the active item. The steps after the active item remain incomplete until\n * users reach them in their sequential order.\n */\n@Component({\n  selector: 'sky-progress-indicator-reset-button',\n  templateUrl: './progress-indicator-reset-button.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorResetButtonComponent implements OnDestroy {\n  /**\n   * Indicates whether to disable the reset button.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * Specifies the progress indicator component to associate with the reset button.\n   * @required\n   */\n  @Input()\n  public progressIndicator: SkyProgressIndicatorComponent;\n\n  /**\n   * Fires when users select the reset button that marks all items as incomplete and sets the\n   * first item as the active item.\n   */\n  @Output()\n  public resetClick = new EventEmitter<any>();\n\n  private _disabled: boolean;\n\n  constructor(private changeDetector: ChangeDetectorRef) {\n    console.warn(\n      '[Deprecation warning] The `<sky-progress-indicator-reset-button>` component is ' +\n        'deprecated. Please use the `<sky-progress-indicator-nav-button>` component instead, with ' +\n        '`buttonType` set to \"reset\".'\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this.resetClick.complete();\n  }\n\n  public onClick(): void {\n    this.resetClick.emit();\n\n    this.progressIndicator.sendMessage({\n      type: SkyProgressIndicatorMessageType.Reset,\n    });\n  }\n}\n","<button\n  class=\"sky-btn sky-btn-link\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick()\"\n>\n  <ng-content></ng-content>\n</button>\n"]}

package/esm2015/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.js

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, Optional, } from '@angular/core';
 import { SkyThemeService } from '@skyux/theme';
-import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 import { SkyProgressIndicatorItemStatus } from '../types/progress-indicator-item-status';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/theme";