@skyux/progress-indicator 5.7.2 → 6.0.0-beta.2

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

@@ -1,1075 +0,0 @@
-(function (global, factory) {
-    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;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    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);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-progress-indicator' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': {
-            skyux_progress_indicator_navigator_finish: { message: 'Finish' },
-            skyux_progress_indicator_navigator_next: { message: 'Next' },
-            skyux_progress_indicator_navigator_previous: { message: 'Previous' },
-            skyux_progress_indicator_navigator_reset: { message: 'Reset' },
-        },
-    };
-    var SkyProgressIndicatorResourcesProvider = /** @class */ (function () {
-        function SkyProgressIndicatorResourcesProvider() {
-        }
-        SkyProgressIndicatorResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i4.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyProgressIndicatorResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyProgressIndicatorResourcesModule = /** @class */ (function () {
-        function SkyProgressIndicatorResourcesModule() {
-        }
-        return SkyProgressIndicatorResourcesModule;
-    }());
-    SkyProgressIndicatorResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyProgressIndicatorResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorResourcesModule, exports: [i4.SkyI18nModule] });
-    SkyProgressIndicatorResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorResourcesModule, providers: [
-            {
-                provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyProgressIndicatorResourcesProvider,
-                multi: true,
-            },
-        ], imports: [i4.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i4.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyProgressIndicatorResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    exports.SkyProgressIndicatorItemStatus = void 0;
-    (function (SkyProgressIndicatorItemStatus) {
-        /**
-         * Indicates the item is active.
-         */
-        SkyProgressIndicatorItemStatus[SkyProgressIndicatorItemStatus["Active"] = 0] = "Active";
-        /**
-         * Indicates the item is complete.
-         */
-        SkyProgressIndicatorItemStatus[SkyProgressIndicatorItemStatus["Complete"] = 1] = "Complete";
-        /**
-         * Indicates the item is incomplete.
-         */
-        SkyProgressIndicatorItemStatus[SkyProgressIndicatorItemStatus["Incomplete"] = 2] = "Incomplete";
-        /**
-         * Indicates the item is pending.
-         */
-        SkyProgressIndicatorItemStatus[SkyProgressIndicatorItemStatus["Pending"] = 3] = "Pending";
-    })(exports.SkyProgressIndicatorItemStatus || (exports.SkyProgressIndicatorItemStatus = {}));
-
-    /**
-     * Specifies the content to display in the status marker.
-     * @internal
-     */
-    var SkyProgressIndicatorStatusMarkerComponent = /** @class */ (function () {
-        function SkyProgressIndicatorStatusMarkerComponent(changeDetector, themeSvc) {
-            var _this = this;
-            this.changeDetector = changeDetector;
-            this.ngUnsubscribe = new rxjs.Subject();
-            // Update icons when theme changes.
-            themeSvc === null || themeSvc === void 0 ? void 0 : themeSvc.settingsChange.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                _this.changeDetector.markForCheck();
-            });
-        }
-        Object.defineProperty(SkyProgressIndicatorStatusMarkerComponent.prototype, "displayMode", {
-            get: function () {
-                if (this._displayMode === undefined) {
-                    return 'vertical';
-                }
-                return this._displayMode;
-            },
-            set: function (value) {
-                this._displayMode = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorStatusMarkerComponent.prototype, "status", {
-            set: function (value) {
-                this._status = value;
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorStatusMarkerComponent.prototype, "cssClassNames", {
-            get: function () {
-                var classNames = [
-                    "sky-progress-indicator-status-marker-mode-" + this.displayMode,
-                    "sky-progress-indicator-status-marker-status-" + this.statusName,
-                ];
-                return classNames.join(' ');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorStatusMarkerComponent.prototype, "statusName", {
-            get: function () {
-                var name;
-                /* tslint:disable-next-line:switch-default */
-                switch (this._status) {
-                    case exports.SkyProgressIndicatorItemStatus.Active:
-                        name = 'active';
-                        break;
-                    case exports.SkyProgressIndicatorItemStatus.Complete:
-                        name = 'complete';
-                        break;
-                    case exports.SkyProgressIndicatorItemStatus.Incomplete:
-                        name = 'incomplete';
-                        break;
-                    case exports.SkyProgressIndicatorItemStatus.Pending:
-                        name = 'pending';
-                        break;
-                }
-                return name;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyProgressIndicatorStatusMarkerComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        return SkyProgressIndicatorStatusMarkerComponent;
-    }());
-    SkyProgressIndicatorStatusMarkerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorStatusMarkerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyProgressIndicatorStatusMarkerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: { displayMode: "displayMode", status: "status" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-progress-indicator-status-marker\"\n  role=\"presentation\"\n  [ngClass]=\"cssClassNames\"\n>\n  <div\n    *skyThemeIf=\"'default'\"\n    class=\"sky-progress-indicator-status-marker-icon\"\n  >\n    <sky-icon *ngIf=\"statusName === 'complete'\" icon=\"check\"> </sky-icon>\n  </div>\n  <div *skyThemeIf=\"'modern'\" class=\"sky-progress-indicator-status-marker-icon\">\n    <sky-icon *ngIf=\"statusName === 'complete'\" icon=\"check\" iconType=\"skyux\">\n    </sky-icon>\n  </div>\n  <div class=\"sky-progress-indicator-status-marker-line\"></div>\n</div>\n", styles: [".sky-progress-indicator-status-marker{display:flex;height:100%}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{flex-basis:15px;flex-grow:0;flex-direction:column;margin-right:15px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{margin-top:1px;width:15px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon>::ng-deep sky-icon{margin-left:-1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-line{margin:0 auto;width:1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal{flex-direction:row;width:100%;padding-left:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:15px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-line{margin:auto 0;height:1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border:0;margin-right:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon:before{content:\"\";display:block;width:5px;height:1px;background-color:#5a9936;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon:before{content:\"\";display:block;width:5px;height:1px;background-color:#cdcfd2;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker-icon{border-radius:15px;border:2px solid #cdcfd2;flex:0 0 15px}.sky-progress-indicator-status-marker-line{background-color:#cdcfd2;flex:1 0 auto}.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{background-color:#5a9936;border-color:transparent}.sky-progress-indicator-status-marker-status-pending .sky-progress-indicator-status-marker-icon{border-color:#5a9936}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border-color:transparent;color:#5a9936;margin-top:0}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon>::ng-deep sky-icon{display:inline-flex;vertical-align:top}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-line{background-color:#5a9936}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{position:relative;top:3px;margin-right:20px}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{width:17px}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:17px;top:1px}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker-icon{border-radius:17px;flex:0 0 17px}.sky-theme-modern .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{position:relative;top:3px;margin-right:20px}.sky-theme-modern .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{width:17px}.sky-theme-modern .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:17px;top:1px}.sky-theme-modern .sky-progress-indicator-status-marker-icon{border-radius:17px;flex:0 0 17px}\n"], components: [{ type: i2__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorStatusMarkerComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-progress-indicator-status-marker',
-                        template: "<div\n  class=\"sky-progress-indicator-status-marker\"\n  role=\"presentation\"\n  [ngClass]=\"cssClassNames\"\n>\n  <div\n    *skyThemeIf=\"'default'\"\n    class=\"sky-progress-indicator-status-marker-icon\"\n  >\n    <sky-icon *ngIf=\"statusName === 'complete'\" icon=\"check\"> </sky-icon>\n  </div>\n  <div *skyThemeIf=\"'modern'\" class=\"sky-progress-indicator-status-marker-icon\">\n    <sky-icon *ngIf=\"statusName === 'complete'\" icon=\"check\" iconType=\"skyux\">\n    </sky-icon>\n  </div>\n  <div class=\"sky-progress-indicator-status-marker-line\"></div>\n</div>\n",
-                        styles: [".sky-progress-indicator-status-marker{display:flex;height:100%}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{flex-basis:15px;flex-grow:0;flex-direction:column;margin-right:15px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{margin-top:1px;width:15px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon>::ng-deep sky-icon{margin-left:-1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-line{margin:0 auto;width:1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal{flex-direction:row;width:100%;padding-left:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:15px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-line{margin:auto 0;height:1px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border:0;margin-right:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon:before{content:\"\";display:block;width:5px;height:1px;background-color:#5a9936;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon{position:relative}.sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal.sky-progress-indicator-status-marker-status-incomplete .sky-progress-indicator-status-marker-icon:before{content:\"\";display:block;width:5px;height:1px;background-color:#cdcfd2;position:absolute;left:-7px;top:5px}.sky-progress-indicator-status-marker-icon{border-radius:15px;border:2px solid #cdcfd2;flex:0 0 15px}.sky-progress-indicator-status-marker-line{background-color:#cdcfd2;flex:1 0 auto}.sky-progress-indicator-status-marker-status-active .sky-progress-indicator-status-marker-icon{background-color:#5a9936;border-color:transparent}.sky-progress-indicator-status-marker-status-pending .sky-progress-indicator-status-marker-icon{border-color:#5a9936}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon{border-color:transparent;color:#5a9936;margin-top:0}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-icon>::ng-deep sky-icon{display:inline-flex;vertical-align:top}.sky-progress-indicator-status-marker-status-complete .sky-progress-indicator-status-marker-line{background-color:#5a9936}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{position:relative;top:3px;margin-right:20px}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{width:17px}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:17px;top:1px}:host-context(.sky-theme-modern) .sky-progress-indicator-status-marker-icon{border-radius:17px;flex:0 0 17px}.sky-theme-modern .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical{position:relative;top:3px;margin-right:20px}.sky-theme-modern .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-vertical .sky-progress-indicator-status-marker-icon{width:17px}.sky-theme-modern .sky-progress-indicator-status-marker.sky-progress-indicator-status-marker-mode-horizontal .sky-progress-indicator-status-marker-icon{height:17px;top:1px}.sky-theme-modern .sky-progress-indicator-status-marker-icon{border-radius:17px;flex:0 0 17px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.SkyThemeService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { displayMode: [{
-                    type: i0.Input
-                }], status: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * Specifies a step to include in the progress indicator. Each step requires a label,
-     * and you can also specify step details within the `sky-progress-indicator-item` element.
-     */
-    var SkyProgressIndicatorItemComponent = /** @class */ (function () {
-        function SkyProgressIndicatorItemComponent(changeDetector) {
-            this.changeDetector = changeDetector;
-            this.isVisible = false;
-            this.showStatusMarker = true;
-            this.showTitle = true;
-        }
-        Object.defineProperty(SkyProgressIndicatorItemComponent.prototype, "formattedTitle", {
-            get: function () {
-                return "" + this.titlePrefix + this.title;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorItemComponent.prototype, "status", {
-            get: function () {
-                /* istanbul ignore next */
-                if (this._status === undefined) {
-                    return exports.SkyProgressIndicatorItemStatus.Incomplete;
-                }
-                return this._status;
-            },
-            set: function (value) {
-                if (value === this._status) {
-                    return;
-                }
-                this._status = value;
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorItemComponent.prototype, "statusName", {
-            get: function () {
-                var name;
-                /* tslint:disable-next-line:switch-default */
-                switch (this.status) {
-                    case exports.SkyProgressIndicatorItemStatus.Active:
-                        name = 'active';
-                        break;
-                    case exports.SkyProgressIndicatorItemStatus.Complete:
-                        name = 'complete';
-                        break;
-                    case exports.SkyProgressIndicatorItemStatus.Incomplete:
-                        name = 'incomplete';
-                        break;
-                    case exports.SkyProgressIndicatorItemStatus.Pending:
-                        name = 'pending';
-                        break;
-                }
-                return name;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyProgressIndicatorItemComponent.prototype.showStepNumber = function (step) {
-            this.titlePrefix = step + " - ";
-        };
-        SkyProgressIndicatorItemComponent.prototype.hideStepNumber = function () {
-            this.titlePrefix = '';
-        };
-        return SkyProgressIndicatorItemComponent;
-    }());
-    SkyProgressIndicatorItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorItemComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyProgressIndicatorItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyProgressIndicatorItemComponent, selector: "sky-progress-indicator-item", inputs: { title: "title" }, ngImport: i0__namespace, template: "<div\n  *ngIf=\"isVisible\"\n  class=\"sky-progress-indicator-item\"\n  [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n  <sky-progress-indicator-status-marker\n    *ngIf=\"showStatusMarker\"\n    [status]=\"status\"\n  >\n  </sky-progress-indicator-status-marker>\n\n  <div class=\"sky-progress-indicator-item-content\">\n    <div\n      *ngIf=\"showTitle\"\n      aria-level=\"2\"\n      class=\"sky-progress-indicator-item-heading\"\n      role=\"heading\"\n      [ngClass]=\"{\n        'sky-deemphasized': statusName === 'pending'\n      }\"\n      [skyThemeClass]=\"{\n        'sky-font-display-3': 'modern'\n      }\"\n    >\n      {{ formattedTitle }}\n    </div>\n    <div class=\"sky-progress-indicator-item-body\">\n      <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n        <ng-content></ng-content>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"], components: [{ type: SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-progress-indicator-item',
-                        template: "<div\n  *ngIf=\"isVisible\"\n  class=\"sky-progress-indicator-item\"\n  [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n  <sky-progress-indicator-status-marker\n    *ngIf=\"showStatusMarker\"\n    [status]=\"status\"\n  >\n  </sky-progress-indicator-status-marker>\n\n  <div class=\"sky-progress-indicator-item-content\">\n    <div\n      *ngIf=\"showTitle\"\n      aria-level=\"2\"\n      class=\"sky-progress-indicator-item-heading\"\n      role=\"heading\"\n      [ngClass]=\"{\n        'sky-deemphasized': statusName === 'pending'\n      }\"\n      [skyThemeClass]=\"{\n        'sky-font-display-3': 'modern'\n      }\"\n    >\n      {{ formattedTitle }}\n    </div>\n    <div class=\"sky-progress-indicator-item-body\">\n      <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n        <ng-content></ng-content>\n      </ng-template>\n    </div>\n  </div>\n</div>\n",
-                        styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { title: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * 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;
-    }());
-
-    exports.SkyProgressIndicatorMessageType = void 0;
-    (function (SkyProgressIndicatorMessageType) {
-        /**
-         * Indicates that the current step is complete.
-         * This completes the active item and moves to the next item.
-         */
-        SkyProgressIndicatorMessageType[SkyProgressIndicatorMessageType["Progress"] = 0] = "Progress";
-        /**
-         * Indicates that progress should return to the previous step.
-         * This moves from the active item to the item that precedes it.
-         */
-        SkyProgressIndicatorMessageType[SkyProgressIndicatorMessageType["Regress"] = 1] = "Regress";
-        /**
-         * Indicates that progress is incomplete.
-         * This marks all items as incomplete and sets the first item as the active item.
-         */
-        SkyProgressIndicatorMessageType[SkyProgressIndicatorMessageType["Reset"] = 2] = "Reset";
-        /**
-         * Indicates that progress is complete.
-         * This marks all items as complete and sets the last item as the active item.
-         */
-        SkyProgressIndicatorMessageType[SkyProgressIndicatorMessageType["Finish"] = 3] = "Finish";
-        /**
-         * Indicates that progress should move to the item indicated by the `data.activeIndex` property.
-         */
-        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;
-            this.windowRef = windowRef;
-            /**
-             * Fires when the progress indicator changes the status of an item.
-             */
-            this.progressChanges = new i0.EventEmitter();
-            this.initialized = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this._messageStream = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "displayMode", {
-            get: function () {
-                if (this._displayMode === undefined) {
-                    return 'vertical';
-                }
-                return this._displayMode;
-            },
-            /**
-             * Specifies whether to display the progress indicator vertically or horizontally.
-             * For [passive progress indicators](https://developer.blackbaud.com/skyux-progress-indicator/docs/passive-indicator)
-             * and [waterfall progress indicators](https://developer.blackbaud.com/skyux/components/progress-indicator/waterfall-progress-indicator),
-             * use the vertical display mode. For [modal wizards](https://developer.blackbaud.com/skyux/components/wizard),
-             * use the horizontal display mode.
-             * @default "vertical"
-             */
-            set: function (value) {
-                this._displayMode = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "isPassive", {
-            get: function () {
-                // Currently, passive mode is not supported for horizontal displays.
-                if (this.displayModeResolved === 'horizontal') {
-                    return false;
-                }
-                return this._isPassive || false;
-            },
-            /**
-             * Indicates whether the progress indicator is passive. Passive progress indicators inform users of
-             * progress that concerns them but that they are not responsible for, and they must use the vertical display mode.
-             * @default false
-             */
-            set: function (value) {
-                this._isPassive = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "messageStream", {
-            /**
-             * Specifies an observable of `SkyProgressIndicatorMessage` that determines the status to
-             * display for items in the progress indicator. The message stream is a queue of
-             * commanding messages to change the state of the progress indicator based on the message type.
-             */
-            set: function (value) {
-                this._messageStream = value;
-                this.subscribeToMessageStream();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "startingIndex", {
-            get: function () {
-                return this._startingIndex || 0;
-            },
-            /**
-             * Specifies the index for the item to make active when the progress indicator
-             * loads. All steps that precede the active item are marked as complete, and all steps
-             * that follow the active item are marked as incomplete.
-             */
-            set: function (value) {
-                this._startingIndex = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "cssClassNames", {
-            get: function () {
-                var classNames = [
-                    "sky-progress-indicator-mode-" + this.displayModeResolved,
-                ];
-                if (this.isPassive) {
-                    classNames.push('sky-progress-indicator-passive');
-                }
-                return classNames.join(' ');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "displayModeResolved", {
-            /**
-             * Returns the newly-supported string union type value to be used by the template.
-             * @internal
-             */
-            get: function () {
-                switch (this.displayMode) {
-                    case exports.SkyProgressIndicatorDisplayMode.Vertical:
-                    case 'vertical':
-                        return 'vertical';
-                    default:
-                        return 'horizontal';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "hasFinishButton", {
-            get: function () {
-                return this._hasFinishButton || false;
-            },
-            set: function (value) {
-                this._hasFinishButton = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "itemStatuses", {
-            get: function () {
-                if (!this.itemComponents) {
-                    return [];
-                }
-                return this.itemComponents.map(function (c) { return c.status; });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorComponent.prototype, "activeIndex", {
-            get: function () {
-                return this._activeIndex || 0;
-            },
-            set: function (value) {
-                var lastIndex = this.itemComponents.length - 1;
-                var newIndex = value;
-                if (value > lastIndex) {
-                    newIndex = lastIndex;
-                }
-                else if (value < 0) {
-                    newIndex = 0;
-                }
-                this._activeIndex = newIndex;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyProgressIndicatorComponent.prototype.ngOnInit = function () {
-            this.initialized = true;
-            this.subscribeToMessageStream();
-        };
-        SkyProgressIndicatorComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.activeIndex = this.startingIndex;
-            this.updateSteps();
-            // Note: The delay here is to ensure all change detection on the items has finished. Without
-            // the delay we receive a changed before checked error for vertical progress indicators
-            this.itemComponents.changes
-                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.delay(0))
-                .subscribe(function () {
-                _this.updateSteps();
-                _this.notifyChange();
-            });
-            // Wait for item components' change detection to complete
-            // before notifying changes to the consumer.
-            this.windowRef.nativeWindow.setTimeout(function () {
-                _this.notifyChange();
-            });
-        };
-        SkyProgressIndicatorComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyProgressIndicatorComponent.prototype.sendMessage = function (message) {
-            this._messageStream.next(message);
-        };
-        SkyProgressIndicatorComponent.prototype.gotoNextStep = function () {
-            var nextIndex = this.activeIndex + 1;
-            var lastIndex = this.itemComponents.length - 1;
-            if (nextIndex > lastIndex) {
-                return;
-            }
-            this.gotoStep(nextIndex);
-        };
-        SkyProgressIndicatorComponent.prototype.gotoPreviousStep = function () {
-            var previousIndex = this.activeIndex - 1;
-            if (previousIndex < 0) {
-                return;
-            }
-            this.gotoStep(previousIndex);
-        };
-        SkyProgressIndicatorComponent.prototype.gotoStep = function (index) {
-            this.activeIndex = index;
-            this.updateSteps();
-            this.notifyChange();
-        };
-        SkyProgressIndicatorComponent.prototype.finishSteps = function () {
-            this.activeIndex = this.itemComponents.length - 1;
-            this.itemComponents.forEach(function (component) {
-                component.status = exports.SkyProgressIndicatorItemStatus.Complete;
-            });
-            this.notifyChange({
-                isComplete: true,
-            });
-        };
-        SkyProgressIndicatorComponent.prototype.resetSteps = function () {
-            this.gotoStep(0);
-        };
-        SkyProgressIndicatorComponent.prototype.updateSteps = function () {
-            if (this.activeIndex > this.itemComponents.length - 1) {
-                this.activeIndex--;
-            }
-            var activeIndex = this.activeIndex;
-            var isPassive = this.isPassive;
-            var isVertical = this.displayModeResolved === 'vertical';
-            this.itemComponents.forEach(function (component, i) {
-                // Set visibility.
-                component.isVisible = activeIndex === i || isVertical;
-                // Set status.
-                var status;
-                if (activeIndex === i) {
-                    if (isPassive) {
-                        status = exports.SkyProgressIndicatorItemStatus.Pending;
-                    }
-                    else {
-                        status = exports.SkyProgressIndicatorItemStatus.Active;
-                    }
-                }
-                else if (activeIndex > i) {
-                    status = exports.SkyProgressIndicatorItemStatus.Complete;
-                }
-                else {
-                    status = exports.SkyProgressIndicatorItemStatus.Incomplete;
-                }
-                component.status = status;
-                // Show or hide the status markers.
-                component.showStatusMarker = isVertical;
-                // Show or hide the step number.
-                if (isPassive) {
-                    component.hideStepNumber();
-                }
-                else {
-                    component.showStepNumber(i + 1);
-                }
-                // If we're in passive mode, don't show titles for incomplete items.
-                component.showTitle = !(isPassive && activeIndex < i);
-            });
-        };
-        SkyProgressIndicatorComponent.prototype.handleIncomingMessage = function (message) {
-            var value = message;
-            var type;
-            // Prints a deprecation warning if the consumer provides only `SkyProgressIndicatorMessageType`.
-            if (value.type === undefined) {
-                console.warn("[Deprecation warning] The progress indicator component's `messageStream` input is set " +
-                    'to `Subject<SkyProgressIndicatorMessageType>`. We will remove this deprecated type in ' +
-                    'the next major version release. Instead, set the `messageStream` input to a value of ' +
-                    '`Subject<SkyProgressIndicatorMessage>`.');
-                type = value;
-            }
-            else {
-                type = value.type;
-            }
-            switch (type) {
-                case exports.SkyProgressIndicatorMessageType.Progress:
-                    this.gotoNextStep();
-                    break;
-                case exports.SkyProgressIndicatorMessageType.Regress:
-                    this.gotoPreviousStep();
-                    break;
-                case exports.SkyProgressIndicatorMessageType.Finish:
-                    this.finishSteps();
-                    break;
-                case exports.SkyProgressIndicatorMessageType.Reset:
-                    this.resetSteps();
-                    break;
-                case exports.SkyProgressIndicatorMessageType.GoTo:
-                    if (!value.data || value.data.activeIndex === undefined) {
-                        console.warn('A message type of `SkyProgressIndicatorMessageType.GoTo` was passed to the progress ' +
-                            'indicator, but no step index was provided. You can pass the desired active ' +
-                            'index via:\n' +
-                            '{\n' +
-                            '  type: SkyProgressIndicatorMessageType.GoTo,\n' +
-                            '  data: { activeIndex: 0 }\n' +
-                            '}');
-                        return;
-                    }
-                    this.gotoStep(value.data.activeIndex);
-                    break;
-                default:
-                    break;
-            }
-            // Update the view after a message is received.
-            this.changeDetector.markForCheck();
-        };
-        SkyProgressIndicatorComponent.prototype.subscribeToMessageStream = function () {
-            var _this = this;
-            if (this.initialized) {
-                if (this.messageStreamSub) {
-                    this.messageStreamSub.unsubscribe();
-                    this.messageStreamSub = undefined;
-                }
-                if (this._messageStream) {
-                    this.messageStreamSub = this._messageStream
-                        .pipe(operators.takeUntil(this.ngUnsubscribe))
-                        .subscribe(function (message) {
-                        _this.handleIncomingMessage(message);
-                    });
-                }
-            }
-        };
-        SkyProgressIndicatorComponent.prototype.notifyChange = function (change) {
-            this.progressChanges.next(Object.assign({}, {
-                activeIndex: this.activeIndex,
-                itemStatuses: this.itemStatuses,
-            }, change));
-        };
-        return SkyProgressIndicatorComponent;
-    }());
-    SkyProgressIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyProgressIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyProgressIndicatorComponent, selector: "sky-progress-indicator", inputs: { displayMode: "displayMode", isPassive: "isPassive", messageStream: "messageStream", startingIndex: "startingIndex" }, outputs: { progressChanges: "progressChanges" }, queries: [{ propertyName: "itemComponents", predicate: SkyProgressIndicatorItemComponent }], ngImport: i0__namespace, template: "<div class=\"sky-progress-indicator\" [ngClass]=\"cssClassNames\">\n  <div\n    *ngIf=\"displayModeResolved === 'horizontal'\"\n    class=\"sky-progress-indicator-horizontal-status-markers\"\n  >\n    <sky-progress-indicator-status-marker\n      *ngFor=\"let status of itemStatuses\"\n      [displayMode]=\"displayModeResolved\"\n      [status]=\"status\"\n    >\n    </sky-progress-indicator-status-marker>\n  </div>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-progress-indicator ::ng-deep sky-progress-indicator-item:last-of-type .sky-progress-indicator-status-marker-line{display:none}.sky-progress-indicator-mode-vertical{max-width:400px;min-width:250px;margin:0 auto}.sky-progress-indicator-mode-vertical ::ng-deep .sky-progress-indicator-item-body{text-align:center;margin-left:-30px}.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{display:block;padding-top:30px;padding-left:15px}::ng-deep .sky-popover ::ng-deep .sky-progress-indicator-mode-vertical{min-width:auto}.sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:600;font-size:16px}.sky-progress-indicator-horizontal-status-markers{display:flex;margin-bottom:10px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker{flex-basis:45px;flex-grow:0}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type{margin-left:-5px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type .sky-progress-indicator-status-marker .sky-progress-indicator-status-marker-icon:before{display:none!important}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:last-of-type .sky-progress-indicator-status-marker-line{display:none}:host-context(.sky-theme-modern) .sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:inherit;font-size:inherit}:host-context(.sky-theme-modern) .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,:host-context(.sky-theme-modern) .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{padding:0;margin:60px 0 0;text-align:center}.sky-theme-modern .sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:inherit;font-size:inherit}.sky-theme-modern .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,.sky-theme-modern .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{padding:0;margin:60px 0 0;text-align:center}\n"], components: [{ type: SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-progress-indicator',
-                        template: "<div class=\"sky-progress-indicator\" [ngClass]=\"cssClassNames\">\n  <div\n    *ngIf=\"displayModeResolved === 'horizontal'\"\n    class=\"sky-progress-indicator-horizontal-status-markers\"\n  >\n    <sky-progress-indicator-status-marker\n      *ngFor=\"let status of itemStatuses\"\n      [displayMode]=\"displayModeResolved\"\n      [status]=\"status\"\n    >\n    </sky-progress-indicator-status-marker>\n  </div>\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-progress-indicator ::ng-deep sky-progress-indicator-item:last-of-type .sky-progress-indicator-status-marker-line{display:none}.sky-progress-indicator-mode-vertical{max-width:400px;min-width:250px;margin:0 auto}.sky-progress-indicator-mode-vertical ::ng-deep .sky-progress-indicator-item-body{text-align:center;margin-left:-30px}.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,.sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{display:block;padding-top:30px;padding-left:15px}::ng-deep .sky-popover ::ng-deep .sky-progress-indicator-mode-vertical{min-width:auto}.sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:600;font-size:16px}.sky-progress-indicator-horizontal-status-markers{display:flex;margin-bottom:10px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker{flex-basis:45px;flex-grow:0}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type{margin-left:-5px}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:first-of-type .sky-progress-indicator-status-marker .sky-progress-indicator-status-marker-icon:before{display:none!important}.sky-progress-indicator-horizontal-status-markers ::ng-deep sky-progress-indicator-status-marker:last-of-type .sky-progress-indicator-status-marker-line{display:none}:host-context(.sky-theme-modern) .sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:inherit;font-size:inherit}:host-context(.sky-theme-modern) .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,:host-context(.sky-theme-modern) .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{padding:0;margin:60px 0 0;text-align:center}.sky-theme-modern .sky-progress-indicator-mode-horizontal ::ng-deep .sky-progress-indicator-item-heading{font-weight:inherit;font-size:inherit}.sky-theme-modern .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-nav-button,.sky-theme-modern .sky-progress-indicator-mode-vertical ::ng-deep sky-progress-indicator-reset-button{padding:0;margin:60px 0 0;text-align:center}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.SkyAppWindowRef }]; }, propDecorators: { displayMode: [{
-                    type: i0.Input
-                }], isPassive: [{
-                    type: i0.Input
-                }], messageStream: [{
-                    type: i0.Input
-                }], startingIndex: [{
-                    type: i0.Input
-                }], progressChanges: [{
-                    type: i0.Output
-                }], itemComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyProgressIndicatorItemComponent]
-                }] } });
-
-    /**
-     * Displays a button to navigate the steps in modal wizards. We recommend against using it in
-     * passive progress indicators and waterfall progress indicators.
-     */
-    var SkyProgressIndicatorNavButtonComponent = /** @class */ (function () {
-        function SkyProgressIndicatorNavButtonComponent(changeDetector, parentComponent) {
-            this.changeDetector = changeDetector;
-            this.parentComponent = parentComponent;
-            /**
-             * Fires when users select the nav button and emits a `SkyProgressIndicatorActionClickArgs`
-             * object that is passed into the callback function to allow consumers to decide whether
-             * the button’s action should complete successfully.
-             */
-            this.actionClick = new i0.EventEmitter();
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyProgressIndicatorNavButtonComponent.prototype, "buttonType", {
-            get: function () {
-                if (this._buttonType === undefined) {
-                    return 'next';
-                }
-                return this._buttonType;
-            },
-            /**
-             * Specifies the type of nav button to include.
-             * The valid options are `"finish"`, `"next"`, `"previous"`, and `"reset"`.
-             * @default "next"
-             */
-            set: function (value) {
-                this._buttonType = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorNavButtonComponent.prototype, "disabled", {
-            get: function () {
-                var buttonType = this.buttonType;
-                var activeIndex = this.lastProgressChange.activeIndex;
-                var isLastStep = activeIndex === this.lastProgressChange.itemStatuses.length - 1;
-                if (buttonType === 'previous' && activeIndex === 0) {
-                    return true;
-                }
-                if (buttonType === 'next' && isLastStep) {
-                    return true;
-                }
-                return this._disabled || false;
-            },
-            /**
-             * Indicates whether to disable the nav button.
-             * @default false
-             */
-            set: function (value) {
-                this._disabled = value;
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorNavButtonComponent.prototype, "progressIndicator", {
-            get: function () {
-                return this._progressIndicator;
-            },
-            /**
-             * Specifies the progress indicator component to associate with the nav button.
-             * @required
-             */
-            set: function (value) {
-                var _this = this;
-                this._progressIndicator = value;
-                if (value) {
-                    if (this.buttonType === 'finish') {
-                        // The `hasFinishButton` field was added to support legacy API.
-                        // Some implementations only include a next button; we cannot
-                        // assume that every implementation includes both a finish button and a next button.
-                        this._progressIndicator.hasFinishButton = true;
-                    }
-                    this._progressIndicator.progressChanges
-                        .pipe(operators.distinctUntilChanged(), operators.takeUntil(this.ngUnsubscribe))
-                        .subscribe(function (change) {
-                        _this.lastProgressChange = change;
-                        _this.updateButtonVisibility(change);
-                    });
-                }
-                else {
-                    if (!this.parentTimeout) {
-                        this.parentTimeout = window.setTimeout(function () {
-                            /* istanbul ignore else */
-                            if (!_this.progressIndicator) {
-                                throw new Error('The `<sky-progress-indicator-nav-button>` component requires a reference to ' +
-                                    'the `<sky-progress-indicator>` component it controls. For example:\n' +
-                                    '<sky-progress-indicator\n' +
-                                    '  #myProgressIndicator\n' +
-                                    '>\n' +
-                                    '</sky-progress-indicator>\n' +
-                                    '<sky-progress-indicator-nav-button\n' +
-                                    '  [progressIndicator]="myProgressIndicator"\n' +
-                                    '>\n' +
-                                    '</sky-progress-indicator-nav-button>');
-                            }
-                        }, 50);
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorNavButtonComponent.prototype, "cssClassNames", {
-            get: function () {
-                var buttonType = this.buttonType;
-                var classNames = ["sky-progress-indicator-nav-button-" + this.buttonType];
-                switch (buttonType) {
-                    case 'next':
-                    case 'finish':
-                        classNames.push('sky-btn-primary');
-                        break;
-                    case 'reset':
-                        classNames.push('sky-btn-link');
-                        break;
-                    default:
-                        classNames.push('sky-btn-default');
-                        break;
-                }
-                return classNames.join(' ');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorNavButtonComponent.prototype, "buttonLabelResourceString", {
-            get: function () {
-                return "skyux_progress_indicator_navigator_" + this.buttonType;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyProgressIndicatorNavButtonComponent.prototype, "isVisible", {
-            get: function () {
-                return this._isVisible || false;
-            },
-            set: function (value) {
-                this._isVisible = value;
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyProgressIndicatorNavButtonComponent.prototype.ngAfterViewInit = function () {
-            if (!this.progressIndicator && this.parentComponent) {
-                this.progressIndicator = this.parentComponent;
-            }
-            else if (!this.progressIndicator) {
-                this.progressIndicator = undefined;
-            }
-        };
-        SkyProgressIndicatorNavButtonComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            this.actionClick.complete();
-        };
-        SkyProgressIndicatorNavButtonComponent.prototype.onClick = function (event) {
-            var _this = this;
-            event.preventDefault();
-            var type;
-            switch (this.buttonType) {
-                case 'finish':
-                    type = exports.SkyProgressIndicatorMessageType.Finish;
-                    break;
-                case 'next':
-                    type = exports.SkyProgressIndicatorMessageType.Progress;
-                    break;
-                case 'previous':
-                    type = exports.SkyProgressIndicatorMessageType.Regress;
-                    break;
-                case 'reset':
-                    type = exports.SkyProgressIndicatorMessageType.Reset;
-                    break;
-                default:
-                    break;
-            }
-            // If the consumer has subscribed to the `actionClick` event,
-            // allow them to decide when to advance to the next step.
-            if (this.actionClick.observers.length > 0) {
-                this.actionClick.emit({
-                    event: event,
-                    progressHandler: new SkyProgressIndicatorActionClickProgressHandler(function () {
-                        _this.progressIndicator.sendMessage({ type: type });
-                    }),
-                });
-            }
-            else {
-                this.progressIndicator.sendMessage({ type: type });
-            }
-        };
-        SkyProgressIndicatorNavButtonComponent.prototype.updateButtonVisibility = function (change) {
-            var isLastStep = change.activeIndex === change.itemStatuses.length - 1;
-            var buttonType = this.buttonType;
-            // Hide the button if all steps are complete
-            // (except for the reset button)
-            if (buttonType !== 'reset' && change.isComplete) {
-                this.isVisible = false;
-                return;
-            }
-            if (buttonType === 'finish') {
-                this.isVisible = isLastStep;
-                return;
-            }
-            // Hide the next button on the last step only if a finish button exists.
-            if (buttonType === 'next' &&
-                isLastStep &&
-                this.progressIndicator.hasFinishButton) {
-                this.isVisible = false;
-                return;
-            }
-            this.isVisible = true;
-        };
-        return SkyProgressIndicatorNavButtonComponent;
-    }());
-    SkyProgressIndicatorNavButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorNavButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyProgressIndicatorComponent, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyProgressIndicatorNavButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyProgressIndicatorNavButtonComponent, selector: "sky-progress-indicator-nav-button", inputs: { buttonText: "buttonText", buttonType: "buttonType", disabled: "disabled", progressIndicator: "progressIndicator" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<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", directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorNavButtonComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-progress-indicator-nav-button',
-                        template: "<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",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyProgressIndicatorComponent, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { buttonText: [{
-                    type: i0.Input
-                }], buttonType: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }], progressIndicator: [{
-                    type: i0.Input
-                }], actionClick: [{
-                    type: i0.Output
-                }] } });
-
-    /**
-     * Displays a button to mark all items in the progress indicator as incomplete and set the
-     * first item as the active item. The steps after the active item remain incomplete until
-     * users reach them in their sequential order.
-     */
-    var SkyProgressIndicatorResetButtonComponent = /** @class */ (function () {
-        function SkyProgressIndicatorResetButtonComponent(changeDetector) {
-            this.changeDetector = changeDetector;
-            /**
-             * Fires when users select the reset button that marks all items as incomplete and sets the
-             * first item as the active item.
-             */
-            this.resetClick = new i0.EventEmitter();
-            console.warn('[Deprecation warning] The `<sky-progress-indicator-reset-button>` component is ' +
-                'deprecated. Please use the `<sky-progress-indicator-nav-button>` component instead, with ' +
-                '`buttonType` set to "reset".');
-        }
-        Object.defineProperty(SkyProgressIndicatorResetButtonComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled || false;
-            },
-            /**
-             * Indicates whether to disable the reset button.
-             * @default false
-             */
-            set: function (value) {
-                this._disabled = value;
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyProgressIndicatorResetButtonComponent.prototype.ngOnDestroy = function () {
-            this.resetClick.complete();
-        };
-        SkyProgressIndicatorResetButtonComponent.prototype.onClick = function () {
-            this.resetClick.emit();
-            this.progressIndicator.sendMessage({
-                type: exports.SkyProgressIndicatorMessageType.Reset,
-            });
-        };
-        return SkyProgressIndicatorResetButtonComponent;
-    }());
-    SkyProgressIndicatorResetButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorResetButtonComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyProgressIndicatorResetButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyProgressIndicatorResetButtonComponent, selector: "sky-progress-indicator-reset-button", inputs: { disabled: "disabled", progressIndicator: "progressIndicator" }, outputs: { resetClick: "resetClick" }, ngImport: i0__namespace, template: "<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", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorResetButtonComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-progress-indicator-reset-button',
-                        template: "<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",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
-                    type: i0.Input
-                }], progressIndicator: [{
-                    type: i0.Input
-                }], resetClick: [{
-                    type: i0.Output
-                }] } });
-
-    /**
-     * Specifies a header to display above the progress indicator.
-     */
-    var SkyProgressIndicatorTitleComponent = /** @class */ (function () {
-        function SkyProgressIndicatorTitleComponent() {
-        }
-        return SkyProgressIndicatorTitleComponent;
-    }());
-    SkyProgressIndicatorTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyProgressIndicatorTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyProgressIndicatorTitleComponent, selector: "sky-progress-indicator-title", ngImport: i0__namespace, template: "<div\n  aria-level=\"1\"\n  class=\"sky-progress-indicator-title\"\n  role=\"heading\"\n  [skyThemeClass]=\"{\n    'sky-section-heading': 'default',\n    'sky-font-heading-1': 'modern'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-progress-indicator-title{line-height:1.1;margin:0 0 30px;text-align:center}:host-context(.sky-theme-modern) .sky-progress-indicator-title{line-height:inherit;margin:0 0 60px}.sky-theme-modern .sky-progress-indicator-title{line-height:inherit;margin:0 0 60px}\n"], directives: [{ type: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorTitleComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-progress-indicator-title',
-                        template: "<div\n  aria-level=\"1\"\n  class=\"sky-progress-indicator-title\"\n  role=\"heading\"\n  [skyThemeClass]=\"{\n    'sky-section-heading': 'default',\n    'sky-font-heading-1': 'modern'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-progress-indicator-title{line-height:1.1;margin:0 0 30px;text-align:center}:host-context(.sky-theme-modern) .sky-progress-indicator-title{line-height:inherit;margin:0 0 60px}.sky-theme-modern .sky-progress-indicator-title{line-height:inherit;margin:0 0 60px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }] });
-
-    var SkyProgressIndicatorModule = /** @class */ (function () {
-        function SkyProgressIndicatorModule() {
-        }
-        return SkyProgressIndicatorModule;
-    }());
-    SkyProgressIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyProgressIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorModule, declarations: [SkyProgressIndicatorComponent,
-            SkyProgressIndicatorItemComponent,
-            SkyProgressIndicatorNavButtonComponent,
-            SkyProgressIndicatorResetButtonComponent,
-            SkyProgressIndicatorStatusMarkerComponent,
-            SkyProgressIndicatorTitleComponent], imports: [i3.CommonModule,
-            i4.SkyI18nModule,
-            i2.SkyIconModule,
-            SkyProgressIndicatorResourcesModule,
-            i1.SkyThemeModule], exports: [SkyProgressIndicatorComponent,
-            SkyProgressIndicatorItemComponent,
-            SkyProgressIndicatorNavButtonComponent,
-            SkyProgressIndicatorResetButtonComponent,
-            SkyProgressIndicatorTitleComponent] });
-    SkyProgressIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorModule, imports: [[
-                i3.CommonModule,
-                i4.SkyI18nModule,
-                i2.SkyIconModule,
-                SkyProgressIndicatorResourcesModule,
-                i1.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyProgressIndicatorModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyProgressIndicatorComponent,
-                            SkyProgressIndicatorItemComponent,
-                            SkyProgressIndicatorNavButtonComponent,
-                            SkyProgressIndicatorResetButtonComponent,
-                            SkyProgressIndicatorStatusMarkerComponent,
-                            SkyProgressIndicatorTitleComponent,
-                        ],
-                        imports: [
-                            i3.CommonModule,
-                            i4.SkyI18nModule,
-                            i2.SkyIconModule,
-                            SkyProgressIndicatorResourcesModule,
-                            i1.SkyThemeModule,
-                        ],
-                        exports: [
-                            SkyProgressIndicatorComponent,
-                            SkyProgressIndicatorItemComponent,
-                            SkyProgressIndicatorNavButtonComponent,
-                            SkyProgressIndicatorResetButtonComponent,
-                            SkyProgressIndicatorTitleComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkyProgressIndicatorActionClickProgressHandler = SkyProgressIndicatorActionClickProgressHandler;
-    exports.SkyProgressIndicatorModule = SkyProgressIndicatorModule;
-    exports["λ1"] = SkyProgressIndicatorItemComponent;
-    exports["λ2"] = SkyProgressIndicatorComponent;
-    exports["λ3"] = SkyProgressIndicatorNavButtonComponent;
-    exports["λ4"] = SkyProgressIndicatorResetButtonComponent;
-    exports["λ5"] = SkyProgressIndicatorTitleComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-progress-indicator.umd.js.map