@skyux/progress-indicator 5.0.3 → 5.5.0

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

@@ -0,0 +1,223 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Optional, Output, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
+import { SkyProgressIndicatorActionClickProgressHandler } from '../types/progress-indicator-action-click-progress-handler';
+import { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';
+import { SkyProgressIndicatorComponent } from '../progress-indicator.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../progress-indicator.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@skyux/theme";
+import * as i4 from "@skyux/i18n";
+/**
+ * Displays a button to navigate the steps in modal wizards. We recommend against using it in
+ * passive progress indicators and waterfall progress indicators.
+ */
+export class SkyProgressIndicatorNavButtonComponent {
+    constructor(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 EventEmitter();
+        this.ngUnsubscribe = new Subject();
+    }
+    /**
+     * Specifies the type of nav button to include.
+     * The valid options are `"finish"`, `"next"`, `"previous"`, and `"reset"`.
+     * @default "next"
+     */
+    set buttonType(value) {
+        this._buttonType = value;
+    }
+    get buttonType() {
+        if (this._buttonType === undefined) {
+            return 'next';
+        }
+        return this._buttonType;
+    }
+    /**
+     * Indicates whether to disable the nav button.
+     * @default false
+     */
+    set disabled(value) {
+        this._disabled = value;
+        this.changeDetector.markForCheck();
+    }
+    get disabled() {
+        const buttonType = this.buttonType;
+        const activeIndex = this.lastProgressChange.activeIndex;
+        const isLastStep = activeIndex === this.lastProgressChange.itemStatuses.length - 1;
+        if (buttonType === 'previous' && activeIndex === 0) {
+            return true;
+        }
+        if (buttonType === 'next' && isLastStep) {
+            return true;
+        }
+        return this._disabled || false;
+    }
+    /**
+     * Specifies the progress indicator component to associate with the nav button.
+     * @required
+     */
+    set progressIndicator(value) {
+        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(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))
+                .subscribe((change) => {
+                this.lastProgressChange = change;
+                this.updateButtonVisibility(change);
+            });
+        }
+        else {
+            if (!this.parentTimeout) {
+                this.parentTimeout = window.setTimeout(() => {
+                    /* 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);
+            }
+        }
+    }
+    get progressIndicator() {
+        return this._progressIndicator;
+    }
+    get cssClassNames() {
+        const buttonType = this.buttonType;
+        const 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(' ');
+    }
+    get buttonLabelResourceString() {
+        return `skyux_progress_indicator_navigator_${this.buttonType}`;
+    }
+    set isVisible(value) {
+        this._isVisible = value;
+        this.changeDetector.markForCheck();
+    }
+    get isVisible() {
+        return this._isVisible || false;
+    }
+    ngAfterViewInit() {
+        if (!this.progressIndicator && this.parentComponent) {
+            this.progressIndicator = this.parentComponent;
+        }
+        else if (!this.progressIndicator) {
+            this.progressIndicator = undefined;
+        }
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        this.actionClick.complete();
+    }
+    onClick(event) {
+        event.preventDefault();
+        let type;
+        switch (this.buttonType) {
+            case 'finish':
+                type = SkyProgressIndicatorMessageType.Finish;
+                break;
+            case 'next':
+                type = SkyProgressIndicatorMessageType.Progress;
+                break;
+            case 'previous':
+                type = SkyProgressIndicatorMessageType.Regress;
+                break;
+            case 'reset':
+                type = 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,
+                progressHandler: new SkyProgressIndicatorActionClickProgressHandler(() => {
+                    this.progressIndicator.sendMessage({ type });
+                }),
+            });
+        }
+        else {
+            this.progressIndicator.sendMessage({ type });
+        }
+    }
+    updateButtonVisibility(change) {
+        const isLastStep = change.activeIndex === change.itemStatuses.length - 1;
+        const 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;
+    }
+}
+SkyProgressIndicatorNavButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorNavButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyProgressIndicatorComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyProgressIndicatorNavButtonComponent.ɵcmp = i0.ɵɵ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, 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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorNavButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-progress-indicator-nav-button',
+                    templateUrl: './progress-indicator-nav-button.component.html',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyProgressIndicatorComponent, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { buttonText: [{
+                type: Input
+            }], buttonType: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], progressIndicator: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=progress-indicator-nav-button.component.js.map

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

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

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

@@ -0,0 +1,59 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { SkyProgressIndicatorMessageType } from '../types/progress-indicator-message-type';
+import { SkyProgressIndicatorComponent } from '../progress-indicator.component';
+import * as i0 from "@angular/core";
+/**
+ * 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.
+ */
+export class SkyProgressIndicatorResetButtonComponent {
+    constructor(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 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".');
+    }
+    /**
+     * Indicates whether to disable the reset button.
+     * @default false
+     */
+    set disabled(value) {
+        this._disabled = value;
+        this.changeDetector.markForCheck();
+    }
+    get disabled() {
+        return this._disabled || false;
+    }
+    ngOnDestroy() {
+        this.resetClick.complete();
+    }
+    onClick() {
+        this.resetClick.emit();
+        this.progressIndicator.sendMessage({
+            type: SkyProgressIndicatorMessageType.Reset,
+        });
+    }
+}
+SkyProgressIndicatorResetButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorResetButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyProgressIndicatorResetButtonComponent.ɵcmp = i0.ɵɵ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, 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorResetButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-progress-indicator-reset-button',
+                    templateUrl: './progress-indicator-reset-button.component.html',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], progressIndicator: [{
+                type: Input
+            }], resetClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=progress-indicator-reset-button.component.js.map

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

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

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

@@ -1,4 +1,5 @@
-import { ChangeDetectionStrategy, Component, Input, Optional, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, Optional, } from '@angular/core';
+import { SkyThemeService } from '@skyux/theme';
 import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
 import { SkyProgressIndicatorItemStatus } from '../types/progress-indicator-item-status';
@@ -80,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], status: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLXN0YXR1cy1tYXJrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJvZ3Jlc3MtaW5kaWNhdG9yL3NyYy9tb2R1bGVzL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3Itc3RhdHVzLW1hcmtlci9wcm9ncmVzcy1pbmRpY2F0b3Itc3RhdHVzLW1hcmtlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm9ncmVzcy1pbmRpY2F0b3Ivc3JjL21vZHVsZXMvcHJvZ3Jlc3MtaW5kaWNhdG9yL3Byb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyL3Byb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULEtBQUssRUFFTCxRQUFRLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFJdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFL0IsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0seUNBQXlDLENBQUM7Ozs7O0FBRXpGOzs7R0FHRztBQU9ILE1BQU0sT0FBTyx5Q0FBeUM7SUEyRHBELFlBQ1UsY0FBaUMsRUFDN0IsUUFBMEI7UUFEOUIsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBTm5DLGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQVMxQyxtQ0FBbUM7UUFDbkMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFFLGNBQWMsQ0FDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQ2xDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3JDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQXBFRCxJQUNXLFdBQVcsQ0FBQyxLQUFnQztRQUNyRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBVyxXQUFXO1FBQ3BCLElBQUksSUFBSSxDQUFDLFlBQVksS0FBSyxTQUFTLEVBQUU7WUFDbkMsT0FBTyxVQUFVLENBQUM7U0FDbkI7UUFFRCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQ1csTUFBTSxDQUFDLEtBQXFDO1FBQ3JELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVELElBQVcsYUFBYTtRQUN0QixNQUFNLFVBQVUsR0FBRztZQUNqQiw2Q0FBNkMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUMvRCwrQ0FBK0MsSUFBSSxDQUFDLFVBQVUsRUFBRTtTQUNqRSxDQUFDO1FBRUYsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsSUFBSSxJQUFZLENBQUM7UUFFakIsNkNBQTZDO1FBQzdDLFFBQVEsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNwQixLQUFLLDhCQUE4QixDQUFDLE1BQU07Z0JBQ3hDLElBQUksR0FBRyxRQUFRLENBQUM7Z0JBQ2hCLE1BQU07WUFFUixLQUFLLDhCQUE4QixDQUFDLFFBQVE7Z0JBQzFDLElBQUksR0FBRyxVQUFVLENBQUM7Z0JBQ2xCLE1BQU07WUFFUixLQUFLLDhCQUE4QixDQUFDLFVBQVU7Z0JBQzVDLElBQUksR0FBRyxZQUFZLENBQUM7Z0JBQ3BCLE1BQU07WUFFUixLQUFLLDhCQUE4QixDQUFDLE9BQU87Z0JBQ3pDLElBQUksR0FBRyxTQUFTLENBQUM7Z0JBQ2pCLE1BQU07U0FDVDtRQUVELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQW1CTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzt1SUExRVUseUNBQXlDOzJIQUF6Qyx5Q0FBeUMsc0lDM0J0RCxxa0JBaUJBOzRGRFVhLHlDQUF5QztrQkFOckQsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0NBQXNDO29CQUNoRCxXQUFXLEVBQUUsbURBQW1EO29CQUNoRSxTQUFTLEVBQUUsQ0FBQyxtREFBbUQsQ0FBQztvQkFDaEUsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzswQkE4REksUUFBUTs0Q0EzREEsV0FBVztzQkFEckIsS0FBSztnQkFjSyxNQUFNO3NCQURoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9wdGlvbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5VGhlbWVTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IFNreVByb2dyZXNzSW5kaWNhdG9ySXRlbVN0YXR1cyB9IGZyb20gJy4uL3R5cGVzL3Byb2dyZXNzLWluZGljYXRvci1pdGVtLXN0YXR1cyc7XG5cbi8qKlxuICogU3BlY2lmaWVzIHRoZSBjb250ZW50IHRvIGRpc3BsYXkgaW4gdGhlIHN0YXR1cyBtYXJrZXIuXG4gKiBAaW50ZXJuYWxcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXByb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJvZ3Jlc3MtaW5kaWNhdG9yLXN0YXR1cy1tYXJrZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreVByb2dyZXNzSW5kaWNhdG9yU3RhdHVzTWFya2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBkaXNwbGF5TW9kZSh2YWx1ZTogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJykge1xuICAgIHRoaXMuX2Rpc3BsYXlNb2RlID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRpc3BsYXlNb2RlKCk6ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCcge1xuICAgIGlmICh0aGlzLl9kaXNwbGF5TW9kZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm4gJ3ZlcnRpY2FsJztcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5fZGlzcGxheU1vZGU7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHN0YXR1cyh2YWx1ZTogU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzKSB7XG4gICAgdGhpcy5fc3RhdHVzID0gdmFsdWU7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgY3NzQ2xhc3NOYW1lcygpOiBzdHJpbmcge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBbXG4gICAgICBgc2t5LXByb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyLW1vZGUtJHt0aGlzLmRpc3BsYXlNb2RlfWAsXG4gICAgICBgc2t5LXByb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyLXN0YXR1cy0ke3RoaXMuc3RhdHVzTmFtZX1gLFxuICAgIF07XG5cbiAgICByZXR1cm4gY2xhc3NOYW1lcy5qb2luKCcgJyk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHN0YXR1c05hbWUoKTogc3RyaW5nIHtcbiAgICBsZXQgbmFtZTogc3RyaW5nO1xuXG4gICAgLyogdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOnN3aXRjaC1kZWZhdWx0ICovXG4gICAgc3dpdGNoICh0aGlzLl9zdGF0dXMpIHtcbiAgICAgIGNhc2UgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzLkFjdGl2ZTpcbiAgICAgICAgbmFtZSA9ICdhY3RpdmUnO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMuQ29tcGxldGU6XG4gICAgICAgIG5hbWUgPSAnY29tcGxldGUnO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXMuSW5jb21wbGV0ZTpcbiAgICAgICAgbmFtZSA9ICdpbmNvbXBsZXRlJztcbiAgICAgICAgYnJlYWs7XG5cbiAgICAgIGNhc2UgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JJdGVtU3RhdHVzLlBlbmRpbmc6XG4gICAgICAgIG5hbWUgPSAncGVuZGluZyc7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiBuYW1lO1xuICB9XG5cbiAgcHJpdmF0ZSBuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwcml2YXRlIF9kaXNwbGF5TW9kZTogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJztcbiAgcHJpdmF0ZSBfc3RhdHVzOiBTa3lQcm9ncmVzc0luZGljYXRvckl0ZW1TdGF0dXM7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQE9wdGlvbmFsKCkgdGhlbWVTdmM/OiBTa3lUaGVtZVNlcnZpY2VcbiAgKSB7XG4gICAgLy8gVXBkYXRlIGljb25zIHdoZW4gdGhlbWUgY2hhbmdlcy5cbiAgICB0aGVtZVN2Yz8uc2V0dGluZ3NDaGFuZ2VcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLm5nVW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm5nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMubmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LXByb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyXCJcbiAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gIFtuZ0NsYXNzXT1cImNzc0NsYXNzTmFtZXNcIlxuPlxuICA8ZGl2XG4gICAgKnNreVRoZW1lSWY9XCInZGVmYXVsdCdcIlxuICAgIGNsYXNzPVwic2t5LXByb2dyZXNzLWluZGljYXRvci1zdGF0dXMtbWFya2VyLWljb25cIlxuICA+XG4gICAgPHNreS1pY29uICpuZ0lmPVwic3RhdHVzTmFtZSA9PT0gJ2NvbXBsZXRlJ1wiIGljb249XCJjaGVja1wiPiA8L3NreS1pY29uPlxuICA8L2Rpdj5cbiAgPGRpdiAqc2t5VGhlbWVJZj1cIidtb2Rlcm4nXCIgY2xhc3M9XCJza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLXN0YXR1cy1tYXJrZXItaWNvblwiPlxuICAgIDxza3ktaWNvbiAqbmdJZj1cInN0YXR1c05hbWUgPT09ICdjb21wbGV0ZSdcIiBpY29uPVwiY2hlY2tcIiBpY29uVHlwZT1cInNreXV4XCI+XG4gICAgPC9za3ktaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLXN0YXR1cy1tYXJrZXItbGluZVwiPjwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=progress-indicator-status-marker.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-status-marker.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.ts","../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-status-marker/progress-indicator-status-marker.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,KAAK,EAEL,QAAQ,GACT,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;;;;;AAEzF;;;GAGG;AAOH,MAAM,OAAO,yCAAyC;IA2DpD,YACU,cAAiC,EAC7B,QAA0B;QAD9B,mBAAc,GAAd,cAAc,CAAmB;QANnC,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;QAS1C,mCAAmC;QACnC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,CACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAClC,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IApED,IACW,WAAW,CAAC,KAAgC;QACrD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,IAAW,WAAW;QACpB,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE;YACnC,OAAO,UAAU,CAAC;SACnB;QAED,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED,IACW,MAAM,CAAC,KAAqC;QACrD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,IAAW,aAAa;QACtB,MAAM,UAAU,GAAG;YACjB,6CAA6C,IAAI,CAAC,WAAW,EAAE;YAC/D,+CAA+C,IAAI,CAAC,UAAU,EAAE;SACjE,CAAC;QAEF,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,IAAW,UAAU;QACnB,IAAI,IAAY,CAAC;QAEjB,6CAA6C;QAC7C,QAAQ,IAAI,CAAC,OAAO,EAAE;YACpB,KAAK,8BAA8B,CAAC,MAAM;gBACxC,IAAI,GAAG,QAAQ,CAAC;gBAChB,MAAM;YAER,KAAK,8BAA8B,CAAC,QAAQ;gBAC1C,IAAI,GAAG,UAAU,CAAC;gBAClB,MAAM;YAER,KAAK,8BAA8B,CAAC,UAAU;gBAC5C,IAAI,GAAG,YAAY,CAAC;gBACpB,MAAM;YAER,KAAK,8BAA8B,CAAC,OAAO;gBACzC,IAAI,GAAG,SAAS,CAAC;gBACjB,MAAM;SACT;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAmBM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;;uIA1EU,yCAAyC;2HAAzC,yCAAyC,sIC3BtD,qkBAiBA;4FDUa,yCAAyC;kBANrD,SAAS;mBAAC;oBACT,QAAQ,EAAE,sCAAsC;oBAChD,WAAW,EAAE,mDAAmD;oBAChE,SAAS,EAAE,CAAC,mDAAmD,CAAC;oBAChE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;0BA8DI,QAAQ;4CA3DA,WAAW;sBADrB,KAAK;gBAcK,MAAM;sBADhB,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n  OnDestroy,\n  Optional,\n} from '@angular/core';\n\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Subject } from 'rxjs';\n\nimport { SkyProgressIndicatorItemStatus } from '../types/progress-indicator-item-status';\n\n/**\n * Specifies the content to display in the status marker.\n * @internal\n */\n@Component({\n  selector: 'sky-progress-indicator-status-marker',\n  templateUrl: './progress-indicator-status-marker.component.html',\n  styleUrls: ['./progress-indicator-status-marker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorStatusMarkerComponent implements OnDestroy {\n  @Input()\n  public set displayMode(value: 'vertical' | 'horizontal') {\n    this._displayMode = value;\n  }\n\n  public get displayMode(): 'vertical' | 'horizontal' {\n    if (this._displayMode === undefined) {\n      return 'vertical';\n    }\n\n    return this._displayMode;\n  }\n\n  @Input()\n  public set status(value: SkyProgressIndicatorItemStatus) {\n    this._status = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get cssClassNames(): string {\n    const classNames = [\n      `sky-progress-indicator-status-marker-mode-${this.displayMode}`,\n      `sky-progress-indicator-status-marker-status-${this.statusName}`,\n    ];\n\n    return classNames.join(' ');\n  }\n\n  public get statusName(): string {\n    let name: string;\n\n    /* tslint:disable-next-line:switch-default */\n    switch (this._status) {\n      case SkyProgressIndicatorItemStatus.Active:\n        name = 'active';\n        break;\n\n      case SkyProgressIndicatorItemStatus.Complete:\n        name = 'complete';\n        break;\n\n      case SkyProgressIndicatorItemStatus.Incomplete:\n        name = 'incomplete';\n        break;\n\n      case SkyProgressIndicatorItemStatus.Pending:\n        name = 'pending';\n        break;\n    }\n\n    return name;\n  }\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _displayMode: 'vertical' | 'horizontal';\n  private _status: SkyProgressIndicatorItemStatus;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    @Optional() themeSvc?: SkyThemeService\n  ) {\n    // Update icons when theme changes.\n    themeSvc?.settingsChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n}\n","<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"]}

package/esm2015/{modules → lib/modules}/progress-indicator/progress-indicator-title/progress-indicator-title.component.js

@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtaW5kaWNhdG9yLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Byb2dyZXNzLWluZGljYXRvci9zcmMvbW9kdWxlcy9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLXRpdGxlL3Byb2dyZXNzLWluZGljYXRvci10aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcm9ncmVzcy1pbmRpY2F0b3Ivc3JjL21vZHVsZXMvcHJvZ3Jlc3MtaW5kaWNhdG9yL3Byb2dyZXNzLWluZGljYXRvci10aXRsZS9wcm9ncmVzcy1pbmRpY2F0b3ItdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRW5FOztHQUVHO0FBT0gsTUFBTSxPQUFPLGtDQUFrQzs7Z0lBQWxDLGtDQUFrQztvSEFBbEMsa0NBQWtDLG9FQ1gvQywyT0FXQTs0RkRBYSxrQ0FBa0M7a0JBTjlDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsV0FBVyxFQUFFLDJDQUEyQztvQkFDeEQsU0FBUyxFQUFFLENBQUMsMkNBQTJDLENBQUM7b0JBQ3hELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYSBoZWFkZXIgdG8gZGlzcGxheSBhYm92ZSB0aGUgcHJvZ3Jlc3MgaW5kaWNhdG9yLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcHJvZ3Jlc3MtaW5kaWNhdG9yLXRpdGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWluZGljYXRvci10aXRsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWluZGljYXRvci10aXRsZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UHJvZ3Jlc3NJbmRpY2F0b3JUaXRsZUNvbXBvbmVudCB7fVxuIiwiPGRpdlxuICBhcmlhLWxldmVsPVwiMVwiXG4gIGNsYXNzPVwic2t5LXByb2dyZXNzLWluZGljYXRvci10aXRsZVwiXG4gIHJvbGU9XCJoZWFkaW5nXCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktc2VjdGlvbi1oZWFkaW5nJzogJ2RlZmF1bHQnLFxuICAgICdza3ktZm9udC1oZWFkaW5nLTEnOiAnbW9kZXJuJ1xuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=progress-indicator-title.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-title.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component.ts","../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAEnE;;GAEG;AAOH,MAAM,OAAO,kCAAkC;;gIAAlC,kCAAkC;oHAAlC,kCAAkC,oECX/C,2OAWA;4FDAa,kCAAkC;kBAN9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,WAAW,EAAE,2CAA2C;oBACxD,SAAS,EAAE,CAAC,2CAA2C,CAAC;oBACxD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies a header to display above the progress indicator.\n */\n@Component({\n  selector: 'sky-progress-indicator-title',\n  templateUrl: './progress-indicator-title.component.html',\n  styleUrls: ['./progress-indicator-title.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorTitleComponent {}\n","<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"]}