@skyux/progress-indicator 5.0.3 → 5.5.0

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

@@ -0,0 +1,317 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, ChangeDetectorRef, } from '@angular/core';
+import { SkyAppWindowRef } from '@skyux/core';
+import { Subject } from 'rxjs';
+import { delay, takeUntil } from 'rxjs/operators';
+import { SkyProgressIndicatorItemComponent } from './progress-indicator-item/progress-indicator-item.component';
+import { SkyProgressIndicatorDisplayMode } from './types/progress-indicator-mode';
+import { SkyProgressIndicatorItemStatus } from './types/progress-indicator-item-status';
+import { SkyProgressIndicatorMessageType } from './types/progress-indicator-message-type';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+import * as i2 from "./progress-indicator-status-marker/progress-indicator-status-marker.component";
+import * as i3 from "@angular/common";
+export class SkyProgressIndicatorComponent {
+    constructor(changeDetector, windowRef) {
+        this.changeDetector = changeDetector;
+        this.windowRef = windowRef;
+        /**
+         * Fires when the progress indicator changes the status of an item.
+         */
+        this.progressChanges = new EventEmitter();
+        this.initialized = false;
+        this.ngUnsubscribe = new Subject();
+        this._messageStream = new Subject();
+    }
+    /**
+     * 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 displayMode(value) {
+        this._displayMode = value;
+    }
+    get displayMode() {
+        if (this._displayMode === undefined) {
+            return 'vertical';
+        }
+        return this._displayMode;
+    }
+    /**
+     * 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 isPassive(value) {
+        this._isPassive = value;
+    }
+    get isPassive() {
+        // Currently, passive mode is not supported for horizontal displays.
+        if (this.displayModeResolved === 'horizontal') {
+            return false;
+        }
+        return this._isPassive || false;
+    }
+    /**
+     * 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 messageStream(value) {
+        this._messageStream = value;
+        this.subscribeToMessageStream();
+    }
+    /**
+     * 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 startingIndex(value) {
+        this._startingIndex = value;
+    }
+    get startingIndex() {
+        return this._startingIndex || 0;
+    }
+    get cssClassNames() {
+        const classNames = [
+            `sky-progress-indicator-mode-${this.displayModeResolved}`,
+        ];
+        if (this.isPassive) {
+            classNames.push('sky-progress-indicator-passive');
+        }
+        return classNames.join(' ');
+    }
+    /**
+     * Returns the newly-supported string union type value to be used by the template.
+     * @internal
+     */
+    get displayModeResolved() {
+        switch (this.displayMode) {
+            case SkyProgressIndicatorDisplayMode.Vertical:
+            case 'vertical':
+                return 'vertical';
+            default:
+                return 'horizontal';
+        }
+    }
+    get hasFinishButton() {
+        return this._hasFinishButton || false;
+    }
+    set hasFinishButton(value) {
+        this._hasFinishButton = value;
+    }
+    get itemStatuses() {
+        if (!this.itemComponents) {
+            return [];
+        }
+        return this.itemComponents.map((c) => c.status);
+    }
+    get activeIndex() {
+        return this._activeIndex || 0;
+    }
+    set activeIndex(value) {
+        const lastIndex = this.itemComponents.length - 1;
+        let newIndex = value;
+        if (value > lastIndex) {
+            newIndex = lastIndex;
+        }
+        else if (value < 0) {
+            newIndex = 0;
+        }
+        this._activeIndex = newIndex;
+    }
+    ngOnInit() {
+        this.initialized = true;
+        this.subscribeToMessageStream();
+    }
+    ngAfterContentInit() {
+        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(takeUntil(this.ngUnsubscribe), delay(0))
+            .subscribe(() => {
+            this.updateSteps();
+            this.notifyChange();
+        });
+        // Wait for item components' change detection to complete
+        // before notifying changes to the consumer.
+        this.windowRef.nativeWindow.setTimeout(() => {
+            this.notifyChange();
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    sendMessage(message) {
+        this._messageStream.next(message);
+    }
+    gotoNextStep() {
+        const nextIndex = this.activeIndex + 1;
+        const lastIndex = this.itemComponents.length - 1;
+        if (nextIndex > lastIndex) {
+            return;
+        }
+        this.gotoStep(nextIndex);
+    }
+    gotoPreviousStep() {
+        const previousIndex = this.activeIndex - 1;
+        if (previousIndex < 0) {
+            return;
+        }
+        this.gotoStep(previousIndex);
+    }
+    gotoStep(index) {
+        this.activeIndex = index;
+        this.updateSteps();
+        this.notifyChange();
+    }
+    finishSteps() {
+        this.activeIndex = this.itemComponents.length - 1;
+        this.itemComponents.forEach((component) => {
+            component.status = SkyProgressIndicatorItemStatus.Complete;
+        });
+        this.notifyChange({
+            isComplete: true,
+        });
+    }
+    resetSteps() {
+        this.gotoStep(0);
+    }
+    updateSteps() {
+        if (this.activeIndex > this.itemComponents.length - 1) {
+            this.activeIndex--;
+        }
+        const activeIndex = this.activeIndex;
+        const isPassive = this.isPassive;
+        const isVertical = this.displayModeResolved === 'vertical';
+        this.itemComponents.forEach((component, i) => {
+            // Set visibility.
+            component.isVisible = activeIndex === i || isVertical;
+            // Set status.
+            let status;
+            if (activeIndex === i) {
+                if (isPassive) {
+                    status = SkyProgressIndicatorItemStatus.Pending;
+                }
+                else {
+                    status = SkyProgressIndicatorItemStatus.Active;
+                }
+            }
+            else if (activeIndex > i) {
+                status = SkyProgressIndicatorItemStatus.Complete;
+            }
+            else {
+                status = 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);
+        });
+    }
+    handleIncomingMessage(message) {
+        const value = message;
+        let 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 SkyProgressIndicatorMessageType.Progress:
+                this.gotoNextStep();
+                break;
+            case SkyProgressIndicatorMessageType.Regress:
+                this.gotoPreviousStep();
+                break;
+            case SkyProgressIndicatorMessageType.Finish:
+                this.finishSteps();
+                break;
+            case SkyProgressIndicatorMessageType.Reset:
+                this.resetSteps();
+                break;
+            case 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();
+    }
+    subscribeToMessageStream() {
+        if (this.initialized) {
+            if (this.messageStreamSub) {
+                this.messageStreamSub.unsubscribe();
+                this.messageStreamSub = undefined;
+            }
+            if (this._messageStream) {
+                this.messageStreamSub = this._messageStream
+                    .pipe(takeUntil(this.ngUnsubscribe))
+                    .subscribe((message) => {
+                    this.handleIncomingMessage(message);
+                });
+            }
+        }
+    }
+    notifyChange(change) {
+        this.progressChanges.next(Object.assign({}, {
+            activeIndex: this.activeIndex,
+            itemStatuses: this.itemStatuses,
+        }, change));
+    }
+}
+SkyProgressIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyProgressIndicatorComponent.ɵcmp = i0.ɵɵ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, 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: i2.SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-progress-indicator',
+                    templateUrl: './progress-indicator.component.html',
+                    styleUrls: ['./progress-indicator.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyAppWindowRef }]; }, propDecorators: { displayMode: [{
+                type: Input
+            }], isPassive: [{
+                type: Input
+            }], messageStream: [{
+                type: Input
+            }], startingIndex: [{
+                type: Input
+            }], progressChanges: [{
+                type: Output
+            }], itemComponents: [{
+                type: ContentChildren,
+                args: [SkyProgressIndicatorItemComponent]
+            }] } });
+//# sourceMappingURL=progress-indicator.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator.component.ts","../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  Input,\n  OnInit,\n  OnDestroy,\n  Output,\n  QueryList,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { Subject, Subscription } from 'rxjs';\n\nimport { delay, takeUntil } from 'rxjs/operators';\n\nimport { SkyProgressIndicatorItemComponent } from './progress-indicator-item/progress-indicator-item.component';\n\nimport { SkyProgressIndicatorChange } from './types/progress-indicator-change';\n\nimport { SkyProgressIndicatorDisplayMode } from './types/progress-indicator-mode';\n\nimport { SkyProgressIndicatorDisplayModeType } from './types/progress-indicator-display-mode-type';\n\nimport { SkyProgressIndicatorItemStatus } from './types/progress-indicator-item-status';\n\nimport { SkyProgressIndicatorMessage } from './types/progress-indicator-message';\n\nimport { SkyProgressIndicatorMessageType } from './types/progress-indicator-message-type';\n\n@Component({\n  selector: 'sky-progress-indicator',\n  templateUrl: './progress-indicator.component.html',\n  styleUrls: ['./progress-indicator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorComponent\n  implements OnInit, AfterContentInit, OnDestroy\n{\n  /**\n   * Specifies whether to display the progress indicator vertically or horizontally.\n   * For [passive progress indicators](https://developer.blackbaud.com/skyux-progress-indicator/docs/passive-indicator)\n   * and [waterfall progress indicators](https://developer.blackbaud.com/skyux/components/progress-indicator/waterfall-progress-indicator),\n   * use the vertical display mode. For [modal wizards](https://developer.blackbaud.com/skyux/components/wizard),\n   * use the horizontal display mode.\n   * @default \"vertical\"\n   */\n  @Input()\n  public set displayMode(value: SkyProgressIndicatorDisplayModeType) {\n    this._displayMode = value;\n  }\n\n  public get displayMode(): SkyProgressIndicatorDisplayModeType {\n    if (this._displayMode === undefined) {\n      return 'vertical';\n    }\n\n    return this._displayMode;\n  }\n\n  /**\n   * Indicates whether the progress indicator is passive. Passive progress indicators inform users of\n   * progress that concerns them but that they are not responsible for, and they must use the vertical display mode.\n   * @default false\n   */\n  @Input()\n  public set isPassive(value: boolean) {\n    this._isPassive = value;\n  }\n\n  public get isPassive(): boolean {\n    // Currently, passive mode is not supported for horizontal displays.\n    if (this.displayModeResolved === 'horizontal') {\n      return false;\n    }\n\n    return this._isPassive || false;\n  }\n\n  /**\n   * Specifies an observable of `SkyProgressIndicatorMessage` that determines the status to\n   * display for items in the progress indicator. The message stream is a queue of\n   * commanding messages to change the state of the progress indicator based on the message type.\n   */\n  @Input()\n  public set messageStream(\n    value: Subject<\n      SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n    >\n  ) {\n    this._messageStream = value;\n\n    this.subscribeToMessageStream();\n  }\n\n  /**\n   * Specifies the index for the item to make active when the progress indicator\n   * loads. All steps that precede the active item are marked as complete, and all steps\n   * that follow the active item are marked as incomplete.\n   */\n  @Input()\n  public set startingIndex(value: number) {\n    this._startingIndex = value;\n  }\n\n  public get startingIndex(): number {\n    return this._startingIndex || 0;\n  }\n\n  /**\n   * Fires when the progress indicator changes the status of an item.\n   */\n  @Output()\n  public progressChanges = new EventEmitter<SkyProgressIndicatorChange>();\n\n  public get cssClassNames(): string {\n    const classNames = [\n      `sky-progress-indicator-mode-${this.displayModeResolved}`,\n    ];\n\n    if (this.isPassive) {\n      classNames.push('sky-progress-indicator-passive');\n    }\n\n    return classNames.join(' ');\n  }\n\n  /**\n   * Returns the newly-supported string union type value to be used by the template.\n   * @internal\n   */\n  public get displayModeResolved(): 'vertical' | 'horizontal' {\n    switch (this.displayMode) {\n      case SkyProgressIndicatorDisplayMode.Vertical:\n      case 'vertical':\n        return 'vertical';\n      default:\n        return 'horizontal';\n    }\n  }\n\n  public get hasFinishButton(): boolean {\n    return this._hasFinishButton || false;\n  }\n\n  public set hasFinishButton(value: boolean) {\n    this._hasFinishButton = value;\n  }\n\n  public get itemStatuses(): SkyProgressIndicatorItemStatus[] {\n    if (!this.itemComponents) {\n      return [];\n    }\n\n    return this.itemComponents.map((c) => c.status);\n  }\n\n  @ContentChildren(SkyProgressIndicatorItemComponent)\n  private itemComponents: QueryList<SkyProgressIndicatorItemComponent>;\n\n  private get activeIndex(): number {\n    return this._activeIndex || 0;\n  }\n\n  private set activeIndex(value: number) {\n    const lastIndex = this.itemComponents.length - 1;\n\n    let newIndex = value;\n\n    if (value > lastIndex) {\n      newIndex = lastIndex;\n    } else if (value < 0) {\n      newIndex = 0;\n    }\n\n    this._activeIndex = newIndex;\n  }\n\n  private messageStreamSub: Subscription | undefined;\n  private initialized = false;\n  private ngUnsubscribe = new Subject<void>();\n\n  private _activeIndex: number;\n  private _displayMode: SkyProgressIndicatorDisplayModeType;\n  private _hasFinishButton: boolean;\n  private _isPassive: boolean;\n  private _messageStream = new Subject<\n    SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n  >();\n  private _startingIndex: number;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private windowRef: SkyAppWindowRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.initialized = true;\n\n    this.subscribeToMessageStream();\n  }\n\n  public ngAfterContentInit(): void {\n    this.activeIndex = this.startingIndex;\n\n    this.updateSteps();\n\n    // Note: The delay here is to ensure all change detection on the items has finished. Without\n    // the delay we receive a changed before checked error for vertical progress indicators\n    this.itemComponents.changes\n      .pipe(takeUntil(this.ngUnsubscribe), delay(0))\n      .subscribe(() => {\n        this.updateSteps();\n        this.notifyChange();\n      });\n\n    // Wait for item components' change detection to complete\n    // before notifying changes to the consumer.\n    this.windowRef.nativeWindow.setTimeout(() => {\n      this.notifyChange();\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public sendMessage(message: SkyProgressIndicatorMessage): void {\n    this._messageStream.next(message);\n  }\n\n  private gotoNextStep(): void {\n    const nextIndex = this.activeIndex + 1;\n    const lastIndex = this.itemComponents.length - 1;\n\n    if (nextIndex > lastIndex) {\n      return;\n    }\n\n    this.gotoStep(nextIndex);\n  }\n\n  private gotoPreviousStep(): void {\n    const previousIndex = this.activeIndex - 1;\n\n    if (previousIndex < 0) {\n      return;\n    }\n\n    this.gotoStep(previousIndex);\n  }\n\n  private gotoStep(index: number): void {\n    this.activeIndex = index;\n    this.updateSteps();\n    this.notifyChange();\n  }\n\n  private finishSteps(): void {\n    this.activeIndex = this.itemComponents.length - 1;\n\n    this.itemComponents.forEach((component) => {\n      component.status = SkyProgressIndicatorItemStatus.Complete;\n    });\n\n    this.notifyChange({\n      isComplete: true,\n    });\n  }\n\n  private resetSteps(): void {\n    this.gotoStep(0);\n  }\n\n  private updateSteps(): void {\n    if (this.activeIndex > this.itemComponents.length - 1) {\n      this.activeIndex--;\n    }\n\n    const activeIndex = this.activeIndex;\n    const isPassive = this.isPassive;\n    const isVertical = this.displayModeResolved === 'vertical';\n\n    this.itemComponents.forEach((component, i) => {\n      // Set visibility.\n      component.isVisible = activeIndex === i || isVertical;\n\n      // Set status.\n      let status: SkyProgressIndicatorItemStatus;\n      if (activeIndex === i) {\n        if (isPassive) {\n          status = SkyProgressIndicatorItemStatus.Pending;\n        } else {\n          status = SkyProgressIndicatorItemStatus.Active;\n        }\n      } else if (activeIndex > i) {\n        status = SkyProgressIndicatorItemStatus.Complete;\n      } else {\n        status = SkyProgressIndicatorItemStatus.Incomplete;\n      }\n\n      component.status = status;\n\n      // Show or hide the status markers.\n      component.showStatusMarker = isVertical;\n\n      // Show or hide the step number.\n      if (isPassive) {\n        component.hideStepNumber();\n      } else {\n        component.showStepNumber(i + 1);\n      }\n\n      // If we're in passive mode, don't show titles for incomplete items.\n      component.showTitle = !(isPassive && activeIndex < i);\n    });\n  }\n\n  private handleIncomingMessage(\n    message: SkyProgressIndicatorMessage | SkyProgressIndicatorMessageType\n  ): void {\n    const value: any = message;\n\n    let type: SkyProgressIndicatorMessageType;\n\n    // Prints a deprecation warning if the consumer provides only `SkyProgressIndicatorMessageType`.\n    if (value.type === undefined) {\n      console.warn(\n        \"[Deprecation warning] The progress indicator component's `messageStream` input is set \" +\n          'to `Subject<SkyProgressIndicatorMessageType>`. We will remove this deprecated type in ' +\n          'the next major version release. Instead, set the `messageStream` input to a value of ' +\n          '`Subject<SkyProgressIndicatorMessage>`.'\n      );\n\n      type = value;\n    } else {\n      type = value.type;\n    }\n\n    switch (type) {\n      case SkyProgressIndicatorMessageType.Progress:\n        this.gotoNextStep();\n        break;\n\n      case SkyProgressIndicatorMessageType.Regress:\n        this.gotoPreviousStep();\n        break;\n\n      case SkyProgressIndicatorMessageType.Finish:\n        this.finishSteps();\n        break;\n\n      case SkyProgressIndicatorMessageType.Reset:\n        this.resetSteps();\n        break;\n\n      case SkyProgressIndicatorMessageType.GoTo:\n        if (!value.data || value.data.activeIndex === undefined) {\n          console.warn(\n            'A message type of `SkyProgressIndicatorMessageType.GoTo` was passed to the progress ' +\n              'indicator, but no step index was provided. You can pass the desired active ' +\n              'index via:\\n' +\n              '{\\n' +\n              '  type: SkyProgressIndicatorMessageType.GoTo,\\n' +\n              '  data: { activeIndex: 0 }\\n' +\n              '}'\n          );\n          return;\n        }\n\n        this.gotoStep(value.data.activeIndex);\n        break;\n\n      default:\n        break;\n    }\n\n    // Update the view after a message is received.\n    this.changeDetector.markForCheck();\n  }\n\n  private subscribeToMessageStream(): void {\n    if (this.initialized) {\n      if (this.messageStreamSub) {\n        this.messageStreamSub.unsubscribe();\n        this.messageStreamSub = undefined;\n      }\n\n      if (this._messageStream) {\n        this.messageStreamSub = this._messageStream\n          .pipe(takeUntil(this.ngUnsubscribe))\n          .subscribe((message) => {\n            this.handleIncomingMessage(message);\n          });\n      }\n    }\n  }\n\n  private notifyChange(change?: SkyProgressIndicatorChange): void {\n    this.progressChanges.next(\n      Object.assign(\n        {},\n        {\n          activeIndex: this.activeIndex,\n          itemStatuses: this.itemStatuses,\n        },\n        change\n      )\n    );\n  }\n}\n","<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"]}

package/esm2015/lib/modules/progress-indicator/progress-indicator.module.js

@@ -0,0 +1,65 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyI18nModule } from '@skyux/i18n';
+import { SkyIconModule } from '@skyux/indicators';
+import { SkyThemeModule } from '@skyux/theme';
+import { SkyProgressIndicatorResourcesModule } from '../shared/sky-progress-indicator-resources.module';
+import { SkyProgressIndicatorComponent } from './progress-indicator.component';
+import { SkyProgressIndicatorItemComponent } from './progress-indicator-item/progress-indicator-item.component';
+import { SkyProgressIndicatorNavButtonComponent } from './progress-indicator-nav-button/progress-indicator-nav-button.component';
+import { SkyProgressIndicatorResetButtonComponent } from './progress-indicator-reset-button/progress-indicator-reset-button.component';
+import { SkyProgressIndicatorStatusMarkerComponent } from './progress-indicator-status-marker/progress-indicator-status-marker.component';
+import { SkyProgressIndicatorTitleComponent } from './progress-indicator-title/progress-indicator-title.component';
+import * as i0 from "@angular/core";
+export class SkyProgressIndicatorModule {
+}
+SkyProgressIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyProgressIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorModule, declarations: [SkyProgressIndicatorComponent,
+        SkyProgressIndicatorItemComponent,
+        SkyProgressIndicatorNavButtonComponent,
+        SkyProgressIndicatorResetButtonComponent,
+        SkyProgressIndicatorStatusMarkerComponent,
+        SkyProgressIndicatorTitleComponent], imports: [CommonModule,
+        SkyI18nModule,
+        SkyIconModule,
+        SkyProgressIndicatorResourcesModule,
+        SkyThemeModule], exports: [SkyProgressIndicatorComponent,
+        SkyProgressIndicatorItemComponent,
+        SkyProgressIndicatorNavButtonComponent,
+        SkyProgressIndicatorResetButtonComponent,
+        SkyProgressIndicatorTitleComponent] });
+SkyProgressIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorModule, imports: [[
+            CommonModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyProgressIndicatorResourcesModule,
+            SkyThemeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyProgressIndicatorComponent,
+                        SkyProgressIndicatorItemComponent,
+                        SkyProgressIndicatorNavButtonComponent,
+                        SkyProgressIndicatorResetButtonComponent,
+                        SkyProgressIndicatorStatusMarkerComponent,
+                        SkyProgressIndicatorTitleComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        SkyI18nModule,
+                        SkyIconModule,
+                        SkyProgressIndicatorResourcesModule,
+                        SkyThemeModule,
+                    ],
+                    exports: [
+                        SkyProgressIndicatorComponent,
+                        SkyProgressIndicatorItemComponent,
+                        SkyProgressIndicatorNavButtonComponent,
+                        SkyProgressIndicatorResetButtonComponent,
+                        SkyProgressIndicatorTitleComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=progress-indicator.module.js.map

package/esm2015/lib/modules/progress-indicator/progress-indicator.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAExG,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,EAAE,iCAAiC,EAAE,MAAM,6DAA6D,CAAC;AAEhH,OAAO,EAAE,sCAAsC,EAAE,MAAM,yEAAyE,CAAC;AAEjI,OAAO,EAAE,wCAAwC,EAAE,MAAM,6EAA6E,CAAC;AAEvI,OAAO,EAAE,yCAAyC,EAAE,MAAM,+EAA+E,CAAC;AAE1I,OAAO,EAAE,kCAAkC,EAAE,MAAM,+DAA+D,CAAC;;AA0BnH,MAAM,OAAO,0BAA0B;;wHAA1B,0BAA0B;yHAA1B,0BAA0B,iBAtBnC,6BAA6B;QAC7B,iCAAiC;QACjC,sCAAsC;QACtC,wCAAwC;QACxC,yCAAyC;QACzC,kCAAkC,aAGlC,YAAY;QACZ,aAAa;QACb,aAAa;QACb,mCAAmC;QACnC,cAAc,aAGd,6BAA6B;QAC7B,iCAAiC;QACjC,sCAAsC;QACtC,wCAAwC;QACxC,kCAAkC;yHAGzB,0BAA0B,YAf5B;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,mCAAmC;YACnC,cAAc;SACf;4FASU,0BAA0B;kBAxBtC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,6BAA6B;wBAC7B,iCAAiC;wBACjC,sCAAsC;wBACtC,wCAAwC;wBACxC,yCAAyC;wBACzC,kCAAkC;qBACnC;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,mCAAmC;wBACnC,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,6BAA6B;wBAC7B,iCAAiC;wBACjC,sCAAsC;wBACtC,wCAAwC;wBACxC,kCAAkC;qBACnC;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyProgressIndicatorResourcesModule } from '../shared/sky-progress-indicator-resources.module';\n\nimport { SkyProgressIndicatorComponent } from './progress-indicator.component';\n\nimport { SkyProgressIndicatorItemComponent } from './progress-indicator-item/progress-indicator-item.component';\n\nimport { SkyProgressIndicatorNavButtonComponent } from './progress-indicator-nav-button/progress-indicator-nav-button.component';\n\nimport { SkyProgressIndicatorResetButtonComponent } from './progress-indicator-reset-button/progress-indicator-reset-button.component';\n\nimport { SkyProgressIndicatorStatusMarkerComponent } from './progress-indicator-status-marker/progress-indicator-status-marker.component';\n\nimport { SkyProgressIndicatorTitleComponent } from './progress-indicator-title/progress-indicator-title.component';\n\n@NgModule({\n  declarations: [\n    SkyProgressIndicatorComponent,\n    SkyProgressIndicatorItemComponent,\n    SkyProgressIndicatorNavButtonComponent,\n    SkyProgressIndicatorResetButtonComponent,\n    SkyProgressIndicatorStatusMarkerComponent,\n    SkyProgressIndicatorTitleComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyProgressIndicatorResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyProgressIndicatorComponent,\n    SkyProgressIndicatorItemComponent,\n    SkyProgressIndicatorNavButtonComponent,\n    SkyProgressIndicatorResetButtonComponent,\n    SkyProgressIndicatorTitleComponent,\n  ],\n})\nexport class SkyProgressIndicatorModule {}\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-action-click-args.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-indicator-action-click-args.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-action-click-args.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-action-click-args.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-action-click-args.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyProgressIndicatorActionClickProgressHandler } from './progress-indicator-action-click-progress-handler';\n\n/**\n * The arguments passed to the `actionClick` event handler.\n */\nexport interface SkyProgressIndicatorActionClickArgs {\n  /**\n   * The progress handler object that allows consumers to trigger step advancement manually.\n   */\n  progressHandler: SkyProgressIndicatorActionClickProgressHandler;\n\n  /**\n   * The mouse event from the user click.\n   */\n  event: MouseEvent;\n}\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.js

@@ -0,0 +1,14 @@
+/**
+ * Allows the consumer to decide whether the button's action should be completed successfully.
+ * The handler is provided with all nav button types.
+ */
+export class SkyProgressIndicatorActionClickProgressHandler {
+    /**
+     *
+     * @param advance Advances the progress indicator to the next step.
+     */
+    constructor(advance) {
+        this.advance = advance;
+    }
+}
+//# sourceMappingURL=progress-indicator-action-click-progress-handler.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-action-click-progress-handler.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,OAAO,8CAA8C;IACzD;;;OAGG;IACH,YAA4B,OAAiB;QAAjB,YAAO,GAAP,OAAO,CAAU;IAAG,CAAC;CAClD","sourcesContent":["/**\n * Allows the consumer to decide whether the button's action should be completed successfully.\n * The handler is provided with all nav button types.\n */\nexport class SkyProgressIndicatorActionClickProgressHandler {\n  /**\n   *\n   * @param advance Advances the progress indicator to the next step.\n   */\n  constructor(public readonly advance: Function) {}\n}\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-change.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-indicator-change.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-change.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-change.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-change.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyProgressIndicatorItemStatus } from './progress-indicator-item-status';\n\nexport interface SkyProgressIndicatorChange {\n  /**\n   * Specifies the active item.\n   */\n  activeIndex?: number;\n\n  /**\n   * Indicates whether the progress indicator is complete.\n   */\n  isComplete?: boolean;\n\n  /**\n   * Specifies an array with the status of each item.\n   */\n  itemStatuses?: SkyProgressIndicatorItemStatus[];\n}\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-display-mode-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-indicator-display-mode-type.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-display-mode-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-display-mode-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-display-mode-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyProgressIndicatorDisplayModeType =\n  | 0\n  | 1\n  | 'vertical'\n  | 'horizontal';\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-item-status.js

@@ -0,0 +1,20 @@
+export var SkyProgressIndicatorItemStatus;
+(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";
+})(SkyProgressIndicatorItemStatus || (SkyProgressIndicatorItemStatus = {}));
+//# sourceMappingURL=progress-indicator-item-status.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-item-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-item-status.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-item-status.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,8BAoBX;AApBD,WAAY,8BAA8B;IACxC;;OAEG;IACH,uFAAU,CAAA;IAEV;;OAEG;IACH,2FAAQ,CAAA;IAER;;OAEG;IACH,+FAAU,CAAA;IAEV;;OAEG;IACH,yFAAO,CAAA;AACT,CAAC,EApBW,8BAA8B,KAA9B,8BAA8B,QAoBzC","sourcesContent":["export enum SkyProgressIndicatorItemStatus {\n  /**\n   * Indicates the item is active.\n   */\n  Active = 0,\n\n  /**\n   * Indicates the item is complete.\n   */\n  Complete,\n\n  /**\n   * Indicates the item is incomplete.\n   */\n  Incomplete,\n\n  /**\n   * Indicates the item is pending.\n   */\n  Pending,\n}\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-message-type.js

@@ -0,0 +1,28 @@
+export var SkyProgressIndicatorMessageType;
+(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";
+})(SkyProgressIndicatorMessageType || (SkyProgressIndicatorMessageType = {}));
+//# sourceMappingURL=progress-indicator-message-type.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-message-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-message-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-message-type.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,+BA6BX;AA7BD,WAAY,+BAA+B;IACzC;;;OAGG;IACH,6FAAY,CAAA;IAEZ;;;OAGG;IACH,2FAAW,CAAA;IAEX;;;OAGG;IACH,uFAAS,CAAA;IAET;;;OAGG;IACH,yFAAU,CAAA;IAEV;;OAEG;IACH,qFAAQ,CAAA;AACV,CAAC,EA7BW,+BAA+B,KAA/B,+BAA+B,QA6B1C","sourcesContent":["export enum SkyProgressIndicatorMessageType {\n  /**\n   * Indicates that the current step is complete.\n   * This completes the active item and moves to the next item.\n   */\n  Progress = 0,\n\n  /**\n   * Indicates that progress should return to the previous step.\n   * This moves from the active item to the item that precedes it.\n   */\n  Regress = 1,\n\n  /**\n   * Indicates that progress is incomplete.\n   * This marks all items as incomplete and sets the first item as the active item.\n   */\n  Reset = 2,\n\n  /**\n   * Indicates that progress is complete.\n   * This marks all items as complete and sets the last item as the active item.\n   */\n  Finish = 3,\n\n  /**\n   * Indicates that progress should move to the item indicated by the `data.activeIndex` property.\n   */\n  GoTo = 4,\n}\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-message.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-indicator-message.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-message.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-message.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyProgressIndicatorMessageType } from './progress-indicator-message-type';\n\nexport interface SkyProgressIndicatorMessage {\n  /**\n   * Indicates the type of state change for the progress indicator.\n   */\n  type: SkyProgressIndicatorMessageType;\n\n  /**\n   * Used in conjunction with SkyProgressIndicatorMessageType.GoTo\n   * to travel to a specific step by specifying an index number on the `data.activeIndex` property.\n   */\n  data?: {\n    activeIndex?: number;\n\n    // Allow any other data to be passed.\n    [key: string]: any;\n  };\n}\n"]}

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-mode.js

@@ -0,0 +1,16 @@
+/**
+ * @deprecated Use `SkyProgressIndicatorDisplayModeType` instead.
+ * @internal
+ */
+export var SkyProgressIndicatorDisplayMode;
+(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";
+})(SkyProgressIndicatorDisplayMode || (SkyProgressIndicatorDisplayMode = {}));
+//# sourceMappingURL=progress-indicator-mode.js.map

package/esm2015/lib/modules/progress-indicator/types/progress-indicator-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-mode.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-mode.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,+BAUX;AAVD,WAAY,+BAA+B;IACzC;;OAEG;IACH,6FAAY,CAAA;IAEZ;;OAEG;IACH,iGAAU,CAAA;AACZ,CAAC,EAVW,+BAA+B,KAA/B,+BAA+B,QAU1C","sourcesContent":["/**\n * @deprecated Use `SkyProgressIndicatorDisplayModeType` instead.\n * @internal\n */\nexport enum SkyProgressIndicatorDisplayMode {\n  /**\n   * Specifies a vertical layout for the progress indicator.\n   */\n  Vertical = 0,\n\n  /**\n   * Specifies a horizontal layout for the progress indicator.\n   */\n  Horizontal,\n}\n"]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=progress-indicator-nav-button-type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-nav-button-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/types/progress-indicator-nav-button-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Specifies the nav button type. The valid options are `finish`, `next`, `previous`, and `reset`.\n */\nexport type SkyProgressIndicatorNavButtonType =\n  | 'finish'\n  | 'next'\n  | 'previous'\n  | 'reset';\n"]}