@skyux/progress-indicator 5.0.3 → 5.5.0

package/README.md

@@ -1,5 +1,7 @@
-# @skyux/progress-indicator
+# progress-indicator
 
-[![npm](https://img.shields.io/npm/v/@skyux/progress-indicator.svg)](https://www.npmjs.com/package/@skyux/progress-indicator)
-![SKY UX CI](https://github.com/blackbaud/skyux-progress-indicator/workflows/SKY%20UX%20CI/badge.svg)
-[![coverage](https://codecov.io/gh/blackbaud/skyux-progress-indicator/branch/master/graphs/badge.svg?branch=master)](https://codecov.io/gh/blackbaud/skyux-progress-indicator/branch/master)
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test progress-indicator` to execute the unit tests.

package/documentation.json

@@ -285,6 +285,8 @@
                     },
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "Function",
+                      "package": "typescript",
                       "name": "Function"
                     }
                   }
@@ -308,6 +310,8 @@
             },
             "type": {
               "type": "reference",
+              "qualifiedName": "Function",
+              "package": "typescript",
               "name": "Function"
             }
           }
@@ -347,6 +351,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -408,6 +414,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -445,6 +453,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -542,6 +552,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -801,6 +813,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -838,6 +852,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -877,6 +893,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -898,6 +916,8 @@
                   "name": "SkyProgressIndicatorChange"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -944,6 +964,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -964,7 +986,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies whether to display the progress indicator vertically or horizontally.\nFor [passive progress indicators](https://developer.blackbaud.com/skyux-progress-indicator/docs/passive-indicator)\nand [waterfall progress indicators](https://developer.blackbaud.com/skyux/components/progress-indicator/waterfall-progress-indicator),\nuse the vertical display mode. For [modal wizards](https://developer.blackbaud.com/skyux/components/wizard),\nuse the horizontal display mode."
+                  "shortText": "Specifies whether to display the progress indicator vertically or horizontally.\nFor [passive progress indicators](https://developer.blackbaud.com/skyux-progress-indicator/docs/passive-indicator)\nand [waterfall progress indicators](https://developer.blackbaud.com/skyux/components/progress-indicator/waterfall-progress-indicator),\nuse the vertical display mode. For [modal wizards](https://developer.blackbaud.com/skyux/components/wizard),\nuse the horizontal display mode.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"vertical\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -1078,6 +1106,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1098,7 +1128,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether the progress indicator is passive. Passive progress indicators inform users of\nprogress that concerns them but that they are not responsible for, and they must use the vertical display mode."
+                  "shortText": "Indicates whether the progress indicator is passive. Passive progress indicators inform users of\nprogress that concerns them but that they are not responsible for, and they must use the vertical display mode.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1188,6 +1224,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1236,6 +1274,8 @@
                           ]
                         }
                       ],
+                      "qualifiedName": "Subject",
+                      "package": "rxjs",
                       "name": "Subject"
                     }
                   }
@@ -1260,6 +1300,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1522,14 +1564,20 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnInit",
+            "package": "@angular/core",
             "name": "OnInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "AfterContentInit",
+            "package": "@angular/core",
             "name": "AfterContentInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -1548,6 +1596,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -1585,6 +1635,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   },
@@ -1599,6 +1651,8 @@
                         "name": "Optional",
                         "type": {
                           "type": "reference",
+                          "qualifiedName": "OptionalDecorator",
+                          "package": "@angular/core",
                           "name": "Optional"
                         },
                         "arguments": {}
@@ -1635,6 +1689,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -1656,6 +1712,8 @@
                   "name": "SkyProgressIndicatorActionClickArgs"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -1682,6 +1740,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1741,6 +1801,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1761,7 +1823,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the type of nav button to include.\nThe valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`."
+                  "shortText": "Specifies the type of nav button to include.\nThe valid options are `\"finish\"`, `\"next\"`, `\"previous\"`, and `\"reset\"`.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "\"next\"\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -1849,6 +1917,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -1869,7 +1939,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the nav button."
+                  "shortText": "Indicates whether to disable the nav button.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -1981,6 +2057,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2001,7 +2079,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Specifies the progress indicator component to associate with the nav button."
+                  "shortText": "Specifies the progress indicator component to associate with the nav button.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "reference",
@@ -2152,6 +2236,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "MouseEvent",
+                      "package": "typescript",
                       "name": "MouseEvent"
                     }
                   }
@@ -2212,10 +2298,14 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "AfterViewInit",
+            "package": "@angular/core",
             "name": "AfterViewInit"
           },
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -2234,6 +2324,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2271,6 +2363,8 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "qualifiedName": "ChangeDetectorRef",
+                      "package": "@angular/core",
                       "name": "ChangeDetectorRef"
                     }
                   }
@@ -2305,6 +2399,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2339,6 +2435,8 @@
                 "name": "Output",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "OutputDecorator",
+                  "package": "@angular/core",
                   "name": "Output"
                 },
                 "arguments": {}
@@ -2359,6 +2457,8 @@
                   "name": "any"
                 }
               ],
+              "qualifiedName": "EventEmitter",
+              "package": "@angular/core",
               "name": "EventEmitter"
             },
             "defaultValue": "..."
@@ -2376,6 +2476,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -2396,7 +2498,13 @@
                 "kindString": "Get signature",
                 "flags": {},
                 "comment": {
-                  "shortText": "Indicates whether to disable the reset button."
+                  "shortText": "Indicates whether to disable the reset button.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
                 },
                 "type": {
                   "type": "intrinsic",
@@ -2549,6 +2657,8 @@
         "implementedTypes": [
           {
             "type": "reference",
+            "qualifiedName": "OnDestroy",
+            "package": "@angular/core",
             "name": "OnDestroy"
           }
         ]
@@ -2567,6 +2677,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -2642,6 +2754,8 @@
             ],
             "type": {
               "type": "reference",
+              "qualifiedName": "MouseEvent",
+              "package": "typescript",
               "name": "MouseEvent"
             }
           },
@@ -2830,7 +2944,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/progress-indicator/src/modules/progress-indicator/types/progress-indicator-message.ts",
+                        "fileName": "lib/modules/progress-indicator/types/progress-indicator-message.ts",
                         "line": 14,
                         "character": 4
                       }
@@ -3033,18 +3147,13 @@
     ],
     "sources": [
       {
-        "fileName": "projects/progress-indicator/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
     ]
   },
   "codeExamples": [
-    {
-      "fileName": ".eslintrc.json",
-      "filePath": "/projects/progress-indicator/documentation/code-examples/.eslintrc.json",
-      "rawContents": "{\n  \"extends\": [\"../../.eslintrc.json\"],\n  \"overrides\": [\n    {\n      \"files\": [\"*.ts\"],\n      \"rules\": {\n        \"@angular-eslint/directive-selector\": [\n          \"error\",\n          {\n            \"type\": \"attribute\",\n            \"prefix\": \"app\",\n            \"style\": \"camelCase\"\n          }\n        ],\n        \"@angular-eslint/component-selector\": [\n          \"error\",\n          {\n            \"type\": \"element\",\n            \"prefix\": \"app\",\n            \"style\": \"kebab-case\"\n          }\n        ]\n      }\n    }\n  ]\n}\n"
-    },
     {
       "fileName": "progress-indicator-passive-demo.component.html",
       "filePath": "/projects/progress-indicator/documentation/code-examples/passive-indicator/basic/progress-indicator-passive-demo.component.html",
@@ -3116,4 +3225,4 @@
       "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SkyProgressIndicatorModule } from '@skyux/progress-indicator';\n\nimport { WizardDemoComponent } from './wizard-demo.component';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyModalModule,\n    SkyProgressIndicatorModule,\n  ],\n  exports: [WizardDemoComponent],\n  declarations: [WizardDemoComponent, WizardDemoModalComponent],\n  entryComponents: [WizardDemoModalComponent],\n})\nexport class SkyProgressIndicatorPassiveDemoModule {}\n"
     }
   ]
-}
+}

package/esm2015/index.js

@@ -0,0 +1,18 @@
+export * from './lib/modules/progress-indicator/progress-indicator.module';
+export * from './lib/modules/progress-indicator/types/progress-indicator-action-click-args';
+export * from './lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler';
+export * from './lib/modules/progress-indicator/types/progress-indicator-change';
+export * from './lib/modules/progress-indicator/types/progress-indicator-display-mode-type';
+export * from './lib/modules/progress-indicator/types/progress-indicator-item-status';
+export * from './lib/modules/progress-indicator/types/progress-indicator-message';
+export * from './lib/modules/progress-indicator/types/progress-indicator-message-type';
+export * from './lib/modules/progress-indicator/types/progress-indicator-mode';
+export * from './lib/modules/progress-indicator/types/progress-indicator-nav-button-type';
+// Components and directives must be exported to support Angular's "partial" Ivy compiler.
+// Obscure names are used to indicate types are not part of public API.
+export { SkyProgressIndicatorItemComponent as λ1 } from './lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component';
+export { SkyProgressIndicatorComponent as λ2 } from './lib/modules/progress-indicator/progress-indicator.component';
+export { SkyProgressIndicatorNavButtonComponent as λ3 } from './lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component';
+export { SkyProgressIndicatorResetButtonComponent as λ4 } from './lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component';
+export { SkyProgressIndicatorTitleComponent as λ5 } from './lib/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component';
+//# sourceMappingURL=index.js.map

package/esm2015/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/progress-indicator/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6EAA6E,CAAC;AAC5F,cAAc,yFAAyF,CAAC;AACxG,cAAc,kEAAkE,CAAC;AACjF,cAAc,6EAA6E,CAAC;AAC5F,cAAc,uEAAuE,CAAC;AACtF,cAAc,mEAAmE,CAAC;AAClF,cAAc,wEAAwE,CAAC;AACvF,cAAc,gEAAgE,CAAC;AAC/E,cAAc,2EAA2E,CAAC;AAE1F,0FAA0F;AAC1F,uEAAuE;AACvE,OAAO,EAAE,iCAAiC,IAAI,EAAE,EAAE,MAAM,4FAA4F,CAAC;AACrJ,OAAO,EAAE,6BAA6B,IAAI,EAAE,EAAE,MAAM,+DAA+D,CAAC;AACpH,OAAO,EAAE,sCAAsC,IAAI,EAAE,EAAE,MAAM,wGAAwG,CAAC;AACtK,OAAO,EAAE,wCAAwC,IAAI,EAAE,EAAE,MAAM,4GAA4G,CAAC;AAC5K,OAAO,EAAE,kCAAkC,IAAI,EAAE,EAAE,MAAM,8FAA8F,CAAC","sourcesContent":["export * from './lib/modules/progress-indicator/progress-indicator.module';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-action-click-args';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-action-click-progress-handler';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-change';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-display-mode-type';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-item-status';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-message';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-message-type';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-mode';\nexport * from './lib/modules/progress-indicator/types/progress-indicator-nav-button-type';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of public API.\nexport { SkyProgressIndicatorItemComponent as λ1 } from './lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component';\nexport { SkyProgressIndicatorComponent as λ2 } from './lib/modules/progress-indicator/progress-indicator.component';\nexport { SkyProgressIndicatorNavButtonComponent as λ3 } from './lib/modules/progress-indicator/progress-indicator-nav-button/progress-indicator-nav-button.component';\nexport { SkyProgressIndicatorResetButtonComponent as λ4 } from './lib/modules/progress-indicator/progress-indicator-reset-button/progress-indicator-reset-button.component';\nexport { SkyProgressIndicatorTitleComponent as λ5 } from './lib/modules/progress-indicator/progress-indicator-title/progress-indicator-title.component';\n"]}

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

@@ -0,0 +1,74 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, } from '@angular/core';
+import { SkyProgressIndicatorItemStatus } from '../types/progress-indicator-item-status';
+import * as i0 from "@angular/core";
+import * as i1 from "../progress-indicator-status-marker/progress-indicator-status-marker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@skyux/theme";
+/**
+ * Specifies a step to include in the progress indicator. Each step requires a label,
+ * and you can also specify step details within the `sky-progress-indicator-item` element.
+ */
+export class SkyProgressIndicatorItemComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.isVisible = false;
+        this.showStatusMarker = true;
+        this.showTitle = true;
+    }
+    get formattedTitle() {
+        return `${this.titlePrefix}${this.title}`;
+    }
+    get status() {
+        /* istanbul ignore next */
+        if (this._status === undefined) {
+            return SkyProgressIndicatorItemStatus.Incomplete;
+        }
+        return this._status;
+    }
+    set status(value) {
+        if (value === this._status) {
+            return;
+        }
+        this._status = value;
+        this.changeDetector.markForCheck();
+    }
+    get statusName() {
+        let name;
+        /* tslint:disable-next-line:switch-default */
+        switch (this.status) {
+            case SkyProgressIndicatorItemStatus.Active:
+                name = 'active';
+                break;
+            case SkyProgressIndicatorItemStatus.Complete:
+                name = 'complete';
+                break;
+            case SkyProgressIndicatorItemStatus.Incomplete:
+                name = 'incomplete';
+                break;
+            case SkyProgressIndicatorItemStatus.Pending:
+                name = 'pending';
+                break;
+        }
+        return name;
+    }
+    showStepNumber(step) {
+        this.titlePrefix = `${step} - `;
+    }
+    hideStepNumber() {
+        this.titlePrefix = '';
+    }
+}
+SkyProgressIndicatorItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyProgressIndicatorItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyProgressIndicatorItemComponent, selector: "sky-progress-indicator-item", inputs: { title: "title" }, ngImport: i0, template: "<div\n  *ngIf=\"isVisible\"\n  class=\"sky-progress-indicator-item\"\n  [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n  <sky-progress-indicator-status-marker\n    *ngIf=\"showStatusMarker\"\n    [status]=\"status\"\n  >\n  </sky-progress-indicator-status-marker>\n\n  <div class=\"sky-progress-indicator-item-content\">\n    <div\n      *ngIf=\"showTitle\"\n      aria-level=\"2\"\n      class=\"sky-progress-indicator-item-heading\"\n      role=\"heading\"\n      [ngClass]=\"{\n        'sky-deemphasized': statusName === 'pending'\n      }\"\n      [skyThemeClass]=\"{\n        'sky-font-display-3': 'modern'\n      }\"\n    >\n      {{ formattedTitle }}\n    </div>\n    <div class=\"sky-progress-indicator-item-body\">\n      <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n        <ng-content></ng-content>\n      </ng-template>\n    </div>\n  </div>\n</div>\n", styles: [".sky-progress-indicator-item{display:flex;margin-bottom:-1px}.sky-progress-indicator-item-content{flex:1 1 100%}.sky-progress-indicator-item-body{min-height:20px;padding-top:10px;padding-bottom:30px}.sky-progress-indicator-item-status-incomplete .sky-progress-indicator-item-body{padding:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item{margin:0}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body{padding:20px 0 30px}:host-context(.sky-theme-modern) .sky-progress-indicator-item-body:empty{padding:0}.sky-theme-modern .sky-progress-indicator-item{margin:0}.sky-theme-modern .sky-progress-indicator-item-body{padding:20px 0 30px}.sky-theme-modern .sky-progress-indicator-item-body:empty{padding:0}\n"], components: [{ type: i1.SkyProgressIndicatorStatusMarkerComponent, selector: "sky-progress-indicator-status-marker", inputs: ["displayMode", "status"] }], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyProgressIndicatorItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-progress-indicator-item',
+                    templateUrl: './progress-indicator-item.component.html',
+                    styleUrls: ['./progress-indicator-item.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=progress-indicator-item.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator-item.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.ts","../../../../../../../../../libs/components/progress-indicator/src/lib/modules/progress-indicator/progress-indicator-item/progress-indicator-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;;;;;AAEzF;;;GAGG;AAOH,MAAM,OAAO,iCAAiC;IA+D5C,YAAoB,cAAiC;QAAjC,mBAAc,GAAd,cAAc,CAAmB;QAR9C,cAAS,GAAG,KAAK,CAAC;QAClB,qBAAgB,GAAG,IAAI,CAAC;QACxB,cAAS,GAAG,IAAI,CAAC;IAMgC,CAAC;IAvDzD,IAAW,cAAc;QACvB,OAAO,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IAC5C,CAAC;IAED,IAAW,MAAM;QACf,0BAA0B;QAC1B,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;YAC9B,OAAO,8BAA8B,CAAC,UAAU,CAAC;SAClD;QAED,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAW,MAAM,CAAC,KAAqC;QACrD,IAAI,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE;YAC1B,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,IAAW,UAAU;QACnB,IAAI,IAAY,CAAC;QAEjB,6CAA6C;QAC7C,QAAQ,IAAI,CAAC,MAAM,EAAE;YACnB,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;IAYM,cAAc,CAAC,IAAY;QAChC,IAAI,CAAC,WAAW,GAAG,GAAG,IAAI,KAAK,CAAC;IAClC,CAAC;IAEM,cAAc;QACnB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC;;+HAvEU,iCAAiC;mHAAjC,iCAAiC,+FCnB9C,g4BAiCA;4FDda,iCAAiC;kBAN7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,WAAW,EAAE,0CAA0C;oBACvD,SAAS,EAAE,CAAC,0CAA0C,CAAC;oBACvD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;wGAOQ,KAAK;sBADX,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n} from '@angular/core';\n\nimport { SkyProgressIndicatorItemStatus } from '../types/progress-indicator-item-status';\n\n/**\n * Specifies a step to include in the progress indicator. Each step requires a label,\n * and you can also specify step details within the `sky-progress-indicator-item` element.\n */\n@Component({\n  selector: 'sky-progress-indicator-item',\n  templateUrl: './progress-indicator-item.component.html',\n  styleUrls: ['./progress-indicator-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyProgressIndicatorItemComponent {\n  /**\n   * Specifies a step label for the step in the progress indicator.\n   * @required\n   */\n  @Input()\n  public title: string;\n\n  public get formattedTitle(): string {\n    return `${this.titlePrefix}${this.title}`;\n  }\n\n  public get status(): SkyProgressIndicatorItemStatus {\n    /* istanbul ignore next */\n    if (this._status === undefined) {\n      return SkyProgressIndicatorItemStatus.Incomplete;\n    }\n\n    return this._status;\n  }\n\n  public set status(value: SkyProgressIndicatorItemStatus) {\n    if (value === this._status) {\n      return;\n    }\n\n    this._status = value;\n    this.changeDetector.markForCheck();\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  public isVisible = false;\n  public showStatusMarker = true;\n  public showTitle = true;\n\n  private titlePrefix: string;\n\n  private _status: SkyProgressIndicatorItemStatus;\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  public showStepNumber(step: number): void {\n    this.titlePrefix = `${step} - `;\n  }\n\n  public hideStepNumber(): void {\n    this.titlePrefix = '';\n  }\n}\n","<div\n  *ngIf=\"isVisible\"\n  class=\"sky-progress-indicator-item\"\n  [ngClass]=\"'sky-progress-indicator-item-status-' + statusName\"\n>\n  <sky-progress-indicator-status-marker\n    *ngIf=\"showStatusMarker\"\n    [status]=\"status\"\n  >\n  </sky-progress-indicator-status-marker>\n\n  <div class=\"sky-progress-indicator-item-content\">\n    <div\n      *ngIf=\"showTitle\"\n      aria-level=\"2\"\n      class=\"sky-progress-indicator-item-heading\"\n      role=\"heading\"\n      [ngClass]=\"{\n        'sky-deemphasized': statusName === 'pending'\n      }\"\n      [skyThemeClass]=\"{\n        'sky-font-display-3': 'modern'\n      }\"\n    >\n      {{ formattedTitle }}\n    </div>\n    <div class=\"sky-progress-indicator-item-body\">\n      <ng-template [ngIf]=\"statusName !== 'incomplete'\">\n        <ng-content></ng-content>\n      </ng-template>\n    </div>\n  </div>\n</div>\n"]}