npm - novo-elements - Versions diffs - 8.0.1 → 8.1.0-next.2 - Mend

novo-elements 8.0.1 → 8.1.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (211) hide show

package/fesm2020/novo-elements-elements-stepper.mjs CHANGED Viewed

@@ -99,13 +99,13 @@ class NovoStepHeader extends CdkStepHeader {
     }
 }
 NovoStepHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoStepHeader, deps: [{ token: i1$1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-NovoStepHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoStepHeader, selector: "novo-step-header", inputs: { theme: "theme", color: "color", icon: "icon", state: "state", label: "label", iconOverrides: "iconOverrides", index: "index", selected: "selected", active: "active", optional: "optional" }, host: { attributes: { "role": "tab" }, classAttribute: "novo-step-header" }, usesInheritance: true, ngImport: i0, template: "<div [class.novo-step-icon]=\"touched\"\n  [class.novo-step-icon-not-touched]=\"!touched\">\n  <ng-container *ngIf=\"icon\">\n    <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n  </ng-container>\n  <ng-container *ngIf=\"!icon\">\n    <span class=\"novo-step-number\">{{index + 1}}</span>\n  </ng-container>\n</div>\n<div class=\"novo-step-label\"\n  [class.novo-step-label-active]=\"active\"\n  [class.novo-step-label-selected]=\"selected\">\n  <!-- If there is a label template, use it. -->\n  <ng-container *ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n  </ng-container>\n  <!-- It there is no label template, fall back to the text label. -->\n  <div class=\"novo-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>", styles: [".novo-step-header{overflow:visible;outline:none;cursor:pointer;position:relative}.novo-step-optional{font-size:12px}.novo-step-icon,.novo-step-icon-not-touched{border-radius:50%;height:24px;width:24px;align-items:center;justify-content:center;display:flex}.novo-step-icon .novo-step-number,.novo-step-icon-not-touched .novo-step-number{font-size:1em;min-width:1.6em;height:1.6em;box-shadow:2px 2px #0003;display:flex;align-items:center;justify-content:center;border-radius:4px}.novo-step-icon .novo-step-number{background:#4a89dc;color:#fff}.novo-step-icon-not-touched .novo-step-number{background:#a9adbb;color:#fff}.novo-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;text-align:center;padding:4px 0}.novo-step-text-label{text-align:center;text-overflow:ellipsis;overflow:hidden}\n"], components: [{ type: i1.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: NovoStepStatus, selector: "novo-step-status", inputs: ["state"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NovoStepHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoStepHeader, selector: "novo-step-header", inputs: { theme: "theme", color: "color", icon: "icon", state: "state", label: "label", iconOverrides: "iconOverrides", index: "index", selected: "selected", active: "active", optional: "optional" }, host: { attributes: { "role": "tab" }, classAttribute: "novo-step-header" }, usesInheritance: true, ngImport: i0, template: "<div [class.novo-step-icon]=\"touched\"\n  [class.novo-step-icon-not-touched]=\"!touched\">\n  <ng-container *ngIf=\"icon\">\n    <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n  </ng-container>\n  <ng-container *ngIf=\"!icon\">\n    <span class=\"novo-step-number\">{{index + 1}}</span>\n  </ng-container>\n</div>\n<div class=\"novo-step-label\"\n  [class.novo-step-label-active]=\"active\"\n  [class.novo-step-label-selected]=\"selected\">\n  <!-- If there is a label template, use it. -->\n  <ng-container *ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n  </ng-container>\n  <!-- It there is no label template, fall back to the text label. -->\n  <div class=\"novo-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>", styles: [":host{overflow:visible;outline:none;cursor:pointer;position:relative}:host .novo-step-optional{font-size:12px}:host .novo-step-icon,:host .novo-step-icon-not-touched{border-radius:50%;height:24px;width:24px;align-items:center;justify-content:center;display:flex}:host .novo-step-icon .novo-step-number,:host .novo-step-icon-not-touched .novo-step-number{font-size:1em;min-width:1.6em;height:1.6em;box-shadow:2px 2px #0003;display:flex;align-items:center;justify-content:center;border-radius:4px}:host .novo-step-icon .novo-step-number{background:#4a89dc;color:#fff}:host .novo-step-icon-not-touched .novo-step-number{background:#a9adbb;color:#fff}:host .novo-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;text-align:center;padding:4px 0}:host .novo-step-text-label{text-align:center;text-overflow:ellipsis;overflow:hidden}:host.novo-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}:host.novo-vertical-stepper-header .novo-step-icon,:host.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:12px}[dir=rtl] :host.novo-vertical-stepper-header .novo-step-icon,[dir=rtl] :host.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:0;margin-left:12px}:host.novo-vertical-stepper-header novo-step-status{position:absolute;left:35px;top:25px;transform:scale(.8)}:host.novo-horizontal-stepper-header{display:flex;height:80px;flex-flow:column;overflow:visible;align-items:center;justify-content:center;padding:0 24px}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status{display:flex;width:100%;justify-content:center;align-items:center;position:absolute;height:1px;bottom:0px}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line{width:100%;position:absolute}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line:before{content:\"\";display:block;width:calc(50% - 8px);margin-right:8px;border-bottom:1px solid #dbdbdb}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line:after{content:\"\";display:block;width:calc(50% - 8px);margin-left:calc(50% + 8px);margin-top:-1px;border-top:1px solid #dbdbdb}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line.edit:before{border-bottom:1px solid #4a89dc}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line.done:before{border-bottom:1px solid #4a89dc}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line.done:after{border-top:1px solid #4a89dc}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-icon{position:relative}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-icon:before{content:\"\";display:block;background:#ffffff;border-radius:50%;position:absolute;z-index:0;top:1px;left:1px;bottom:1px;right:1px}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-icon>*{position:relative;z-index:1}\n"], components: [{ type: i1.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }, { type: NovoStepStatus, selector: "novo-step-status", inputs: ["state"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoStepHeader, decorators: [{
             type: Component,
             args: [{ selector: 'novo-step-header', host: {
                         class: 'novo-step-header',
                         role: 'tab',
-                    }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.novo-step-icon]=\"touched\"\n  [class.novo-step-icon-not-touched]=\"!touched\">\n  <ng-container *ngIf=\"icon\">\n    <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n  </ng-container>\n  <ng-container *ngIf=\"!icon\">\n    <span class=\"novo-step-number\">{{index + 1}}</span>\n  </ng-container>\n</div>\n<div class=\"novo-step-label\"\n  [class.novo-step-label-active]=\"active\"\n  [class.novo-step-label-selected]=\"selected\">\n  <!-- If there is a label template, use it. -->\n  <ng-container *ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n  </ng-container>\n  <!-- It there is no label template, fall back to the text label. -->\n  <div class=\"novo-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>", styles: [".novo-step-header{overflow:visible;outline:none;cursor:pointer;position:relative}.novo-step-optional{font-size:12px}.novo-step-icon,.novo-step-icon-not-touched{border-radius:50%;height:24px;width:24px;align-items:center;justify-content:center;display:flex}.novo-step-icon .novo-step-number,.novo-step-icon-not-touched .novo-step-number{font-size:1em;min-width:1.6em;height:1.6em;box-shadow:2px 2px #0003;display:flex;align-items:center;justify-content:center;border-radius:4px}.novo-step-icon .novo-step-number{background:#4a89dc;color:#fff}.novo-step-icon-not-touched .novo-step-number{background:#a9adbb;color:#fff}.novo-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;text-align:center;padding:4px 0}.novo-step-text-label{text-align:center;text-overflow:ellipsis;overflow:hidden}\n"] }]
+                    }, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.novo-step-icon]=\"touched\"\n  [class.novo-step-icon-not-touched]=\"!touched\">\n  <ng-container *ngIf=\"icon\">\n    <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n  </ng-container>\n  <ng-container *ngIf=\"!icon\">\n    <span class=\"novo-step-number\">{{index + 1}}</span>\n  </ng-container>\n</div>\n<div class=\"novo-step-label\"\n  [class.novo-step-label-active]=\"active\"\n  [class.novo-step-label-selected]=\"selected\">\n  <!-- If there is a label template, use it. -->\n  <ng-container *ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n  </ng-container>\n  <!-- It there is no label template, fall back to the text label. -->\n  <div class=\"novo-step-text-label\" *ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>", styles: [":host{overflow:visible;outline:none;cursor:pointer;position:relative}:host .novo-step-optional{font-size:12px}:host .novo-step-icon,:host .novo-step-icon-not-touched{border-radius:50%;height:24px;width:24px;align-items:center;justify-content:center;display:flex}:host .novo-step-icon .novo-step-number,:host .novo-step-icon-not-touched .novo-step-number{font-size:1em;min-width:1.6em;height:1.6em;box-shadow:2px 2px #0003;display:flex;align-items:center;justify-content:center;border-radius:4px}:host .novo-step-icon .novo-step-number{background:#4a89dc;color:#fff}:host .novo-step-icon-not-touched .novo-step-number{background:#a9adbb;color:#fff}:host .novo-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;text-align:center;padding:4px 0}:host .novo-step-text-label{text-align:center;text-overflow:ellipsis;overflow:hidden}:host.novo-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}:host.novo-vertical-stepper-header .novo-step-icon,:host.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:12px}[dir=rtl] :host.novo-vertical-stepper-header .novo-step-icon,[dir=rtl] :host.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:0;margin-left:12px}:host.novo-vertical-stepper-header novo-step-status{position:absolute;left:35px;top:25px;transform:scale(.8)}:host.novo-horizontal-stepper-header{display:flex;height:80px;flex-flow:column;overflow:visible;align-items:center;justify-content:center;padding:0 24px}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status{display:flex;width:100%;justify-content:center;align-items:center;position:absolute;height:1px;bottom:0px}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line{width:100%;position:absolute}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line:before{content:\"\";display:block;width:calc(50% - 8px);margin-right:8px;border-bottom:1px solid #dbdbdb}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line:after{content:\"\";display:block;width:calc(50% - 8px);margin-left:calc(50% + 8px);margin-top:-1px;border-top:1px solid #dbdbdb}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line.edit:before{border-bottom:1px solid #4a89dc}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line.done:before{border-bottom:1px solid #4a89dc}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-line.done:after{border-top:1px solid #4a89dc}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-icon{position:relative}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-icon:before{content:\"\";display:block;background:#ffffff;border-radius:50%;position:absolute;z-index:0;top:1px;left:1px;bottom:1px;right:1px}:host.novo-horizontal-stepper-header ::ng-deep .novo-step-status .novo-stepper-status-icon>*{position:relative;z-index:1}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { theme: [{
                 type: Input
             }], color: [{
@@ -185,10 +185,10 @@ class NovoStep extends CdkStep {
     }
 }
 NovoStep.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoStep, deps: [{ token: forwardRef(() => NovoStepper) }], target: i0.ɵɵFactoryTarget.Component });
-NovoStep.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoStep, selector: "novo-step", inputs: { theme: "theme", color: "color", icon: "icon" }, providers: [{ provide: CdkStep, useExisting: NovoStep }], queries: [{ propertyName: "stepLabel", first: true, predicate: NovoStepLabel, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NovoStep.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoStep, selector: "novo-step", inputs: { theme: "theme", color: "color", icon: "icon" }, providers: [{ provide: CdkStep, useExisting: NovoStep }], queries: [{ propertyName: "stepLabel", first: true, predicate: NovoStepLabel, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoStep, decorators: [{
             type: Component,
-            args: [{ selector: 'novo-step', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CdkStep, useExisting: NovoStep }], template: "<ng-template><ng-content></ng-content></ng-template>\n" }]
+            args: [{ selector: 'novo-step', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CdkStep, useExisting: NovoStep }], template: "<ng-template><ng-content></ng-content></ng-template>\n", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.CdkStepper, decorators: [{
                     type: Inject,
                     args: [forwardRef(() => NovoStepper)]
@@ -277,7 +277,7 @@ NovoHorizontalStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
 NovoHorizontalStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoHorizontalStepper, selector: "novo-horizontal-stepper", host: { attributes: { "aria-orientation": "horizontal", "role": "tablist" }, classAttribute: "novo-stepper-horizontal" }, providers: [
         { provide: NovoStepper, useExisting: NovoHorizontalStepper },
         { provide: CdkStepper, useExisting: NovoHorizontalStepper },
-    ], exportAs: ["novoHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-horizontal-stepper-header-container\">\n  <div class=\"novo-stepper-horizontal-line complete\"></div>\n  <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n    <novo-step-header class=\"novo-horizontal-stepper-header\"\n      (click)=\"step.select()\"\n      (keydown)=\"_onKeydown($event)\"\n      [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n      [id]=\"_getStepLabelId(i)\"\n      [attr.aria-controls]=\"_getStepContentId(i)\"\n      [attr.aria-selected]=\"selectedIndex == i\"\n      [index]=\"i\"\n      [theme]=\"step.theme\"\n      [color]=\"step.color\"\n      [icon]=\"step.icon\"\n      [state]=\"getIndicatorType(i)\"\n      [label]=\"step.stepLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [active]=\"step.completed || selectedIndex === i || !linear\"\n      [optional]=\"step.optional\"\n      [iconOverrides]=\"_iconOverrides\">\n    </novo-step-header>\n  </ng-container>\n  <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n  <div *ngFor=\"let step of _steps; let i = index\"\n    class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n    [@stepTransition]=\"_getAnimationDirection(i)\"\n    [id]=\"_getStepContentId(i)\"\n    [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n    [attr.aria-expanded]=\"selectedIndex === i\">\n    <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n  </div>\n</div>", styles: [".novo-stepper-vertical,.novo-stepper-horizontal{display:block}.novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}.novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}.novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header{display:flex;height:80px;flex-flow:column;overflow:visible;align-items:center;justify-content:center;padding:0 24px}.novo-horizontal-stepper-header .novo-step-status{display:flex;width:100%;justify-content:center;align-items:center;position:absolute;height:1px;bottom:0px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line{width:100%;position:absolute}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:before{content:\"\";display:block;width:calc(50% - 8px);margin-right:8px;border-bottom:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:after{content:\"\";display:block;width:calc(50% - 8px);margin-left:calc(50% + 8px);margin-top:-1px;border-top:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.edit:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:after{border-top:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon{position:relative}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon:before{content:\"\";display:block;background:#ffffff;border-radius:50%;position:absolute;z-index:0;top:1px;left:1px;bottom:1px;right:1px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon>*{position:relative;z-index:1}.novo-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}.novo-vertical-stepper-header .novo-step-icon,.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:12px}[dir=rtl] .novo-vertical-stepper-header .novo-step-icon,[dir=rtl] .novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:0;margin-left:12px}.novo-horizontal-stepper-content{overflow:hidden}.novo-horizontal-stepper-content[aria-expanded=false]{height:0}.novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}.novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .novo-vertical-content-container{margin-left:0;margin-right:36px}.novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] .novo-stepper-vertical-line:before{left:auto;right:0}.novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}.novo-stepper-vertical novo-step-status{position:absolute;left:35px;top:25px;transform:scale(.8)}.novo-vertical-stepper-content{overflow:hidden}.novo-vertical-content{padding:0 24px 24px}.novo-step:last-child .novo-vertical-content-container{border:none}\n"], components: [{ type: NovoStepHeader, selector: "novo-step-header", inputs: ["theme", "color", "icon", "state", "label", "iconOverrides", "index", "selected", "active", "optional"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [novoStepperAnimations.horizontalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], exportAs: ["novoHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-horizontal-stepper-header-container\">\n  <div class=\"novo-stepper-horizontal-line complete\"></div>\n  <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n    <novo-step-header class=\"novo-horizontal-stepper-header\"\n      (click)=\"step.select()\"\n      (keydown)=\"_onKeydown($event)\"\n      [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n      [id]=\"_getStepLabelId(i)\"\n      [attr.aria-controls]=\"_getStepContentId(i)\"\n      [attr.aria-selected]=\"selectedIndex == i\"\n      [index]=\"i\"\n      [theme]=\"step.theme\"\n      [color]=\"step.color\"\n      [icon]=\"step.icon\"\n      [state]=\"getIndicatorType(i)\"\n      [label]=\"step.stepLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [active]=\"step.completed || selectedIndex === i || !linear\"\n      [optional]=\"step.optional\"\n      [iconOverrides]=\"_iconOverrides\">\n    </novo-step-header>\n  </ng-container>\n  <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n  <div *ngFor=\"let step of _steps; let i = index\"\n    class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n    [@stepTransition]=\"_getAnimationDirection(i)\"\n    [id]=\"_getStepContentId(i)\"\n    [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n    [attr.aria-expanded]=\"selectedIndex === i\">\n    <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n  </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}\n"], components: [{ type: NovoStepHeader, selector: "novo-step-header", inputs: ["theme", "color", "icon", "state", "label", "iconOverrides", "index", "selected", "active", "optional"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [novoStepperAnimations.horizontalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoHorizontalStepper, decorators: [{
             type: Component,
             args: [{ selector: 'novo-horizontal-stepper', exportAs: 'novoHorizontalStepper', host: {
@@ -287,7 +287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     }, animations: [novoStepperAnimations.horizontalStepTransition], providers: [
                         { provide: NovoStepper, useExisting: NovoHorizontalStepper },
                         { provide: CdkStepper, useExisting: NovoHorizontalStepper },
-                    ], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"novo-horizontal-stepper-header-container\">\n  <div class=\"novo-stepper-horizontal-line complete\"></div>\n  <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n    <novo-step-header class=\"novo-horizontal-stepper-header\"\n      (click)=\"step.select()\"\n      (keydown)=\"_onKeydown($event)\"\n      [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n      [id]=\"_getStepLabelId(i)\"\n      [attr.aria-controls]=\"_getStepContentId(i)\"\n      [attr.aria-selected]=\"selectedIndex == i\"\n      [index]=\"i\"\n      [theme]=\"step.theme\"\n      [color]=\"step.color\"\n      [icon]=\"step.icon\"\n      [state]=\"getIndicatorType(i)\"\n      [label]=\"step.stepLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [active]=\"step.completed || selectedIndex === i || !linear\"\n      [optional]=\"step.optional\"\n      [iconOverrides]=\"_iconOverrides\">\n    </novo-step-header>\n  </ng-container>\n  <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n  <div *ngFor=\"let step of _steps; let i = index\"\n    class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n    [@stepTransition]=\"_getAnimationDirection(i)\"\n    [id]=\"_getStepContentId(i)\"\n    [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n    [attr.aria-expanded]=\"selectedIndex === i\">\n    <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n  </div>\n</div>", styles: [".novo-stepper-vertical,.novo-stepper-horizontal{display:block}.novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}.novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}.novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header{display:flex;height:80px;flex-flow:column;overflow:visible;align-items:center;justify-content:center;padding:0 24px}.novo-horizontal-stepper-header .novo-step-status{display:flex;width:100%;justify-content:center;align-items:center;position:absolute;height:1px;bottom:0px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line{width:100%;position:absolute}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:before{content:\"\";display:block;width:calc(50% - 8px);margin-right:8px;border-bottom:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:after{content:\"\";display:block;width:calc(50% - 8px);margin-left:calc(50% + 8px);margin-top:-1px;border-top:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.edit:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:after{border-top:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon{position:relative}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon:before{content:\"\";display:block;background:#ffffff;border-radius:50%;position:absolute;z-index:0;top:1px;left:1px;bottom:1px;right:1px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon>*{position:relative;z-index:1}.novo-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}.novo-vertical-stepper-header .novo-step-icon,.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:12px}[dir=rtl] .novo-vertical-stepper-header .novo-step-icon,[dir=rtl] .novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:0;margin-left:12px}.novo-horizontal-stepper-content{overflow:hidden}.novo-horizontal-stepper-content[aria-expanded=false]{height:0}.novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}.novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .novo-vertical-content-container{margin-left:0;margin-right:36px}.novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] .novo-stepper-vertical-line:before{left:auto;right:0}.novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}.novo-stepper-vertical novo-step-status{position:absolute;left:35px;top:25px;transform:scale(.8)}.novo-vertical-stepper-content{overflow:hidden}.novo-vertical-content{padding:0 24px 24px}.novo-step:last-child .novo-vertical-content-container{border:none}\n"] }]
+                    ], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"novo-horizontal-stepper-header-container\">\n  <div class=\"novo-stepper-horizontal-line complete\"></div>\n  <ng-container *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n    <novo-step-header class=\"novo-horizontal-stepper-header\"\n      (click)=\"step.select()\"\n      (keydown)=\"_onKeydown($event)\"\n      [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n      [id]=\"_getStepLabelId(i)\"\n      [attr.aria-controls]=\"_getStepContentId(i)\"\n      [attr.aria-selected]=\"selectedIndex == i\"\n      [index]=\"i\"\n      [theme]=\"step.theme\"\n      [color]=\"step.color\"\n      [icon]=\"step.icon\"\n      [state]=\"getIndicatorType(i)\"\n      [label]=\"step.stepLabel || step.label\"\n      [selected]=\"selectedIndex === i\"\n      [active]=\"step.completed || selectedIndex === i || !linear\"\n      [optional]=\"step.optional\"\n      [iconOverrides]=\"_iconOverrides\">\n    </novo-step-header>\n  </ng-container>\n  <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n  <div *ngFor=\"let step of _steps; let i = index\"\n    class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n    [@stepTransition]=\"_getAnimationDirection(i)\"\n    [id]=\"_getStepContentId(i)\"\n    [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n    [attr.aria-expanded]=\"selectedIndex === i\">\n    <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n  </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}\n"] }]
         }] });
 class NovoVerticalStepper extends NovoStepper {
     constructor(dir, changeDetectorRef, elementRef) {
@@ -299,7 +299,7 @@ NovoVerticalStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
 NovoVerticalStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NovoVerticalStepper, selector: "novo-vertical-stepper", host: { attributes: { "aria-orientation": "vertical", "role": "tablist" }, classAttribute: "novo-stepper-vertical" }, providers: [
         { provide: NovoStepper, useExisting: NovoVerticalStepper },
         { provide: CdkStepper, useExisting: NovoVerticalStepper },
-    ], exportAs: ["novoVerticalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n  <novo-step-header class=\"novo-vertical-stepper-header\"\n    (click)=\"step.select()\"\n    (keydown)=\"_onKeydown($event)\"\n    [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n    [id]=\"_getStepLabelId(i)\"\n    [attr.aria-controls]=\"_getStepContentId(i)\"\n    [attr.aria-selected]=\"selectedIndex === i\"\n    [index]=\"i\"\n    [theme]=\"step.theme\"\n    [color]=\"step.color\"\n    [icon]=\"step.icon\"\n    [state]=\"getIndicatorType(i)\"\n    [label]=\"step.stepLabel || step.label\"\n    [selected]=\"selectedIndex === i\"\n    [active]=\"step.completed || selectedIndex === i || !linear\"\n    [optional]=\"step.optional\"\n    [iconOverrides]=\"_iconOverrides\">\n  </novo-step-header>\n\n  <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n    [ngClass]=\"getIndicatorType(i)\">\n    <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n      [@stepTransition]=\"_getAnimationDirection(i)\"\n      [id]=\"_getStepContentId(i)\"\n      [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n      [attr.aria-expanded]=\"selectedIndex === i\">\n      <div class=\"novo-vertical-content\">\n        <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".novo-stepper-vertical,.novo-stepper-horizontal{display:block}.novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}.novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}.novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header{display:flex;height:80px;flex-flow:column;overflow:visible;align-items:center;justify-content:center;padding:0 24px}.novo-horizontal-stepper-header .novo-step-status{display:flex;width:100%;justify-content:center;align-items:center;position:absolute;height:1px;bottom:0px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line{width:100%;position:absolute}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:before{content:\"\";display:block;width:calc(50% - 8px);margin-right:8px;border-bottom:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:after{content:\"\";display:block;width:calc(50% - 8px);margin-left:calc(50% + 8px);margin-top:-1px;border-top:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.edit:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:after{border-top:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon{position:relative}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon:before{content:\"\";display:block;background:#ffffff;border-radius:50%;position:absolute;z-index:0;top:1px;left:1px;bottom:1px;right:1px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon>*{position:relative;z-index:1}.novo-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}.novo-vertical-stepper-header .novo-step-icon,.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:12px}[dir=rtl] .novo-vertical-stepper-header .novo-step-icon,[dir=rtl] .novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:0;margin-left:12px}.novo-horizontal-stepper-content{overflow:hidden}.novo-horizontal-stepper-content[aria-expanded=false]{height:0}.novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}.novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .novo-vertical-content-container{margin-left:0;margin-right:36px}.novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] .novo-stepper-vertical-line:before{left:auto;right:0}.novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}.novo-stepper-vertical novo-step-status{position:absolute;left:35px;top:25px;transform:scale(.8)}.novo-vertical-stepper-content{overflow:hidden}.novo-vertical-content{padding:0 24px 24px}.novo-step:last-child .novo-vertical-content-container{border:none}\n"], components: [{ type: NovoStepHeader, selector: "novo-step-header", inputs: ["theme", "color", "icon", "state", "label", "iconOverrides", "index", "selected", "active", "optional"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [novoStepperAnimations.verticalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], exportAs: ["novoVerticalStepper"], usesInheritance: true, ngImport: i0, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n  <novo-step-header class=\"novo-vertical-stepper-header\"\n    (click)=\"step.select()\"\n    (keydown)=\"_onKeydown($event)\"\n    [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n    [id]=\"_getStepLabelId(i)\"\n    [attr.aria-controls]=\"_getStepContentId(i)\"\n    [attr.aria-selected]=\"selectedIndex === i\"\n    [index]=\"i\"\n    [theme]=\"step.theme\"\n    [color]=\"step.color\"\n    [icon]=\"step.icon\"\n    [state]=\"getIndicatorType(i)\"\n    [label]=\"step.stepLabel || step.label\"\n    [selected]=\"selectedIndex === i\"\n    [active]=\"step.completed || selectedIndex === i || !linear\"\n    [optional]=\"step.optional\"\n    [iconOverrides]=\"_iconOverrides\">\n  </novo-step-header>\n\n  <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n    [ngClass]=\"getIndicatorType(i)\">\n    <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n      [@stepTransition]=\"_getAnimationDirection(i)\"\n      [id]=\"_getStepContentId(i)\"\n      [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n      [attr.aria-expanded]=\"selectedIndex === i\">\n      <div class=\"novo-vertical-content\">\n        <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}\n"], components: [{ type: NovoStepHeader, selector: "novo-step-header", inputs: ["theme", "color", "icon", "state", "label", "iconOverrides", "index", "selected", "active", "optional"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [novoStepperAnimations.verticalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoVerticalStepper, decorators: [{
             type: Component,
             args: [{ selector: 'novo-vertical-stepper', exportAs: 'novoVerticalStepper', host: {
@@ -309,7 +309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     }, animations: [novoStepperAnimations.verticalStepTransition], providers: [
                         { provide: NovoStepper, useExisting: NovoVerticalStepper },
                         { provide: CdkStepper, useExisting: NovoVerticalStepper },
-                    ], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n  <novo-step-header class=\"novo-vertical-stepper-header\"\n    (click)=\"step.select()\"\n    (keydown)=\"_onKeydown($event)\"\n    [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n    [id]=\"_getStepLabelId(i)\"\n    [attr.aria-controls]=\"_getStepContentId(i)\"\n    [attr.aria-selected]=\"selectedIndex === i\"\n    [index]=\"i\"\n    [theme]=\"step.theme\"\n    [color]=\"step.color\"\n    [icon]=\"step.icon\"\n    [state]=\"getIndicatorType(i)\"\n    [label]=\"step.stepLabel || step.label\"\n    [selected]=\"selectedIndex === i\"\n    [active]=\"step.completed || selectedIndex === i || !linear\"\n    [optional]=\"step.optional\"\n    [iconOverrides]=\"_iconOverrides\">\n  </novo-step-header>\n\n  <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n    [ngClass]=\"getIndicatorType(i)\">\n    <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n      [@stepTransition]=\"_getAnimationDirection(i)\"\n      [id]=\"_getStepContentId(i)\"\n      [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n      [attr.aria-expanded]=\"selectedIndex === i\">\n      <div class=\"novo-vertical-content\">\n        <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".novo-stepper-vertical,.novo-stepper-horizontal{display:block}.novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}.novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}.novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header{display:flex;height:80px;flex-flow:column;overflow:visible;align-items:center;justify-content:center;padding:0 24px}.novo-horizontal-stepper-header .novo-step-status{display:flex;width:100%;justify-content:center;align-items:center;position:absolute;height:1px;bottom:0px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line{width:100%;position:absolute}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:before{content:\"\";display:block;width:calc(50% - 8px);margin-right:8px;border-bottom:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line:after{content:\"\";display:block;width:calc(50% - 8px);margin-left:calc(50% + 8px);margin-top:-1px;border-top:1px solid #dbdbdb}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.edit:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:before{border-bottom:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-line.done:after{border-top:1px solid #4a89dc}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon{position:relative}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon:before{content:\"\";display:block;background:#ffffff;border-radius:50%;position:absolute;z-index:0;top:1px;left:1px;bottom:1px;right:1px}.novo-horizontal-stepper-header .novo-step-status .novo-stepper-status-icon>*{position:relative;z-index:1}.novo-vertical-stepper-header{display:flex;align-items:center;padding:24px;max-height:24px}.novo-vertical-stepper-header .novo-step-icon,.novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:12px}[dir=rtl] .novo-vertical-stepper-header .novo-step-icon,[dir=rtl] .novo-vertical-stepper-header .novo-step-icon-not-touched{margin-right:0;margin-left:12px}.novo-horizontal-stepper-content{overflow:hidden}.novo-horizontal-stepper-content[aria-expanded=false]{height:0}.novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}.novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .novo-vertical-content-container{margin-left:0;margin-right:36px}.novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] .novo-stepper-vertical-line:before{left:auto;right:0}.novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}.novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}.novo-stepper-vertical novo-step-status{position:absolute;left:35px;top:25px;transform:scale(.8)}.novo-vertical-stepper-content{overflow:hidden}.novo-vertical-content{padding:0 24px 24px}.novo-step:last-child .novo-vertical-content-container{border:none}\n"] }]
+                    ], preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"novo-step\" *ngFor=\"let step of _steps; let i = index; let isLast = last\">\n  <novo-step-header class=\"novo-vertical-stepper-header\"\n    (click)=\"step.select()\"\n    (keydown)=\"_onKeydown($event)\"\n    [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n    [id]=\"_getStepLabelId(i)\"\n    [attr.aria-controls]=\"_getStepContentId(i)\"\n    [attr.aria-selected]=\"selectedIndex === i\"\n    [index]=\"i\"\n    [theme]=\"step.theme\"\n    [color]=\"step.color\"\n    [icon]=\"step.icon\"\n    [state]=\"getIndicatorType(i)\"\n    [label]=\"step.stepLabel || step.label\"\n    [selected]=\"selectedIndex === i\"\n    [active]=\"step.completed || selectedIndex === i || !linear\"\n    [optional]=\"step.optional\"\n    [iconOverrides]=\"_iconOverrides\">\n  </novo-step-header>\n\n  <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n    [ngClass]=\"getIndicatorType(i)\">\n    <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n      [@stepTransition]=\"_getAnimationDirection(i)\"\n      [id]=\"_getStepContentId(i)\"\n      [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n      [attr.aria-expanded]=\"selectedIndex === i\">\n      <div class=\"novo-vertical-content\">\n        <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n      </div>\n    </div>\n  </div>\n</div>", styles: [":host.novo-stepper-vertical,:host.novo-stepper-horizontal{display:block}:host .novo-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-bottom:1em;background:#f7f7f7}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line{border-bottom:1px solid #dbdbdb;flex:auto;min-width:0px;height:80px}:host .novo-horizontal-stepper-header-container .novo-stepper-horizontal-line.complete{border-bottom:1px solid #4a89dc}:host .novo-horizontal-content-container{overflow:hidden;padding:0 24px 24px}:host .novo-horizontal-content-container .novo-horizontal-stepper-content{overflow:hidden}:host .novo-horizontal-content-container .novo-horizontal-stepper-content[aria-expanded=false]{height:0}:host .novo-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] :host .novo-vertical-content-container{margin-left:0;margin-right:36px}:host .novo-vertical-content-container .novo-vertical-stepper-content{overflow:hidden}:host .novo-stepper-vertical-line:before{content:\"\";position:absolute;top:-16px;bottom:-16px;left:0;z-index:-1;border-left-width:1px;border-left-style:solid;border-left-color:#dbdbdb}[dir=rtl] :host .novo-stepper-vertical-line:before{left:auto;right:0}:host .novo-stepper-vertical-line.edit:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:before{border-left-color:1px solid #4a89dc}:host .novo-stepper-vertical-line.done:after{border-left-color:1px solid #4a89dc}:host .novo-vertical-content{padding:0 24px 24px}:host .novo-step:last-child .novo-vertical-content-container{border:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i4.Directionality, decorators: [{
                     type: Optional
                 }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });

package/fesm2020/novo-elements-elements-stepper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"novo-elements-elements-stepper.mjs","sources":["../../../projects/novo-elements/src/elements/stepper/step-label.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.html","../../../projects/novo-elements/src/elements/stepper/step-header.component.ts","../../../projects/novo-elements/src/elements/stepper/step-header.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-buttons.component.ts","../../../projects/novo-elements/src/elements/stepper/stepper.animations.ts","../../../projects/novo-elements/src/elements/stepper/stepper.component.ts","../../../projects/novo-elements/src/elements/stepper/step.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-horizontal.html","../../../projects/novo-elements/src/elements/stepper/stepper-vertical.html","../../../projects/novo-elements/src/elements/stepper/stepper.module.ts","../../../projects/novo-elements/src/elements/stepper/novo-elements-elements-stepper.ts"],"sourcesContent":["import { CdkStepLabel } from '@angular/cdk/stepper';\nimport { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[novoStepLabel]',\n})\nexport class NovoStepLabel extends CdkStepLabel {\n constructor(template: TemplateRef<any>) {\n super(template);\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'novo-step-status',\n templateUrl: 'step-status.component.html',\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'novo-step-status',\n },\n})\nexport class NovoStepStatus {\n @Input()\n state: string;\n\n constructor() {}\n}\n","<div class=\"novo-stepper-status-line\" [ngClass]=\"state\"></div>\n<div [ngSwitch]=\"state\" class=\"novo-stepper-status-icon\">\n <novo-icon color=\"positive\" ngSwitchCase=\"'edit'\">check-circle</novo-icon>\n <novo-icon color=\"positive\" ngSwitchCase=\"'done'\">check-circle-filled</novo-icon>\n <novo-icon color=\"positive\" ngSwitchDefault>circle-o</novo-icon>\n</div>","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { CdkStepHeader } from '@angular/cdk/stepper';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, TemplateRef } from '@angular/core';\nimport { NovoStepLabel } from './step-label.component';\n\n@Component({\n selector: 'novo-step-header',\n templateUrl: 'step-header.component.html',\n styleUrls: ['step-header.component.scss'],\n host: {\n class: 'novo-step-header',\n role: 'tab',\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoStepHeader extends CdkStepHeader implements OnDestroy {\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n /* State of the given step. /\n @Input()\n state: string;\n\n /* Label of the given step. /\n @Input()\n label: NovoStepLabel \| string;\n\n /* Overrides for the header icons, passed in via the stepper. /\n @Input()\n iconOverrides: { [key: string]: TemplateRef<any> };\n\n /* Index of the given step. /\n @Input()\n get index(): number {\n return this._index;\n }\n set index(value: number) {\n this._index = coerceNumberProperty(value);\n }\n private _index: number;\n\n /* Whether the given step is selected. /\n @Input()\n get selected(): boolean {\n return this._selected;\n }\n set selected(value: boolean) {\n this._selected = coerceBooleanProperty(value);\n }\n private _selected: boolean;\n\n /* Whether the given step label is active. /\n @Input()\n get active(): boolean {\n return this._active;\n }\n set active(value: boolean) {\n this._active = coerceBooleanProperty(value);\n }\n private _active: boolean;\n\n /* Whether the given step label is active. /\n get touched(): boolean {\n return this.selected \|\| this.state === 'edit' \|\| this.state === 'done';\n }\n\n /* Whether the given step is optional. /\n @Input()\n get optional(): boolean {\n return this._optional;\n }\n set optional(value: boolean) {\n this._optional = coerceBooleanProperty(value);\n }\n private _optional: boolean;\n\n constructor(private _focusMonitor: FocusMonitor, private _element: ElementRef) {\n super(_element);\n _focusMonitor.monitor(_element.nativeElement, true);\n }\n\n ngOnDestroy() {\n this._focusMonitor.stopMonitoring(this._element.nativeElement);\n }\n\n /* Returns string label of given step if it is a text label. /\n _stringLabel(): string \| null {\n return this.label instanceof NovoStepLabel ? null : this.label;\n }\n\n /* Returns NovoStepLabel if the label of given step is a template label. /\n _templateLabel(): NovoStepLabel \| null {\n return this.label instanceof NovoStepLabel ? this.label : null;\n }\n\n /* Returns the host HTML element. /\n _getHostElement() {\n return this._element.nativeElement;\n }\n}\n","<div [class.novo-step-icon]=\"touched\"\n [class.novo-step-icon-not-touched]=\"!touched\">\n <ng-container ngIf=\"icon\">\n <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n </ng-container>\n <ng-container ngIf=\"!icon\">\n <span class=\"novo-step-number\">{{index + 1}}</span>\n </ng-container>\n</div>\n<div class=\"novo-step-label\"\n [class.novo-step-label-active]=\"active\"\n [class.novo-step-label-selected]=\"selected\">\n <!-- If there is a label template, use it. -->\n <ng-container ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n </ng-container>\n <!-- It there is no label template, fall back to the text label. -->\n <div class=\"novo-step-text-label\" ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>","import { CdkStepperNext, CdkStepperPrevious } from '@angular/cdk/stepper';\nimport { Directive } from '@angular/core';\n\n/* Button that moves to the next step in a stepper workflow. /\n@Directive({\n selector: 'button[novoStepperNext],novo-button[novoStepperNext]',\n host: {\n class: 'novo-stepper-next',\n '[type]': 'type',\n },\n inputs: ['type'],\n})\nexport class NovoStepperNext extends CdkStepperNext {}\n\n/* Button that moves to the previous step in a stepper workflow. /\n@Directive({\n selector: 'button[novoStepperPrevious],novo-button[novoStepperPrevious]',\n host: {\n class: 'novo-stepper-previous',\n '[type]': 'type',\n },\n inputs: ['type'],\n})\nexport class NovoStepperPrevious extends CdkStepperPrevious {}\n","import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\n/* Animations used by the Novo steppers. /\nexport const novoStepperAnimations: {\n readonly horizontalStepTransition: AnimationTriggerMetadata;\n readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n /* Animation that transitions the step along the X axis in a horizontal stepper. /\n horizontalStepTransition: trigger('stepTransition', [\n state('previous', style({ transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden' })),\n state('current', style({ transform: 'none', visibility: 'visible' })),\n state('next', style({ transform: 'translate3d(100%, 0, 0)', visibility: 'hidden' })),\n transition(' => ', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),\n ]),\n\n /* Animation that transitions the step along the Y axis in a vertical stepper. /\n verticalStepTransition: trigger('stepTransition', [\n state('previous', style({ height: '0px', visibility: 'hidden' })),\n state('next', style({ height: '0px', visibility: 'hidden' })),\n state('current', style({ height: '', visibility: 'visible' })),\n transition('* <=> current', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\n ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStep, CdkStepHeader, CdkStepper } from '@angular/cdk/stepper';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n Optional,\n QueryList,\n TemplateRef,\n ViewChildren,\n} from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { NovoIconComponent } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { novoStepperAnimations } from './stepper.animations';\n\n@Component({\n selector: 'novo-step',\n templateUrl: 'step.component.html',\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: CdkStep, useExisting: NovoStep }],\n})\nexport class NovoStep extends CdkStep {\n /** Content for step label given by `<ng-template novoStepLabel>`. /\n @ContentChild(NovoStepLabel)\n stepLabel: NovoStepLabel;\n\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n\n constructor(@Inject(forwardRef(() => NovoStepper)) stepper: CdkStepper) {\n super(stepper);\n }\n}\n\n@Directive({\n selector: '[novoStepper]',\n providers: [\n { provide: CdkStep, useExisting: NovoStep },\n { provide: CdkStepper, useExisting: NovoStepper },\n ],\n})\nexport class NovoStepper extends CdkStepper implements AfterContentInit {\n /* The list of step headers of the steps in the stepper. /\n @ViewChildren(NovoStepHeader)\n _stepHeader: QueryList<CdkStepHeader>;\n\n /* Steps that the stepper holds. /\n @ContentChildren(NovoStep, { descendants: true })\n steps: QueryList<NovoStep>;\n\n /* Custom icon overrides passed in by the consumer. /\n @ContentChildren(NovoIconComponent)\n _icons: QueryList<NovoIconComponent>;\n\n /* Consumer-specified template-refs to be used to override the header icons. /\n _iconOverrides: { [key: string]: TemplateRef<any> } = {};\n\n get completed(): boolean {\n try {\n const steps = this.steps.toArray();\n const length = steps.length - 1;\n return steps[length].completed && length === this.selectedIndex;\n } catch (err) {\n return false;\n }\n }\n\n ngAfterContentInit() {\n // Mark the component for change detection whenever the content children query changes\n this.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => this._stateChanged());\n }\n\n complete() {\n try {\n const steps = this.steps.toArray();\n steps[this.selectedIndex].completed = true;\n this.next();\n this._stateChanged();\n } catch (err) {\n // do nothing\n }\n }\n\n getIndicatorType(index: number): 'none' \| '' \| 'edit' \| 'done' {\n const steps = this.steps.toArray();\n if (index === this.selectedIndex) {\n if (steps[index] && index === steps.length - 1 && steps[index].completed) {\n return 'done';\n }\n return 'edit';\n }\n if (index < this.selectedIndex) {\n return 'done';\n }\n return 'none';\n }\n}\n\n@Component({\n selector: 'novo-horizontal-stepper',\n exportAs: 'novoHorizontalStepper',\n templateUrl: 'stepper-horizontal.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-horizontal',\n 'aria-orientation': 'horizontal',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.horizontalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoHorizontalStepper },\n { provide: CdkStepper, useExisting: NovoHorizontalStepper },\n ],\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoHorizontalStepper extends NovoStepper {}\n\n@Component({\n selector: 'novo-vertical-stepper',\n exportAs: 'novoVerticalStepper',\n templateUrl: 'stepper-vertical.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-vertical',\n 'aria-orientation': 'vertical',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.verticalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoVerticalStepper },\n { provide: CdkStepper, useExisting: NovoVerticalStepper },\n ],\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoVerticalStepper extends NovoStepper {\n constructor(@Optional() dir: Directionality, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef) {\n super(dir, changeDetectorRef, elementRef, '');\n this._orientation = 'vertical';\n }\n}\n","<ng-template><ng-content></ng-content></ng-template>\n","<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel \|\| step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed \|\| selectedIndex === i \|\| !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>","<div class=\"novo-step\" ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel \|\| step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed \|\| selectedIndex === i \|\| !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>","import { A11yModule } from '@angular/cdk/a11y';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { NovoStepStatus } from './step-status.component';\nimport { NovoStepperNext, NovoStepperPrevious } from './stepper-buttons.component';\nimport { NovoHorizontalStepper, NovoStep, NovoStepper, NovoVerticalStepper } from './stepper.component';\n@NgModule({\n imports: [CommonModule, PortalModule, NovoButtonModule, CdkStepperModule, NovoIconModule, A11yModule],\n exports: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n declarations: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n})\nexport class NovoStepperModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i2","i1","i3.NovoStepStatus","i4","i2.NovoStepHeader"],"mappings":"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"}
1	+ {"version":3,"file":"novo-elements-elements-stepper.mjs","sources":["../../../projects/novo-elements/src/elements/stepper/step-label.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.ts","../../../projects/novo-elements/src/elements/stepper/step-status.component.html","../../../projects/novo-elements/src/elements/stepper/step-header.component.ts","../../../projects/novo-elements/src/elements/stepper/step-header.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-buttons.component.ts","../../../projects/novo-elements/src/elements/stepper/stepper.animations.ts","../../../projects/novo-elements/src/elements/stepper/stepper.component.ts","../../../projects/novo-elements/src/elements/stepper/step.component.html","../../../projects/novo-elements/src/elements/stepper/stepper-horizontal.html","../../../projects/novo-elements/src/elements/stepper/stepper-vertical.html","../../../projects/novo-elements/src/elements/stepper/stepper.module.ts","../../../projects/novo-elements/src/elements/stepper/novo-elements-elements-stepper.ts"],"sourcesContent":["import { CdkStepLabel } from '@angular/cdk/stepper';\nimport { Directive, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: '[novoStepLabel]',\n})\nexport class NovoStepLabel extends CdkStepLabel {\n constructor(template: TemplateRef<any>) {\n super(template);\n }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n selector: 'novo-step-status',\n templateUrl: 'step-status.component.html',\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'novo-step-status',\n },\n})\nexport class NovoStepStatus {\n @Input()\n state: string;\n\n constructor() {}\n}\n","<div class=\"novo-stepper-status-line\" [ngClass]=\"state\"></div>\n<div [ngSwitch]=\"state\" class=\"novo-stepper-status-icon\">\n <novo-icon color=\"positive\" ngSwitchCase=\"'edit'\">check-circle</novo-icon>\n <novo-icon color=\"positive\" ngSwitchCase=\"'done'\">check-circle-filled</novo-icon>\n <novo-icon color=\"positive\" ngSwitchDefault>circle-o</novo-icon>\n</div>","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { CdkStepHeader } from '@angular/cdk/stepper';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, TemplateRef } from '@angular/core';\nimport { NovoStepLabel } from './step-label.component';\n\n@Component({\n selector: 'novo-step-header',\n templateUrl: 'step-header.component.html',\n styleUrls: ['step-header.component.scss'],\n host: {\n class: 'novo-step-header',\n role: 'tab',\n },\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoStepHeader extends CdkStepHeader implements OnDestroy {\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n /* State of the given step. /\n @Input()\n state: string;\n\n /* Label of the given step. /\n @Input()\n label: NovoStepLabel \| string;\n\n /* Overrides for the header icons, passed in via the stepper. /\n @Input()\n iconOverrides: { [key: string]: TemplateRef<any> };\n\n /* Index of the given step. /\n @Input()\n get index(): number {\n return this._index;\n }\n set index(value: number) {\n this._index = coerceNumberProperty(value);\n }\n private _index: number;\n\n /* Whether the given step is selected. /\n @Input()\n get selected(): boolean {\n return this._selected;\n }\n set selected(value: boolean) {\n this._selected = coerceBooleanProperty(value);\n }\n private _selected: boolean;\n\n /* Whether the given step label is active. /\n @Input()\n get active(): boolean {\n return this._active;\n }\n set active(value: boolean) {\n this._active = coerceBooleanProperty(value);\n }\n private _active: boolean;\n\n /* Whether the given step label is active. /\n get touched(): boolean {\n return this.selected \|\| this.state === 'edit' \|\| this.state === 'done';\n }\n\n /* Whether the given step is optional. /\n @Input()\n get optional(): boolean {\n return this._optional;\n }\n set optional(value: boolean) {\n this._optional = coerceBooleanProperty(value);\n }\n private _optional: boolean;\n\n constructor(private _focusMonitor: FocusMonitor, private _element: ElementRef) {\n super(_element);\n _focusMonitor.monitor(_element.nativeElement, true);\n }\n\n ngOnDestroy() {\n this._focusMonitor.stopMonitoring(this._element.nativeElement);\n }\n\n /* Returns string label of given step if it is a text label. /\n _stringLabel(): string \| null {\n return this.label instanceof NovoStepLabel ? null : this.label;\n }\n\n /* Returns NovoStepLabel if the label of given step is a template label. /\n _templateLabel(): NovoStepLabel \| null {\n return this.label instanceof NovoStepLabel ? this.label : null;\n }\n\n /* Returns the host HTML element. /\n _getHostElement() {\n return this._element.nativeElement;\n }\n}\n","<div [class.novo-step-icon]=\"touched\"\n [class.novo-step-icon-not-touched]=\"!touched\">\n <ng-container ngIf=\"icon\">\n <novo-icon raised=\"true\" [theme]=\"theme\">{{icon}}</novo-icon>\n </ng-container>\n <ng-container ngIf=\"!icon\">\n <span class=\"novo-step-number\">{{index + 1}}</span>\n </ng-container>\n</div>\n<div class=\"novo-step-label\"\n [class.novo-step-label-active]=\"active\"\n [class.novo-step-label-selected]=\"selected\">\n <!-- If there is a label template, use it. -->\n <ng-container ngIf=\"_templateLabel()\" [ngTemplateOutlet]=\"_templateLabel()!.template\">\n </ng-container>\n <!-- It there is no label template, fall back to the text label. -->\n <div class=\"novo-step-text-label\" ngIf=\"_stringLabel()\">{{label}}</div>\n</div>\n<novo-step-status [state]=\"state\"></novo-step-status>","import { CdkStepperNext, CdkStepperPrevious } from '@angular/cdk/stepper';\nimport { Directive } from '@angular/core';\n\n/* Button that moves to the next step in a stepper workflow. /\n@Directive({\n selector: 'button[novoStepperNext],novo-button[novoStepperNext]',\n host: {\n class: 'novo-stepper-next',\n '[type]': 'type',\n },\n inputs: ['type'],\n})\nexport class NovoStepperNext extends CdkStepperNext {}\n\n/* Button that moves to the previous step in a stepper workflow. /\n@Directive({\n selector: 'button[novoStepperPrevious],novo-button[novoStepperPrevious]',\n host: {\n class: 'novo-stepper-previous',\n '[type]': 'type',\n },\n inputs: ['type'],\n})\nexport class NovoStepperPrevious extends CdkStepperPrevious {}\n","import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\n/* Animations used by the Novo steppers. /\nexport const novoStepperAnimations: {\n readonly horizontalStepTransition: AnimationTriggerMetadata;\n readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n /* Animation that transitions the step along the X axis in a horizontal stepper. /\n horizontalStepTransition: trigger('stepTransition', [\n state('previous', style({ transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden' })),\n state('current', style({ transform: 'none', visibility: 'visible' })),\n state('next', style({ transform: 'translate3d(100%, 0, 0)', visibility: 'hidden' })),\n transition(' => ', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),\n ]),\n\n /* Animation that transitions the step along the Y axis in a vertical stepper. /\n verticalStepTransition: trigger('stepTransition', [\n state('previous', style({ height: '0px', visibility: 'hidden' })),\n state('next', style({ height: '0px', visibility: 'hidden' })),\n state('current', style({ height: '', visibility: 'visible' })),\n transition('* <=> current', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\n ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStep, CdkStepHeader, CdkStepper } from '@angular/cdk/stepper';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ContentChildren,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n Optional,\n QueryList,\n TemplateRef,\n ViewChildren,\n} from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { NovoIconComponent } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { novoStepperAnimations } from './stepper.animations';\n\n@Component({\n selector: 'novo-step',\n templateUrl: 'step.component.html',\n styleUrls: ['stepper.component.scss'],\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{ provide: CdkStep, useExisting: NovoStep }],\n})\nexport class NovoStep extends CdkStep {\n /** Content for step label given by `<ng-template novoStepLabel>`. /\n @ContentChild(NovoStepLabel)\n stepLabel: NovoStepLabel;\n\n @Input()\n theme: string;\n @Input()\n color: string;\n @Input()\n icon: string;\n\n constructor(@Inject(forwardRef(() => NovoStepper)) stepper: CdkStepper) {\n super(stepper);\n }\n}\n\n@Directive({\n selector: '[novoStepper]',\n providers: [\n { provide: CdkStep, useExisting: NovoStep },\n { provide: CdkStepper, useExisting: NovoStepper },\n ],\n})\nexport class NovoStepper extends CdkStepper implements AfterContentInit {\n /* The list of step headers of the steps in the stepper. /\n @ViewChildren(NovoStepHeader)\n _stepHeader: QueryList<CdkStepHeader>;\n\n /* Steps that the stepper holds. /\n @ContentChildren(NovoStep, { descendants: true })\n steps: QueryList<NovoStep>;\n\n /* Custom icon overrides passed in by the consumer. /\n @ContentChildren(NovoIconComponent)\n _icons: QueryList<NovoIconComponent>;\n\n /* Consumer-specified template-refs to be used to override the header icons. /\n _iconOverrides: { [key: string]: TemplateRef<any> } = {};\n\n get completed(): boolean {\n try {\n const steps = this.steps.toArray();\n const length = steps.length - 1;\n return steps[length].completed && length === this.selectedIndex;\n } catch (err) {\n return false;\n }\n }\n\n ngAfterContentInit() {\n // Mark the component for change detection whenever the content children query changes\n this.steps.changes.pipe(takeUntil(this._destroyed)).subscribe(() => this._stateChanged());\n }\n\n complete() {\n try {\n const steps = this.steps.toArray();\n steps[this.selectedIndex].completed = true;\n this.next();\n this._stateChanged();\n } catch (err) {\n // do nothing\n }\n }\n\n getIndicatorType(index: number): 'none' \| '' \| 'edit' \| 'done' {\n const steps = this.steps.toArray();\n if (index === this.selectedIndex) {\n if (steps[index] && index === steps.length - 1 && steps[index].completed) {\n return 'done';\n }\n return 'edit';\n }\n if (index < this.selectedIndex) {\n return 'done';\n }\n return 'none';\n }\n}\n\n@Component({\n selector: 'novo-horizontal-stepper',\n exportAs: 'novoHorizontalStepper',\n templateUrl: 'stepper-horizontal.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-horizontal',\n 'aria-orientation': 'horizontal',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.horizontalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoHorizontalStepper },\n { provide: CdkStepper, useExisting: NovoHorizontalStepper },\n ],\n // encapsulation: ViewEncapsulation.None,\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoHorizontalStepper extends NovoStepper {}\n\n@Component({\n selector: 'novo-vertical-stepper',\n exportAs: 'novoVerticalStepper',\n templateUrl: 'stepper-vertical.html',\n styleUrls: ['stepper.component.scss'],\n host: {\n class: 'novo-stepper-vertical',\n 'aria-orientation': 'vertical',\n role: 'tablist',\n },\n animations: [novoStepperAnimations.verticalStepTransition],\n providers: [\n { provide: NovoStepper, useExisting: NovoVerticalStepper },\n { provide: CdkStepper, useExisting: NovoVerticalStepper },\n ],\n preserveWhitespaces: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NovoVerticalStepper extends NovoStepper {\n constructor(@Optional() dir: Directionality, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef) {\n super(dir, changeDetectorRef, elementRef, '');\n this._orientation = 'vertical';\n }\n}\n","<ng-template><ng-content></ng-content></ng-template>\n","<div class=\"novo-horizontal-stepper-header-container\">\n <div class=\"novo-stepper-horizontal-line complete\"></div>\n <ng-container ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-horizontal-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex == i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel \|\| step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed \|\| selectedIndex === i \|\| !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n </ng-container>\n <div class=\"novo-stepper-horizontal-line\" [class.complete]=\"completed\"></div>\n</div>\n\n<div class=\"novo-horizontal-content-container\">\n <div ngFor=\"let step of _steps; let i = index\"\n class=\"novo-horizontal-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n</div>","<div class=\"novo-step\" ngFor=\"let step of _steps; let i = index; let isLast = last\">\n <novo-step-header class=\"novo-vertical-stepper-header\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() == i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [index]=\"i\"\n [theme]=\"step.theme\"\n [color]=\"step.color\"\n [icon]=\"step.icon\"\n [state]=\"getIndicatorType(i)\"\n [label]=\"step.stepLabel \|\| step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"step.completed \|\| selectedIndex === i \|\| !linear\"\n [optional]=\"step.optional\"\n [iconOverrides]=\"_iconOverrides\">\n </novo-step-header>\n\n <div class=\"novo-vertical-content-container\" [class.novo-stepper-vertical-line]=\"!isLast\"\n [ngClass]=\"getIndicatorType(i)\">\n <div class=\"novo-vertical-stepper-content\" role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\">\n <div class=\"novo-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n</div>","import { A11yModule } from '@angular/cdk/a11y';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { NovoButtonModule } from 'novo-elements/elements/button';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoStepHeader } from './step-header.component';\nimport { NovoStepLabel } from './step-label.component';\nimport { NovoStepStatus } from './step-status.component';\nimport { NovoStepperNext, NovoStepperPrevious } from './stepper-buttons.component';\nimport { NovoHorizontalStepper, NovoStep, NovoStepper, NovoVerticalStepper } from './stepper.component';\n@NgModule({\n imports: [CommonModule, PortalModule, NovoButtonModule, CdkStepperModule, NovoIconModule, A11yModule],\n exports: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n declarations: [\n NovoHorizontalStepper,\n NovoVerticalStepper,\n NovoStep,\n NovoStepLabel,\n NovoStepper,\n NovoStepHeader,\n NovoStepStatus,\n NovoStepperNext,\n NovoStepperPrevious,\n ],\n})\nexport class NovoStepperModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i2","i1","i3.NovoStepStatus","i4","i2.NovoStepHeader"],"mappings":"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"}

package/fesm2020/novo-elements-elements-switch.mjs CHANGED Viewed

@@ -82,17 +82,14 @@ NovoSwitchElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
       </div>
       <div class="novo-switch-label"><ng-content></ng-content></div>
     </div>
-  `, isInline: true, components: [{ type: i1.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+  `, isInline: true, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:-webkit-grab;cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:-webkit-grabbing;cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:8px;position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:0 1px 2px #00000026;color:#3d464d}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:#2e2e2e}:host.black[aria-checked=true] .novo-switch-thumb{color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.gray[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.grey[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.bright[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.light[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:#7a7f92}:host.neutral[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#667580}:host.dark[aria-checked=true] .novo-switch-thumb{color:#fff}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.orange[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.navigation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:#3cc3ff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:#fff}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.steel[aria-checked=true] .novo-switch-thumb{color:#fff}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:#98a7ba}:host.metal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.silver[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.stone[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:#cecece}:host.ash[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:#9e9e9e}:host.slate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:#8097ae}:host.onyx[aria-checked=true] .novo-switch-thumb{color:#fff}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:#565656}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:#3b516a}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.midnight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:#374e62}:host.darkness[aria-checked=true] .novo-switch-thumb{color:#fff}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:#1c618f}:host.navy[aria-checked=true] .novo-switch-thumb{color:#fff}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.aqua[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.ocean[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:#77d7c0}:host.mint[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.grass[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:#f4ab98}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:#fff}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:#fff}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:#ebb8d6}:host.carnation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:#cfc3ef}:host.lavender[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:#c4b4d6}:host.mountain[aria-checked=true] .novo-switch-thumb{color:#fff}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.info[aria-checked=true] .novo-switch-thumb{color:#fff}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.positive[aria-checked=true] .novo-switch-thumb{color:#fff}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.success[aria-checked=true] .novo-switch-thumb{color:#fff}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.negative[aria-checked=true] .novo-switch-thumb{color:#fff}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.danger[aria-checked=true] .novo-switch-thumb{color:#fff}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.error[aria-checked=true] .novo-switch-thumb{color:#fff}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.warning[aria-checked=true] .novo-switch-thumb{color:#fff}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:#fafafa}:host.empty[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.disabled[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.background[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.presentation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.pulse[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:#82c0ea}:host.company[aria-checked=true] .novo-switch-thumb{color:#fff}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:#87d3a8}:host.candidate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:#cba1c0}:host.lead[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.contact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:#ab398e}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:#fff}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.job[aria-checked=true] .novo-switch-thumb{color:#fff}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.joborder[aria-checked=true] .novo-switch-thumb{color:#fff}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:#dcdee4}:host.submission[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.sendout[aria-checked=true] .novo-switch-thumb{color:#fff}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:#1669a0}:host.placement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.note[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:#7b82c6}:host.contract[aria-checked=true] .novo-switch-thumb{color:#fff}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.user[aria-checked=true] .novo-switch-thumb{color:#fff}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:#fff}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:#fff}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.credential[aria-checked=true] .novo-switch-thumb{color:#fff}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.person[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#32393f}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#d3d3d3}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:#f5f5f5}:host:focus .novo-switch-label:not(:empty){border:1px dotted #dbdbdb}\n"], components: [{ type: i1.NovoIconComponent, selector: "novo-icon", inputs: ["raised", "theme", "shape", "color", "size", "smaller", "larger", "alt", "name"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 __decorate([
     BooleanInput(),
     __metadata("design:type", Boolean)
 ], NovoSwitchElement.prototype, "disabled", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoSwitchElement, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'novo-switch',
-                    providers: [SWITCH_VALUE_ACCESSOR],
-                    template: `
+            args: [{ selector: 'novo-switch', providers: [SWITCH_VALUE_ACCESSOR], template: `
     <div (click)="toggle($event)">
       <div class="novo-switch-container">
         <div class="novo-switch-bar"></div>
@@ -105,16 +102,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
       </div>
       <div class="novo-switch-label"><ng-content></ng-content></div>
     </div>
-  `,
-                    host: {
+  `, host: {
                         role: 'checkbox',
                         class: 'novo-switch',
                         '[attr.aria-checked]': 'value',
                         '[attr.aria-disabled]': 'disabled',
                         '(keydown)': 'onKeydown($event)',
                         '[class]': 'theme',
-                    },
-                }]
+                    }, styles: [":host{display:flex;align-items:center;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .5s cubic-bezier(.35,0,.25,1)}:host *{box-sizing:border-box}:host>div{display:flex;align-items:center}:host .novo-switch-container{cursor:-webkit-grab;cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 8px}:host:not(.novo-switch-disabled).novo-switch-dragging .novo-switch-container,:host:not(.novo-switch-disabled) .novo-switch-dragging{cursor:-webkit-grabbing;cursor:grabbing}:host .novo-switch-label{border:0 transparent}:host .novo-switch-bar{left:1px;width:34px;top:5px;height:14px;border-radius:8px;position:absolute}:host .novo-switch-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translateZ(0);z-index:1}:host[aria-checked=true] .novo-switch-thumb-container{transform:translate3d(100%,0,0)}:host .novo-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;left:0;top:0;outline:none;height:20px;width:20px;border-radius:50%;box-shadow:0 1px 2px #00000026;color:#3d464d}:host .novo-switch-thumb .novo-icon{color:inherit}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb,:host:not(.novo-switch-dragging) .novo-switch-thumb-container{transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:transform,background-color,color}:host:not(.novo-switch-dragging) .novo-switch-bar,:host:not(.novo-switch-dragging) .novo-switch-thumb{transition-delay:.05s}:host.novo-switch-disabled{opacity:.4;cursor:not-allowed}:host.novo-switch-disabled .novo-switch-container{cursor:not-allowed;pointer-events:none}:host.black[aria-checked=true] .novo-switch-thumb{background-color:#000}:host.black[aria-checked=true] .novo-switch-bar{background-color:#2e2e2e}:host.black[aria-checked=true] .novo-switch-thumb{color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{background-color:#fff}:host.white[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.white[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.gray[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.gray[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.gray[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grey[aria-checked=true] .novo-switch-thumb{background-color:#9e9e9e}:host.grey[aria-checked=true] .novo-switch-bar{background-color:#ccc}:host.grey[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.offWhite[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.offWhite[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.offWhite[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.bright[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.bright[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.bright[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#dbdbdb}:host.light[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.light[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.neutral[aria-checked=true] .novo-switch-thumb{background-color:#4f5361}:host.neutral[aria-checked=true] .novo-switch-bar{background-color:#7a7f92}:host.neutral[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#667580}:host.dark[aria-checked=true] .novo-switch-thumb{color:#fff}:host.orange[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.orange[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.orange[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.navigation[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.navigation[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.navigation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{background-color:#009bdf}:host.skyBlue[aria-checked=true] .novo-switch-bar{background-color:#3cc3ff}:host.skyBlue[aria-checked=true] .novo-switch-thumb{color:#fff}:host.steel[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.steel[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.steel[aria-checked=true] .novo-switch-thumb{color:#fff}:host.metal[aria-checked=true] .novo-switch-thumb{background-color:#637893}:host.metal[aria-checked=true] .novo-switch-bar{background-color:#98a7ba}:host.metal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{background-color:#f4f4f4}:host.sand[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.sand[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.silver[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.silver[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.silver[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.stone[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.stone[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.stone[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ash[aria-checked=true] .novo-switch-thumb{background-color:#a0a0a0}:host.ash[aria-checked=true] .novo-switch-bar{background-color:#cecece}:host.ash[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.slate[aria-checked=true] .novo-switch-thumb{background-color:#707070}:host.slate[aria-checked=true] .novo-switch-bar{background-color:#9e9e9e}:host.slate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.onyx[aria-checked=true] .novo-switch-thumb{background-color:#526980}:host.onyx[aria-checked=true] .novo-switch-bar{background-color:#8097ae}:host.onyx[aria-checked=true] .novo-switch-thumb{color:#fff}:host.charcoal[aria-checked=true] .novo-switch-thumb{background-color:#282828}:host.charcoal[aria-checked=true] .novo-switch-bar{background-color:#565656}:host.charcoal[aria-checked=true] .novo-switch-thumb{color:#fff}:host.moonlight[aria-checked=true] .novo-switch-thumb{background-color:#1a242f}:host.moonlight[aria-checked=true] .novo-switch-bar{background-color:#3b516a}:host.moonlight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.midnight[aria-checked=true] .novo-switch-thumb{background-color:#202945}:host.midnight[aria-checked=true] .novo-switch-bar{background-color:#3d4e84}:host.midnight[aria-checked=true] .novo-switch-thumb{color:#fff}:host.darkness[aria-checked=true] .novo-switch-thumb{background-color:#161f27}:host.darkness[aria-checked=true] .novo-switch-bar{background-color:#374e62}:host.darkness[aria-checked=true] .novo-switch-thumb{color:#fff}:host.navy[aria-checked=true] .novo-switch-thumb{background-color:#0d2d42}:host.navy[aria-checked=true] .novo-switch-bar{background-color:#1c618f}:host.navy[aria-checked=true] .novo-switch-thumb{color:#fff}:host.aqua[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.aqua[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.aqua[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.ocean[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.ocean[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.ocean[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mint[aria-checked=true] .novo-switch-thumb{background-color:#37bc9b}:host.mint[aria-checked=true] .novo-switch-bar{background-color:#77d7c0}:host.mint[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.grass[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.grass[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.grass[aria-checked=true] .novo-switch-thumb{color:#fff}:host.sunflower[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.sunflower[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.sunflower[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bittersweet[aria-checked=true] .novo-switch-thumb{background-color:#eb6845}:host.bittersweet[aria-checked=true] .novo-switch-bar{background-color:#f4ab98}:host.bittersweet[aria-checked=true] .novo-switch-thumb{color:#fff}:host.grapefruit[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.grapefruit[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.grapefruit[aria-checked=true] .novo-switch-thumb{color:#fff}:host.carnation[aria-checked=true] .novo-switch-thumb{background-color:#d770ad}:host.carnation[aria-checked=true] .novo-switch-bar{background-color:#ebb8d6}:host.carnation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lavender[aria-checked=true] .novo-switch-thumb{background-color:#967adc}:host.lavender[aria-checked=true] .novo-switch-bar{background-color:#cfc3ef}:host.lavender[aria-checked=true] .novo-switch-thumb{color:#fff}:host.mountain[aria-checked=true] .novo-switch-thumb{background-color:#9678b6}:host.mountain[aria-checked=true] .novo-switch-bar{background-color:#c4b4d6}:host.mountain[aria-checked=true] .novo-switch-thumb{color:#fff}:host.info[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.info[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.info[aria-checked=true] .novo-switch-thumb{color:#fff}:host.positive[aria-checked=true] .novo-switch-thumb{background-color:#4a89dc}:host.positive[aria-checked=true] .novo-switch-bar{background-color:#97bbeb}:host.positive[aria-checked=true] .novo-switch-thumb{color:#fff}:host.success[aria-checked=true] .novo-switch-thumb{background-color:#8cc152}:host.success[aria-checked=true] .novo-switch-bar{background-color:#b9d996}:host.success[aria-checked=true] .novo-switch-thumb{color:#fff}:host.negative[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.negative[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.negative[aria-checked=true] .novo-switch-thumb{color:#fff}:host.danger[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.danger[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.danger[aria-checked=true] .novo-switch-thumb{color:#fff}:host.error[aria-checked=true] .novo-switch-thumb{background-color:#da4453}:host.error[aria-checked=true] .novo-switch-bar{background-color:#e99199}:host.error[aria-checked=true] .novo-switch-thumb{color:#fff}:host.warning[aria-checked=true] .novo-switch-thumb{background-color:#f6b042}:host.warning[aria-checked=true] .novo-switch-bar{background-color:#fad59a}:host.warning[aria-checked=true] .novo-switch-thumb{color:#fff}:host.empty[aria-checked=true] .novo-switch-thumb{background-color:#cccdcc}:host.empty[aria-checked=true] .novo-switch-bar{background-color:#fafafa}:host.empty[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.disabled[aria-checked=true] .novo-switch-thumb{background-color:#bebebe}:host.disabled[aria-checked=true] .novo-switch-bar{background-color:#ececec}:host.disabled[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.background[aria-checked=true] .novo-switch-thumb{background-color:#f7f7f7}:host.background[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.background[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{background-color:#e2e2e2}:host.backgroundDark[aria-checked=true] .novo-switch-bar{background-color:#fff}:host.backgroundDark[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.presentation[aria-checked=true] .novo-switch-thumb{background-color:#5b6770}:host.presentation[aria-checked=true] .novo-switch-bar{background-color:#88959f}:host.presentation[aria-checked=true] .novo-switch-thumb{color:#fff}:host.bullhorn[aria-checked=true] .novo-switch-thumb{background-color:#ff6900}:host.bullhorn[aria-checked=true] .novo-switch-bar{background-color:#ff9f5c}:host.bullhorn[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.pulse[aria-checked=true] .novo-switch-thumb{background-color:#3bafda}:host.pulse[aria-checked=true] .novo-switch-bar{background-color:#88cfe9}:host.pulse[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.company[aria-checked=true] .novo-switch-thumb{background-color:#39d}:host.company[aria-checked=true] .novo-switch-bar{background-color:#82c0ea}:host.company[aria-checked=true] .novo-switch-thumb{color:#fff}:host.candidate[aria-checked=true] .novo-switch-thumb{background-color:#4b7}:host.candidate[aria-checked=true] .novo-switch-bar{background-color:#87d3a8}:host.candidate[aria-checked=true] .novo-switch-thumb{color:#fff}:host.lead[aria-checked=true] .novo-switch-thumb{background-color:#a69}:host.lead[aria-checked=true] .novo-switch-bar{background-color:#cba1c0}:host.lead[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.contact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.contact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.clientcontact[aria-checked=true] .novo-switch-thumb{background-color:#fa4}:host.clientcontact[aria-checked=true] .novo-switch-bar{background-color:#ffd4a0}:host.clientcontact[aria-checked=true] .novo-switch-thumb{color:#fff}:host.opportunity[aria-checked=true] .novo-switch-thumb{background-color:#625}:host.opportunity[aria-checked=true] .novo-switch-bar{background-color:#ab398e}:host.opportunity[aria-checked=true] .novo-switch-thumb{color:#fff}:host.job[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.job[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.job[aria-checked=true] .novo-switch-thumb{color:#fff}:host.joborder[aria-checked=true] .novo-switch-thumb{background-color:#b56}:host.joborder[aria-checked=true] .novo-switch-bar{background-color:#d597a1}:host.joborder[aria-checked=true] .novo-switch-thumb{color:#fff}:host.submission[aria-checked=true] .novo-switch-thumb{background-color:#a9adbb}:host.submission[aria-checked=true] .novo-switch-bar{background-color:#dcdee4}:host.submission[aria-checked=true] .novo-switch-thumb{color:#3d464d}:host.sendout[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.sendout[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.sendout[aria-checked=true] .novo-switch-thumb{color:#fff}:host.placement[aria-checked=true] .novo-switch-thumb{background-color:#0b344f}:host.placement[aria-checked=true] .novo-switch-bar{background-color:#1669a0}:host.placement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.note[aria-checked=true] .novo-switch-thumb{background-color:#747884}:host.note[aria-checked=true] .novo-switch-bar{background-color:#a4a7af}:host.note[aria-checked=true] .novo-switch-thumb{color:#fff}:host.contract[aria-checked=true] .novo-switch-thumb{background-color:#454ea0}:host.contract[aria-checked=true] .novo-switch-bar{background-color:#7b82c6}:host.contract[aria-checked=true] .novo-switch-thumb{color:#fff}:host.jobCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.jobCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.jobCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.earnCode[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.earnCode[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.earnCode[aria-checked=true] .novo-switch-thumb{color:#fff}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.invoiceStatement[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.invoiceStatement[aria-checked=true] .novo-switch-thumb{color:#fff}:host.billableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.billableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.billableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.payableCharge[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.payableCharge[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.payableCharge[aria-checked=true] .novo-switch-thumb{color:#fff}:host.user[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.user[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.user[aria-checked=true] .novo-switch-thumb{color:#fff}:host.corporateUser[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.corporateUser[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.corporateUser[aria-checked=true] .novo-switch-thumb{color:#fff}:host.distributionList[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.distributionList[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.distributionList[aria-checked=true] .novo-switch-thumb{color:#fff}:host.credential[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.credential[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.credential[aria-checked=true] .novo-switch-thumb{color:#fff}:host.person[aria-checked=true] .novo-switch-thumb{background-color:#696d79}:host.person[aria-checked=true] .novo-switch-bar{background-color:#989ba6}:host.person[aria-checked=true] .novo-switch-thumb{color:#fff}:host.dark[aria-checked=true] .novo-switch-thumb{background-color:#3d464d}:host.dark[aria-checked=true] .novo-switch-bar{background-color:#32393f}:host.light[aria-checked=true] .novo-switch-thumb{background-color:#d3d3d3}:host.light[aria-checked=true] .novo-switch-bar{background-color:#dbdbdb}:host .novo-switch-thumb{background-color:#dbdbdb}:host .novo-switch-bar{background-color:#f5f5f5}:host:focus .novo-switch-label:not(:empty){border:1px dotted #dbdbdb}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { theme: [{
                 type: Input
             }], icons: [{

package/fesm2020/novo-elements-elements-switch.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"novo-elements-elements-switch.mjs","sources":["../../../projects/novo-elements/src/elements/switch/Switch.ts","../../../projects/novo-elements/src/elements/switch/Switch.module.ts","../../../projects/novo-elements/src/elements/switch/novo-elements-elements-switch.ts"],"sourcesContent":["// NG2\nimport { ChangeDetectorRef, Component, EventEmitter, forwardRef, HostBinding, Input, Output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BooleanInput, Key } from 'novo-elements/utils';\n\n// Value accessor for the component (supports ngModel)\nconst SWITCH_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NovoSwitchElement),\n multi: true,\n};\n\n@Component({\n selector: 'novo-switch',\n providers: [SWITCH_VALUE_ACCESSOR],\n template: `\n <div (click)=\"toggle($event)\">\n <div class=\"novo-switch-container\">\n <div class=\"novo-switch-bar\"></div>\n <div class=\"novo-switch-thumb-container\">\n <div class=\"novo-switch-thumb\">\n <novo-icon ngIf=\"!value\" smaller>{{ icons[0] }}</novo-icon>\n <novo-icon ngIf=\"value\" smaller>{{ icons[1] }}</novo-icon>\n </div>\n </div>\n </div>\n <div class=\"novo-switch-label\"><ng-content></ng-content></div>\n </div>\n `,\n host: {\n role: 'checkbox',\n class: 'novo-switch',\n '[attr.aria-checked]': 'value',\n '[attr.aria-disabled]': 'disabled',\n '(keydown)': 'onKeydown($event)',\n '[class]': 'theme',\n },\n})\nexport class NovoSwitchElement implements ControlValueAccessor {\n @Input()\n theme: string = 'ocean';\n\n @Input()\n icons: [string, string] = ['x', 'check'];\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-switch-disabled')\n disabled: boolean = false;\n\n @Output()\n onChange: EventEmitter<any> = new EventEmitter();\n\n private _value: boolean;\n public get value(): boolean {\n return this._value;\n }\n public set value(value: boolean) {\n this._value = value;\n }\n onModelChange: Function = () => {};\n onModelTouched: Function = () => {};\n\n constructor(private ref: ChangeDetectorRef) {}\n\n onKeydown(event: KeyboardEvent) {\n if (event.key === Key.Space) {\n event.preventDefault();\n this.toggle(event);\n }\n }\n\n toggle(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (this.disabled) {\n return;\n }\n\n this.value = !this.value;\n this.onChange.next(this.value);\n this.onModelChange(this.value);\n this.ref.markForCheck();\n }\n\n writeValue(model: boolean): void {\n this.value = model;\n this.ref.markForCheck();\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoSwitchElement } from './Switch';\n\n@NgModule({\n imports: [CommonModule, FormsModule, NovoIconModule],\n declarations: [NovoSwitchElement],\n exports: [NovoSwitchElement],\n})\nexport class NovoSwitchModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKA;AACA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,IAAA,KAAK,EAAE,IAAI;CACZ,CAAC;~~MA4BW~~,iBAAiB,CAAA;AAyB5B,IAAA,WAAA,CAAoB,GAAsB,EAAA;QAAtB,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QAvB1C,IAAK,CAAA,KAAA,GAAW,OAAO,CAAC;AAGxB,QAAA,IAAA,CAAA,KAAK,GAAqB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAKzC,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAG1B,QAAA,IAAA,CAAA,QAAQ,GAAsB,IAAI,YAAY,EAAE,CAAC;AASjD,QAAA,IAAA,CAAA,aAAa,GAAa,MAAK,GAAG,CAAC;AACnC,QAAA,IAAA,CAAA,cAAc,GAAa,MAAK,GAAG,CAAC;KAEU;AAT9C,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IACD,IAAW,KAAK,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;AAMD,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,KAAK,CAAC,GAAG,KAAA,GAAA,cAAgB;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpB,SAAA;KACF;AAED,IAAA,MAAM,CAAC,KAAK,EAAA;AACV,QAAA,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;AACxB,SAAA;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;AACR,SAAA;AAED,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;AAED,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;AAED,IAAA,gBAAgB,CAAC,EAAY,EAAA;AAC3B,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KACzB;AAED,IAAA,iBAAiB,CAAC,EAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;KAC1B;;+GA7DU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,~~EAxBjB~~,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,SAAA,EAAA,CAAC,qBAAqB,CAAC,EACxB,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;~~AAoBD~~,UAAA,CAAA;AAFC,IAAA,YAAY,EAAE;;AAEW,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;4FAVf,iBAAiB,EAAA,UAAA,EAAA,CAAA;~~kBA1B7B~~,SAAS;~~AAAC~~,YAAA,IAAA,EAAA,CAAA~~;AACT~~,~~oBAAA~~,~~QAAQ~~,~~EAAE~~,aAAa~~;oBACvB~~,~~SAAS~~,~~EAAE~~,CAAC,qBAAqB,CAAC~~;AAClC~~,~~oBAAA~~,~~QAAQ~~,~~EAAE~~,CAAA;;;;;;;;;;;;;~~AAaT~~,~~EAAA~~,~~CAAA;AACD~~,~~oBAAA,IAAI,EAAE~~;AACJ,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,qBAAqB,EAAE,OAAO;AAC9B,wBAAA,sBAAsB,EAAE,UAAU;AAClC,wBAAA,WAAW,EAAE,mBAAmB;AAChC,wBAAA,SAAS,EAAE,OAAO;AACnB,qBAAA~~;AACF~~,~~iBAAA~~,CAAA;~~wGAGC~~,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAMN,QAAQ,EAAA,CAAA;sBAHP,KAAK;;sBAEL,WAAW;uBAAC,4BAA4B,CAAA;gBAIzC,QAAQ,EAAA,CAAA;sBADP,MAAM;;;~~MCvCI~~,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,YAAA,EAAA,CAHZ,iBAAiB,CADtB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,WAAW,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAEzC,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAJlB,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,CAAC,CAAA,EAAA,CAAA,CAAA;4FAIzC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,CAAC;oBACpD,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
1	+ {"version":3,"file":"novo-elements-elements-switch.mjs","sources":["../../../projects/novo-elements/src/elements/switch/Switch.ts","../../../projects/novo-elements/src/elements/switch/Switch.module.ts","../../../projects/novo-elements/src/elements/switch/novo-elements-elements-switch.ts"],"sourcesContent":["// NG2\nimport { ChangeDetectorRef, Component, EventEmitter, forwardRef, HostBinding, Input, Output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BooleanInput, Key } from 'novo-elements/utils';\n\n// Value accessor for the component (supports ngModel)\nconst SWITCH_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => NovoSwitchElement),\n multi: true,\n};\n\n@Component({\n selector: 'novo-switch',\n providers: [SWITCH_VALUE_ACCESSOR],\n template: `\n <div (click)=\"toggle($event)\">\n <div class=\"novo-switch-container\">\n <div class=\"novo-switch-bar\"></div>\n <div class=\"novo-switch-thumb-container\">\n <div class=\"novo-switch-thumb\">\n <novo-icon ngIf=\"!value\" smaller>{{ icons[0] }}</novo-icon>\n <novo-icon ngIf=\"value\" smaller>{{ icons[1] }}</novo-icon>\n </div>\n </div>\n </div>\n <div class=\"novo-switch-label\"><ng-content></ng-content></div>\n </div>\n `,\n styleUrls: ['./Switch.scss'],\n host: {\n role: 'checkbox',\n class: 'novo-switch',\n '[attr.aria-checked]': 'value',\n '[attr.aria-disabled]': 'disabled',\n '(keydown)': 'onKeydown($event)',\n '[class]': 'theme',\n },\n})\nexport class NovoSwitchElement implements ControlValueAccessor {\n @Input()\n theme: string = 'ocean';\n\n @Input()\n icons: [string, string] = ['x', 'check'];\n\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-switch-disabled')\n disabled: boolean = false;\n\n @Output()\n onChange: EventEmitter<any> = new EventEmitter();\n\n private _value: boolean;\n public get value(): boolean {\n return this._value;\n }\n public set value(value: boolean) {\n this._value = value;\n }\n onModelChange: Function = () => {};\n onModelTouched: Function = () => {};\n\n constructor(private ref: ChangeDetectorRef) {}\n\n onKeydown(event: KeyboardEvent) {\n if (event.key === Key.Space) {\n event.preventDefault();\n this.toggle(event);\n }\n }\n\n toggle(event) {\n if (event) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n if (this.disabled) {\n return;\n }\n\n this.value = !this.value;\n this.onChange.next(this.value);\n this.onModelChange(this.value);\n this.ref.markForCheck();\n }\n\n writeValue(model: boolean): void {\n this.value = model;\n this.ref.markForCheck();\n }\n\n registerOnChange(fn: Function): void {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: Function): void {\n this.onModelTouched = fn;\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NovoIconModule } from 'novo-elements/elements/icon';\nimport { NovoSwitchElement } from './Switch';\n\n@NgModule({\n imports: [CommonModule, FormsModule, NovoIconModule],\n declarations: [NovoSwitchElement],\n exports: [NovoSwitchElement],\n})\nexport class NovoSwitchModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKA;AACA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,IAAA,KAAK,EAAE,IAAI;CACZ,CAAC;MA6BW,iBAAiB,CAAA;AAyB5B,IAAA,WAAA,CAAoB,GAAsB,EAAA;QAAtB,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QAvB1C,IAAK,CAAA,KAAA,GAAW,OAAO,CAAC;AAGxB,QAAA,IAAA,CAAA,KAAK,GAAqB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAKzC,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAG1B,QAAA,IAAA,CAAA,QAAQ,GAAsB,IAAI,YAAY,EAAE,CAAC;AASjD,QAAA,IAAA,CAAA,aAAa,GAAa,MAAK,GAAG,CAAC;AACnC,QAAA,IAAA,CAAA,cAAc,GAAa,MAAK,GAAG,CAAC;KAEU;AAT9C,IAAA,IAAW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IACD,IAAW,KAAK,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;AAMD,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,KAAK,CAAC,GAAG,KAAA,GAAA,cAAgB;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,YAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpB,SAAA;KACF;AAED,IAAA,MAAM,CAAC,KAAK,EAAA;AACV,QAAA,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;AACxB,SAAA;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;AACR,SAAA;AAED,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;AAED,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AACnB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;KACzB;AAED,IAAA,gBAAgB,CAAC,EAAY,EAAA;AAC3B,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KACzB;AAED,IAAA,iBAAiB,CAAC,EAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;KAC1B;;+GA7DU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAzBjB,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,SAAA,EAAA,CAAC,qBAAqB,CAAC,EACxB,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;AAaT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qziBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;AAqBD,UAAA,CAAA;AAFC,IAAA,YAAY,EAAE;;AAEW,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;4FAVf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA3B7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EACZ,SAAA,EAAA,CAAC,qBAAqB,CAAC,EACxB,QAAA,EAAA,CAAA;;;;;;;;;;;;;GAaT,EAEK,IAAA,EAAA;AACJ,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,qBAAqB,EAAE,OAAO;AAC9B,wBAAA,sBAAsB,EAAE,UAAU;AAClC,wBAAA,WAAW,EAAE,mBAAmB;AAChC,wBAAA,SAAS,EAAE,OAAO;AACnB,qBAAA,EAAA,MAAA,EAAA,CAAA,qziBAAA,CAAA,EAAA,CAAA;wGAID,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAMN,QAAQ,EAAA,CAAA;sBAHP,KAAK;;sBAEL,WAAW;uBAAC,4BAA4B,CAAA;gBAIzC,QAAQ,EAAA,CAAA;sBADP,MAAM;;;MCxCI,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAhB,gBAAgB,EAAA,YAAA,EAAA,CAHZ,iBAAiB,CADtB,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,WAAW,EAAE,cAAc,CAAA,EAAA,OAAA,EAAA,CAEzC,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAJlB,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,CAAC,CAAA,EAAA,CAAA,CAAA;4FAIzC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,CAAC;oBACpD,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}