ngx-sumax-erp-components 1.0.33 → 1.0.34

package/esm2022/lib/sc-wizard/sc-wizard.component.mjs

@@ -6,6 +6,7 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/cdk/stepper";
 import * as i4 from "@angular/material/button";
 import * as i5 from "@angular/material/icon";
+import * as i6 from "@angular/material/tooltip";
 export class ScWizardComponent extends CdkStepper {
     // @Input() hasAutoScrolling = false;
     constructor(dir, changeDetectorRef, elementRef) {
@@ -18,6 +19,8 @@ export class ScWizardComponent extends CdkStepper {
         this.showArrows = true;
         this.subWizard = false;
         this.baseSubWizard = 1;
+        this.showExpanded = false;
+        this.isExpanded = false;
         this.stepNavigationHandler = null;
         this.goTo = (stepToMove) => {
             if (this.stepNavigationHandler) {
@@ -36,12 +39,17 @@ export class ScWizardComponent extends CdkStepper {
             };
         }
     }
+    ngOnChanges(changes) {
+        if (changes['orientation'] && changes['orientation'].currentValue === 'horizontal') {
+            this.isExpanded = false;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardComponent, deps: [{ token: i1.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScWizardComponent, selector: "sc-wizard", inputs: { hasAutoFillSteps: "hasAutoFillSteps", hasSkeleton: "hasSkeleton", showArrows: "showArrows", subWizard: "subWizard", baseSubWizard: "baseSubWizard", stepNavigationHandler: "stepNavigationHandler" }, outputs: { clickStepEmit: "clickStepEmit" }, providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], viewQueries: [{ propertyName: "_scWizardContainer", first: true, predicate: ["scWizardContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\" [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\">\r\n  <div [class]=\"'sc-wizard-' + orientation + '-steps-container'\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n        <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n\t\t\t<ng-container *ngIf=\"!step.hasError\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.CdkStepperNext, selector: "button[cdkStepperNext]", inputs: ["type"] }, { kind: "directive", type: i3.CdkStepperPrevious, selector: "button[cdkStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScWizardComponent, selector: "sc-wizard", inputs: { hasAutoFillSteps: "hasAutoFillSteps", hasSkeleton: "hasSkeleton", showArrows: "showArrows", subWizard: "subWizard", baseSubWizard: "baseSubWizard", showExpanded: "showExpanded", stepNavigationHandler: "stepNavigationHandler" }, outputs: { clickStepEmit: "clickStepEmit" }, providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], viewQueries: [{ propertyName: "_scWizardContainer", first: true, predicate: ["scWizardContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div \r\n  [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\r\n  [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \r\n  [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\r\n  <div \r\n    [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\r\n    [ngStyle]=\"{ display: 'grid', 'margin-right': showExpanded && !isExpanded ? '-20px' : '0px' }\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div style=\"display: flex;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"showExpanded\">\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n    [ngStyle]=\"{ display: !isExpanded ? 'flex' : 'grid', padding: !isExpanded ? '0.8rem 1rem' : '0.3rem 1.2rem' }\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n      [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\r\n      [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n      <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\r\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\r\n\t\t\t</ng-container>\r\n      <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n      *ngIf=\"!isExpanded\"\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.CdkStepperNext, selector: "button[cdkStepperNext]", inputs: ["type"] }, { kind: "directive", type: i3.CdkStepperPrevious, selector: "button[cdkStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardComponent, decorators: [{
             type: Component,
-            args: [{ selector: "sc-wizard", providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\" [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\">\r\n  <div [class]=\"'sc-wizard-' + orientation + '-steps-container'\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n        <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n\t\t\t<ng-container *ngIf=\"!step.hasError\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"] }]
+            args: [{ selector: "sc-wizard", providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n  [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\r\n  [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \r\n  [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\r\n  <div \r\n    [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\r\n    [ngStyle]=\"{ display: 'grid', 'margin-right': showExpanded && !isExpanded ? '-20px' : '0px' }\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div style=\"display: flex;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"showExpanded\">\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n    [ngStyle]=\"{ display: !isExpanded ? 'flex' : 'grid', padding: !isExpanded ? '0.8rem 1rem' : '0.3rem 1.2rem' }\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n      [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\r\n      [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n      <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\r\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\r\n\t\t\t</ng-container>\r\n      <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n      *ngIf=\"!isExpanded\"\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i1.Directionality, decorators: [{
                     type: Optional
                 }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { _scWizardContainer: [{
@@ -59,7 +67,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Input
             }], baseSubWizard: [{
                 type: Input
+            }], showExpanded: [{
+                type: Input
             }], stepNavigationHandler: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtd2l6YXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdW1heC1lcnAtY29tcG9uZW50L3NyYy9saWIvc2Mtd2l6YXJkL3NjLXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3VtYXgtZXJwLWNvbXBvbmVudC9zcmMvbGliL3NjLXdpemFyZC9zYy13aXphcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xELE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFtQnZCLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxVQUFVO0lBWS9DLHFDQUFxQztJQUNyQyxZQUNjLEdBQW1CLEVBQ3ZCLGlCQUFvQyxFQUM1QyxVQUFtQztRQUVuQyxLQUFLLENBQUMsR0FBRyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBSGxDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFkOUMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUdULGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM1QyxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsZUFBVSxHQUFHLElBQUksQ0FBQztRQUNsQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBRWxCLDBCQUFxQixHQUFrRSxJQUFJLENBQUM7UUFvQnJHLFNBQUksR0FBRyxDQUFDLFVBQWtCLEVBQUUsRUFBRTtZQUM1QixJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO2dCQUMvQixPQUFPLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDdEQsQ0FBQztZQUNELEtBQUssQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDO1FBQ25DLENBQUMsQ0FBQztJQWpCRixDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUM7WUFDSCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFjLENBQUM7UUFDeEMsQ0FBQztRQUFDLE1BQU0sQ0FBQztZQUNQLE9BQU87Z0JBQ0wsS0FBSyxFQUFFLEtBQUs7YUFDYixDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7K0dBN0JVLGlCQUFpQjttR0FBakIsaUJBQWlCLGlTQUhqQixDQUFDLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQywwS0M1QnRFLHVuSkFxR2M7OzRGRHRFRCxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsV0FBVyxhQUdWLENBQUMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsbUJBQW1CLEVBQUUsQ0FBQyxtQkFDbkQsdUJBQXVCLENBQUMsTUFBTTs7MEJBZ0I1QyxRQUFRO2tHQVhzQyxrQkFBa0I7c0JBQWxFLFNBQVM7dUJBQUMsbUJBQW1CO2dCQUNwQixhQUFhO3NCQUF0QixNQUFNO2dCQUNFLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVHLHFCQUFxQjtzQkFBN0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGlvbmFsaXR5IH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9iaWRpXCI7XHJcbmltcG9ydCB7IENka1N0ZXBwZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3N0ZXBwZXJcIjtcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT3B0aW9uYWwsXHJcbiAgT3V0cHV0LFxyXG4gIFZpZXdDaGlsZCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuZXhwb3J0IHR5cGUgTGFiZWxUeXBlID0ge1xyXG4gIGlkPzogbnVtYmVyO1xyXG4gIHRpdGxlOiBzdHJpbmc7XHJcbiAgc3VidGl0bGU/OiBzdHJpbmc7XHJcbiAgc3VidGl0bGVTdHlsZUFjdGl2ZT86IHsgW2tsYXNzOiBzdHJpbmddOiBhbnkgfSB8IG51bGw7XHJcbiAgc3VidGl0bGVDbGFzc0FjdGl2ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgU2V0PHN0cmluZz4gfCB7IFtrbGFzczogc3RyaW5nXTogYW55IH07XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIHZpc2liaWxpdHk/OiBib29sZWFuO1xyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwic2Mtd2l6YXJkXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9zYy13aXphcmQuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vc2Mtd2l6YXJkLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQ2RrU3RlcHBlciwgdXNlRXhpc3Rpbmc6IFNjV2l6YXJkQ29tcG9uZW50IH1dLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2NXaXphcmRDb21wb25lbnQgZXh0ZW5kcyBDZGtTdGVwcGVyIHtcclxuICBfaXNTdGVwU2V0ID0gZmFsc2U7XHJcblxyXG4gIEBWaWV3Q2hpbGQoXCJzY1dpemFyZENvbnRhaW5lclwiKSBwcml2YXRlIHJlYWRvbmx5IF9zY1dpemFyZENvbnRhaW5lciE6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xyXG4gIEBPdXRwdXQoKSBjbGlja1N0ZXBFbWl0ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcbiAgQElucHV0KCkgaGFzQXV0b0ZpbGxTdGVwcyA9IHRydWU7XHJcbiAgQElucHV0KCkgaGFzU2tlbGV0b24gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaG93QXJyb3dzID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzdWJXaXphcmQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBiYXNlU3ViV2l6YXJkID0gMTtcclxuXHJcbiAgQElucHV0KCkgc3RlcE5hdmlnYXRpb25IYW5kbGVyOiAoKHN0ZXBOdW1iZXI6IG51bWJlciwgY2RrU3RlcHBlcjogQ2RrU3RlcHBlcikgPT4gdm9pZCkgfCBudWxsID0gbnVsbDtcclxuICAvLyBASW5wdXQoKSBoYXNBdXRvU2Nyb2xsaW5nID0gZmFsc2U7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBAT3B0aW9uYWwoKSBkaXI6IERpcmVjdGlvbmFsaXR5LFxyXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PlxyXG4gICkge1xyXG4gICAgc3VwZXIoZGlyLCBjaGFuZ2VEZXRlY3RvclJlZiwgZWxlbWVudFJlZik7XHJcbiAgfVxyXG5cclxuICBjb252ZXJ0TGFiZWxUb1R5cGUobGFiZWw6IHN0cmluZyk6IExhYmVsVHlwZSB7XHJcbiAgICB0cnkge1xyXG4gICAgICByZXR1cm4gSlNPTi5wYXJzZShsYWJlbCkgYXMgTGFiZWxUeXBlO1xyXG4gICAgfSBjYXRjaCB7XHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgdGl0bGU6IGxhYmVsLFxyXG4gICAgICB9O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ29UbyA9IChzdGVwVG9Nb3ZlOiBudW1iZXIpID0+IHtcclxuICAgIGlmICh0aGlzLnN0ZXBOYXZpZ2F0aW9uSGFuZGxlcikge1xyXG4gICAgICByZXR1cm4gdGhpcy5zdGVwTmF2aWdhdGlvbkhhbmRsZXIoc3RlcFRvTW92ZSwgdGhpcyk7XHJcbiAgICB9XHJcbiAgICBzdXBlci5zZWxlY3RlZEluZGV4ID0gc3RlcFRvTW92ZTtcclxuICB9O1xyXG59XHJcbiIsIjxkaXYgW2NsYXNzLnNjLXdpemFyZC1ob3Jpem9udGFsXT1cInRoaXMub3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJ1wiIFtjbGFzcy5zYy13aXphcmQtdmVydGljYWxdPVwidGhpcy5vcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJ1wiPlxyXG4gIDxkaXYgW2NsYXNzXT1cIidzYy13aXphcmQtJyArIG9yaWVudGF0aW9uICsgJy1zdGVwcy1jb250YWluZXInXCI+XHJcbiAgICA8IS0tUFJFVklPVVMgU1RFUCBCVVRUT04tLT5cclxuICAgIDxidXR0b25cclxuICAgICAgKm5nSWY9XCJzaG93QXJyb3dzXCJcclxuICAgICAgW2Rpc2FibGVkXT1cInRoaXMuc2VsZWN0ZWRJbmRleCA9PT0gMFwiXHJcbiAgICAgIFtjbGFzcy5zYy13aXphcmQtc2tlbGV0b25dPVwiaGFzU2tlbGV0b25cIlxyXG4gICAgICBbY2xhc3NdPVwiJ3NjLXdpemFyZC0nICsgb3JpZW50YXRpb24gKyAnLWJ1dHRvbiBwcmV2J1wiXHJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICBtYXQtaWNvbi1idXR0b25cclxuICAgICAgY2RrU3RlcHBlclByZXZpb3VzPlxyXG4gICAgICA8bWF0LWljb24+e3sgb3JpZW50YXRpb24gPT09IFwiaG9yaXpvbnRhbFwiID8gXCJjaGV2cm9uX2xlZnRcIiA6IFwiZXhwYW5kX2xlc3NcIiB9fTwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGhpcy5vcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJoYXNBdXRvRmlsbFN0ZXBzXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNjLXdpemFyZC1ob3Jpem9udGFsLXN0ZXBzIHNjLXdpemFyZC1ob3Jpem9udGFsLXN0ZXBzLWZpbGxcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGVtcGxhdGVTdGVwc1wiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaGFzQXV0b0ZpbGxTdGVwc1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYy13aXphcmQtaG9yaXpvbnRhbC1zdGVwc1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNjLXdpemFyZC1ob3Jpem9udGFsLXN0ZXBzLXdyYXBwZXJcIiBbc3R5bGUud2lkdGhdPVwiMjQgKiBzdGVwcy5sZW5ndGggKyAncmVtJ1wiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlU3RlcHNcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aGlzLm9yaWVudGF0aW9uID09PSAndmVydGljYWwnXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzYy13aXphcmQtc3RlcHMgc2Mtd2l6YXJkLXZlcnRpY2FsLXN0ZXBzXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVN0ZXBzXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPCEtLU5FWFQgU1RFUCBCVVRUT04tLT5cclxuICAgIDxidXR0b25cclxuICAgICAgKm5nSWY9XCJzaG93QXJyb3dzXCJcclxuICAgICAgW2Rpc2FibGVkXT1cInRoaXMuc3RlcHMubGVuZ3RoIC0gMSA9PT0gdGhpcy5zZWxlY3RlZEluZGV4XCJcclxuICAgICAgW2NsYXNzLnNjLXdpemFyZC1za2VsZXRvbl09XCJoYXNTa2VsZXRvblwiXHJcbiAgICAgIFtjbGFzc109XCInc2Mtd2l6YXJkLScgKyBvcmllbnRhdGlvbiArICctYnV0dG9uIG5leHQnXCJcclxuICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICBjZGtTdGVwcGVyTmV4dD5cclxuICAgICAgPG1hdC1pY29uPnt7IG9yaWVudGF0aW9uID09PSBcImhvcml6b250YWxcIiA/IFwibmF2aWdhdGVfbmV4dFwiIDogXCJleHBhbmRfbW9yZVwiIH19PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2ICNzY1dpemFyZENvbnRhaW5lciBbY2xhc3Muc2Mtd2l6YXJkLXNrZWxldG9uXT1cImhhc1NrZWxldG9uXCIgW2NsYXNzXT1cIidzYy13aXphcmQtJyArIG9yaWVudGF0aW9uICsgJy1jb250ZW50J1wiPlxyXG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWxlY3RlZCA/IHNlbGVjdGVkLmNvbnRlbnQgOiBudWxsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZVN0ZXBzPlxyXG5cdDxkaXZcclxuXHRcdCpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCJcclxuXHRcdFtjbGFzcy5pbnZpc2libGVdPVwic3RlcC5jb250ZW50LmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnROb2RlLmNsYXNzTmFtZSA9PT0gJ2ludmlzaWJsZSdcIlxyXG5cdFx0W3RhYkluZGV4XT1cInNlbGVjdGVkSW5kZXggPT09IGkgPyAxIDogLTFcIlxyXG5cdFx0W2F0dHIuZGF0YS1wb3NpdGlvbl09XCJpXCJcclxuXHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1hY3RpdmVdPVwic2VsZWN0ZWRJbmRleCA9PT0gaSAmJiAhc3RlcC5oYXNFcnJvclwiXHJcblx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tZXJyb3JdPVwic2VsZWN0ZWRJbmRleCA9PT0gaSAmJiBzdGVwLmhhc0Vycm9yXCJcclxuXHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1kaXNhYmxlXT1cIiFzdGVwLmVkaXRhYmxlIHx8IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKSEuZGlzYWJsZWRcIlxyXG5cdFx0Y2xhc3M9XCJzYy13aXphcmQtc3RlcHMtaXRlbVwiXHJcblx0XHRbY2xhc3Muc2Mtd2l6YXJkLXNrZWxldG9uXT1cImhhc1NrZWxldG9uXCJcclxuXHRcdChjbGljayk9XCJnb1RvKGkpOyBjbGlja1N0ZXBFbWl0LmVtaXQoaSlcIj5cclxuXHRcdDxzcGFuXHJcblx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbnVtYmVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcblx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1udW1iZXItYWN0aXZlXT1cInNlbGVjdGVkSW5kZXggPT09IGlcIlxyXG5cdFx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbnVtYmVyLWVycm9yXT1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzdGVwLmhhc0Vycm9yXCI+XHJcblx0XHRcdFx0e3sgc3ViV2l6YXJkID8gYmFzZVN1YldpemFyZCArICcuJyArIChpICsgMSkgOiBpICsgMSB9fVxyXG5cdFx0XHQ8L25nLWNvbnRhaW5lcj5cclxuXHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0XHQ8ZW0gY2xhc3M9XCJmYSBmYS1leGNsYW1hdGlvbi10cmlhbmdsZVwiPjwvZW0+XHJcblx0XHRcdDwvbmctY29udGFpbmVyPlxyXG5cdFx0PC9zcGFuPlxyXG5cclxuXHRcdDxkaXZcclxuXHRcdFx0Y2xhc3M9XCJzYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbFwiXHJcblx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbC1lcnJvcl09XCJzdGVwLmhhc0Vycm9yXCI+XHJcblx0XHRcdDxwXHJcblx0XHRcdFx0Y2xhc3M9XCJzYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbC10aXRsZVwiXHJcblx0XHRcdFx0W2NsYXNzLnNjLXdpemFyZC1zdGVwcy1pdGVtLWxhYmVsLXRpdGxlLWFjdGl2ZV09XCJzZWxlY3RlZEluZGV4ID09PSBpXCJcclxuXHRcdFx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWwtdGl0bGUtZXJyb3JdPVwic3RlcC5oYXNFcnJvclwiPlxyXG5cdFx0XHRcdHt7IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS50aXRsZSB9fVxyXG5cdFx0XHQ8L3A+XHJcblx0XHRcdDxzcGFuXHJcblx0XHRcdFx0Y2xhc3M9XCJzYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbC1zdWJ0aXRsZVwiXHJcblx0XHRcdFx0W25nU3R5bGVdPVwic2VsZWN0ZWRJbmRleCA9PT0gaSA/IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS5zdWJ0aXRsZVN0eWxlQWN0aXZlISA6IG51bGxcIlxyXG5cdFx0XHRcdFtuZ0NsYXNzXT1cInNlbGVjdGVkSW5kZXggPT09IGkgPyBjb252ZXJ0TGFiZWxUb1R5cGUoc3RlcC5sYWJlbCkuc3VidGl0bGVDbGFzc0FjdGl2ZSEgOiBbXVwiXHJcblx0XHRcdFx0W2NsYXNzLnNjLXdpemFyZC1zdGVwcy1pdGVtLWxhYmVsLXN1YnRpdGxlLWVycm9yXT1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0XHQ8bmctY29udGFpbmVyICpuZ0lmPVwiIXN0ZXAuaGFzRXJyb3IgJiYgY29udmVydExhYmVsVG9UeXBlKHN0ZXAubGFiZWwpPy5zdWJ0aXRsZVwiPlxyXG5cdFx0XHRcdFx0e3sgY29udmVydExhYmVsVG9UeXBlKHN0ZXAubGFiZWwpLnN1YnRpdGxlIH19XHJcblx0XHRcdFx0PC9uZy1jb250YWluZXI+XHJcblx0XHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0XHRcdHt7IHN0ZXAuZXJyb3JNZXNzYWdlIH19XHJcblx0XHRcdFx0PC9uZy1jb250YWluZXI+XHJcblx0XHRcdDwvc3Bhbj5cclxuXHRcdDwvZGl2PlxyXG5cdDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtd2l6YXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdW1heC1lcnAtY29tcG9uZW50L3NyYy9saWIvc2Mtd2l6YXJkL3NjLXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3VtYXgtZXJwLWNvbXBvbmVudC9zcmMvbGliL3NjLXdpemFyZC9zYy13aXphcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xELE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFFTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBb0J2QixNQUFNLE9BQU8saUJBQWtCLFNBQVEsVUFBVTtJQWMvQyxxQ0FBcUM7SUFDckMsWUFDYyxHQUFtQixFQUN2QixpQkFBb0MsRUFDNUMsVUFBbUM7UUFFbkMsS0FBSyxDQUFDLEdBQUcsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUhsQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBaEI5QyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBR1Qsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzVDLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUN4QixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFDbEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDL0IsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVULDBCQUFxQixHQUFrRSxJQUFJLENBQUM7UUFvQnJHLFNBQUksR0FBRyxDQUFDLFVBQWtCLEVBQUUsRUFBRTtZQUM1QixJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO2dCQUMvQixPQUFPLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDdEQsQ0FBQztZQUNELEtBQUssQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDO1FBQ25DLENBQUMsQ0FBQztJQWpCRixDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUM7WUFDSCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFjLENBQUM7UUFDeEMsQ0FBQztRQUFDLE1BQU0sQ0FBQztZQUNQLE9BQU87Z0JBQ0wsS0FBSyxFQUFFLEtBQUs7YUFDYixDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7SUFTRixXQUFXLENBQUMsT0FBc0I7UUFDakMsSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLFlBQVksS0FBSyxZQUFZLEVBQUUsQ0FBQztZQUNwRixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDO0lBQ0YsQ0FBQzsrR0E1Q1csaUJBQWlCO21HQUFqQixpQkFBaUIsK1RBSGpCLENBQUMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxDQUFDLCtMQzlCdEUsbzJMQXdIYzs7NEZEdkZELGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxXQUFXLGFBR1YsQ0FBQyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxtQkFBbUIsRUFBRSxDQUFDLG1CQUNuRCx1QkFBdUIsQ0FBQyxNQUFNOzswQkFrQjVDLFFBQVE7a0dBYnNDLGtCQUFrQjtzQkFBbEUsU0FBUzt1QkFBQyxtQkFBbUI7Z0JBQ3BCLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0UsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxxQkFBcUI7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3Rpb25hbGl0eSB9IGZyb20gXCJAYW5ndWxhci9jZGsvYmlkaVwiO1xyXG5pbXBvcnQgeyBDZGtTdGVwcGVyIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9zdGVwcGVyXCI7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9wdGlvbmFsLFxyXG4gIE91dHB1dCxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFZpZXdDaGlsZCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuZXhwb3J0IHR5cGUgTGFiZWxUeXBlID0ge1xyXG4gIGlkPzogbnVtYmVyO1xyXG4gIHRpdGxlOiBzdHJpbmc7XHJcbiAgc3VidGl0bGU/OiBzdHJpbmc7XHJcbiAgc3VidGl0bGVTdHlsZUFjdGl2ZT86IHsgW2tsYXNzOiBzdHJpbmddOiBhbnkgfSB8IG51bGw7XHJcbiAgc3VidGl0bGVDbGFzc0FjdGl2ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgU2V0PHN0cmluZz4gfCB7IFtrbGFzczogc3RyaW5nXTogYW55IH07XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIHZpc2liaWxpdHk/OiBib29sZWFuO1xyXG4gIGljb24/OiBzdHJpbmdcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInNjLXdpemFyZFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2Mtd2l6YXJkLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3NjLXdpemFyZC5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IENka1N0ZXBwZXIsIHVzZUV4aXN0aW5nOiBTY1dpemFyZENvbXBvbmVudCB9XSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNjV2l6YXJkQ29tcG9uZW50IGV4dGVuZHMgQ2RrU3RlcHBlciB7XHJcbiAgX2lzU3RlcFNldCA9IGZhbHNlO1xyXG5cclxuICBAVmlld0NoaWxkKFwic2NXaXphcmRDb250YWluZXJcIikgcHJpdmF0ZSByZWFkb25seSBfc2NXaXphcmRDb250YWluZXIhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcclxuICBAT3V0cHV0KCkgY2xpY2tTdGVwRW1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gIEBJbnB1dCgpIGhhc0F1dG9GaWxsU3RlcHMgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGhhc1NrZWxldG9uID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2hvd0Fycm93cyA9IHRydWU7XHJcbiAgQElucHV0KCkgc3ViV2l6YXJkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYmFzZVN1YldpemFyZCA9IDE7XHJcbiAgQElucHV0KCkgc2hvd0V4cGFuZGVkID0gZmFsc2U7XHJcblx0aXNFeHBhbmRlZCA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBzdGVwTmF2aWdhdGlvbkhhbmRsZXI6ICgoc3RlcE51bWJlcjogbnVtYmVyLCBjZGtTdGVwcGVyOiBDZGtTdGVwcGVyKSA9PiB2b2lkKSB8IG51bGwgPSBudWxsO1xyXG4gIC8vIEBJbnB1dCgpIGhhc0F1dG9TY3JvbGxpbmcgPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBPcHRpb25hbCgpIGRpcjogRGlyZWN0aW9uYWxpdHksXHJcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XHJcbiAgKSB7XHJcbiAgICBzdXBlcihkaXIsIGNoYW5nZURldGVjdG9yUmVmLCBlbGVtZW50UmVmKTtcclxuICB9XHJcblxyXG4gIGNvbnZlcnRMYWJlbFRvVHlwZShsYWJlbDogc3RyaW5nKTogTGFiZWxUeXBlIHtcclxuICAgIHRyeSB7XHJcbiAgICAgIHJldHVybiBKU09OLnBhcnNlKGxhYmVsKSBhcyBMYWJlbFR5cGU7XHJcbiAgICB9IGNhdGNoIHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICB0aXRsZTogbGFiZWwsXHJcbiAgICAgIH07XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnb1RvID0gKHN0ZXBUb01vdmU6IG51bWJlcikgPT4ge1xyXG4gICAgaWYgKHRoaXMuc3RlcE5hdmlnYXRpb25IYW5kbGVyKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLnN0ZXBOYXZpZ2F0aW9uSGFuZGxlcihzdGVwVG9Nb3ZlLCB0aGlzKTtcclxuICAgIH1cclxuICAgIHN1cGVyLnNlbGVjdGVkSW5kZXggPSBzdGVwVG9Nb3ZlO1xyXG4gIH07XHJcblxyXG5cdG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuXHRcdGlmIChjaGFuZ2VzWydvcmllbnRhdGlvbiddICYmIGNoYW5nZXNbJ29yaWVudGF0aW9uJ10uY3VycmVudFZhbHVlID09PSAnaG9yaXpvbnRhbCcpIHtcclxuXHRcdFx0dGhpcy5pc0V4cGFuZGVkID0gZmFsc2U7XHJcblx0XHR9XHJcblx0fVxyXG59XHJcbiIsIjxkaXYgXHJcbiAgW2NsYXNzLnNjLXdpemFyZC1ob3Jpem9udGFsXT1cInRoaXMub3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJ1wiXHJcbiAgW2NsYXNzLnNjLXdpemFyZC12ZXJ0aWNhbF09XCJ0aGlzLm9yaWVudGF0aW9uID09PSAndmVydGljYWwnXCIgXHJcbiAgW2NsYXNzLnNjLXdpemFyZC12ZXJ0aWNhbC1uYXZdPVwidGhpcy5vcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyAmJiBpc0V4cGFuZGVkXCI+XHJcbiAgPGRpdiBcclxuICAgIFtjbGFzc109XCInc2Mtd2l6YXJkLScgKyBvcmllbnRhdGlvbiArIChpc0V4cGFuZGVkID8gJy1uYXYnIDogJycpICsgJy1zdGVwcy1jb250YWluZXInXCJcclxuICAgIFtuZ1N0eWxlXT1cInsgZGlzcGxheTogJ2dyaWQnLCAnbWFyZ2luLXJpZ2h0Jzogc2hvd0V4cGFuZGVkICYmICFpc0V4cGFuZGVkID8gJy0yMHB4JyA6ICcwcHgnIH1cIj5cclxuICAgIDwhLS1QUkVWSU9VUyBTVEVQIEJVVFRPTi0tPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICAqbmdJZj1cInNob3dBcnJvd3NcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwidGhpcy5zZWxlY3RlZEluZGV4ID09PSAwXCJcclxuICAgICAgW2NsYXNzLnNjLXdpemFyZC1za2VsZXRvbl09XCJoYXNTa2VsZXRvblwiXHJcbiAgICAgIFtjbGFzc109XCInc2Mtd2l6YXJkLScgKyBvcmllbnRhdGlvbiArICctYnV0dG9uIHByZXYnXCJcclxuICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICBjZGtTdGVwcGVyUHJldmlvdXM+XHJcbiAgICAgIDxtYXQtaWNvbj57eyBvcmllbnRhdGlvbiA9PT0gXCJob3Jpem9udGFsXCIgPyBcImNoZXZyb25fbGVmdFwiIDogXCJleHBhbmRfbGVzc1wiIH19PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aGlzLm9yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCdcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhhc0F1dG9GaWxsU3RlcHNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Mtd2l6YXJkLWhvcml6b250YWwtc3RlcHMgc2Mtd2l6YXJkLWhvcml6b250YWwtc3RlcHMtZmlsbFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVN0ZXBzXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFoYXNBdXRvRmlsbFN0ZXBzXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNjLXdpemFyZC1ob3Jpem9udGFsLXN0ZXBzXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2Mtd2l6YXJkLWhvcml6b250YWwtc3RlcHMtd3JhcHBlclwiIFtzdHlsZS53aWR0aF09XCIyNCAqIHN0ZXBzLmxlbmd0aCArICdyZW0nXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGVtcGxhdGVTdGVwc1wiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRoaXMub3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCdcIj5cclxuICAgICAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNjLXdpemFyZC1zdGVwcyBzYy13aXphcmQtdmVydGljYWwtc3RlcHNcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGVtcGxhdGVTdGVwc1wiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93RXhwYW5kZWRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYy13aXphcmQtZXhwYW5kLWljb24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxlbSBjbGFzcz1cInotMyBmYVwiIFtuZ0NsYXNzXT1cInsgJ2ZhLWNoZXZyb24tcmlnaHQnOiBpc0V4cGFuZGVkLCAnZmEtY2hldnJvbi1sZWZ0JzogIWlzRXhwYW5kZWQgfVwiIHN0eWxlPVwiY3Vyc29yOiBwb2ludGVyOyBmb250LXNpemU6IDE4cHhcIiAoY2xpY2spPVwidGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZFwiPiA8L2VtPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPCEtLU5FWFQgU1RFUCBCVVRUT04tLT5cclxuICAgIDxidXR0b25cclxuICAgICAgKm5nSWY9XCJzaG93QXJyb3dzXCJcclxuICAgICAgW2Rpc2FibGVkXT1cInRoaXMuc3RlcHMubGVuZ3RoIC0gMSA9PT0gdGhpcy5zZWxlY3RlZEluZGV4XCJcclxuICAgICAgW2NsYXNzLnNjLXdpemFyZC1za2VsZXRvbl09XCJoYXNTa2VsZXRvblwiXHJcbiAgICAgIFtjbGFzc109XCInc2Mtd2l6YXJkLScgKyBvcmllbnRhdGlvbiArICctYnV0dG9uIG5leHQnXCJcclxuICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICBjZGtTdGVwcGVyTmV4dD5cclxuICAgICAgPG1hdC1pY29uPnt7IG9yaWVudGF0aW9uID09PSBcImhvcml6b250YWxcIiA/IFwibmF2aWdhdGVfbmV4dFwiIDogXCJleHBhbmRfbW9yZVwiIH19PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2ICNzY1dpemFyZENvbnRhaW5lciBbY2xhc3Muc2Mtd2l6YXJkLXNrZWxldG9uXT1cImhhc1NrZWxldG9uXCIgW2NsYXNzXT1cIidzYy13aXphcmQtJyArIG9yaWVudGF0aW9uICsgJy1jb250ZW50J1wiPlxyXG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWxlY3RlZCA/IHNlbGVjdGVkLmNvbnRlbnQgOiBudWxsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZVN0ZXBzPlxyXG5cdDxkaXZcclxuXHRcdCpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCJcclxuXHRcdFtjbGFzcy5pbnZpc2libGVdPVwic3RlcC5jb250ZW50LmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnROb2RlLmNsYXNzTmFtZSA9PT0gJ2ludmlzaWJsZSdcIlxyXG5cdFx0W3RhYkluZGV4XT1cInNlbGVjdGVkSW5kZXggPT09IGkgPyAxIDogLTFcIlxyXG5cdFx0W2F0dHIuZGF0YS1wb3NpdGlvbl09XCJpXCJcclxuXHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1hY3RpdmVdPVwic2VsZWN0ZWRJbmRleCA9PT0gaSAmJiAhc3RlcC5oYXNFcnJvclwiXHJcblx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tZXJyb3JdPVwic2VsZWN0ZWRJbmRleCA9PT0gaSAmJiBzdGVwLmhhc0Vycm9yXCJcclxuXHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1kaXNhYmxlXT1cIiFzdGVwLmVkaXRhYmxlIHx8IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKSEuZGlzYWJsZWRcIlxyXG5cdFx0Y2xhc3M9XCJzYy13aXphcmQtc3RlcHMtaXRlbVwiXHJcbiAgICBbbmdTdHlsZV09XCJ7IGRpc3BsYXk6ICFpc0V4cGFuZGVkID8gJ2ZsZXgnIDogJ2dyaWQnLCBwYWRkaW5nOiAhaXNFeHBhbmRlZCA/ICcwLjhyZW0gMXJlbScgOiAnMC4zcmVtIDEuMnJlbScgfVwiXHJcblx0XHRbY2xhc3Muc2Mtd2l6YXJkLXNrZWxldG9uXT1cImhhc1NrZWxldG9uXCJcclxuXHRcdChjbGljayk9XCJnb1RvKGkpOyBjbGlja1N0ZXBFbWl0LmVtaXQoaSlcIj5cclxuXHRcdDxzcGFuXHJcbiAgICAgIFttYXRUb29sdGlwQ2xhc3NdPVwic2hvd0V4cGFuZGVkICYmIGlzRXhwYW5kZWQgJiYgc3RlcC5oYXNFcnJvciA/ICdjdXN0b20tbWF0LXRvb2x0aXAtZXJyb3InIDogJ2N1c3RvbS1tYXQtdG9vbHRpcC1hY3RpdmUnXCJcclxuICAgICAgW21hdFRvb2x0aXBdPVwiaXNFeHBhbmRlZCA/IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKSEudGl0bGUgOiAnJ1wiXHJcblx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbnVtYmVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcblx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1udW1iZXItYWN0aXZlXT1cInNlbGVjdGVkSW5kZXggPT09IGlcIlxyXG5cdFx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbnVtYmVyLWVycm9yXT1cInN0ZXAuaGFzRXJyb3JcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzdGVwLmhhc0Vycm9yICYmIGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS5pY29uXCI+XHJcblx0XHRcdFx0PGVtIFtjbGFzc109XCJjb252ZXJ0TGFiZWxUb1R5cGUoc3RlcC5sYWJlbCkuaWNvblwiPjwvZW0+XHJcblx0XHRcdDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXN0ZXAuaGFzRXJyb3IgJiYgIWNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS5pY29uXCI+XHJcblx0XHRcdFx0e3sgc3ViV2l6YXJkID8gYmFzZVN1YldpemFyZCArICcuJyArIChpICsgMSkgOiBpICsgMSB9fVxyXG5cdFx0XHQ8L25nLWNvbnRhaW5lcj5cclxuXHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0XHQ8ZW0gY2xhc3M9XCJmYSBmYS1leGNsYW1hdGlvbi10cmlhbmdsZVwiPjwvZW0+XHJcblx0XHRcdDwvbmctY29udGFpbmVyPlxyXG5cdFx0PC9zcGFuPlxyXG5cclxuXHRcdDxkaXZcclxuICAgICAgKm5nSWY9XCIhaXNFeHBhbmRlZFwiXHJcblx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWxcIlxyXG5cdFx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWwtZXJyb3JdPVwic3RlcC5oYXNFcnJvclwiPlxyXG5cdFx0XHQ8cFxyXG5cdFx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWwtdGl0bGVcIlxyXG5cdFx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbC10aXRsZS1hY3RpdmVdPVwic2VsZWN0ZWRJbmRleCA9PT0gaVwiXHJcblx0XHRcdFx0W2NsYXNzLnNjLXdpemFyZC1zdGVwcy1pdGVtLWxhYmVsLXRpdGxlLWVycm9yXT1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0XHR7eyBjb252ZXJ0TGFiZWxUb1R5cGUoc3RlcC5sYWJlbCkudGl0bGUgfX1cclxuXHRcdFx0PC9wPlxyXG5cdFx0XHQ8c3BhblxyXG5cdFx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWwtc3VidGl0bGVcIlxyXG5cdFx0XHRcdFtuZ1N0eWxlXT1cInNlbGVjdGVkSW5kZXggPT09IGkgPyBjb252ZXJ0TGFiZWxUb1R5cGUoc3RlcC5sYWJlbCkuc3VidGl0bGVTdHlsZUFjdGl2ZSEgOiBudWxsXCJcclxuXHRcdFx0XHRbbmdDbGFzc109XCJzZWxlY3RlZEluZGV4ID09PSBpID8gY29udmVydExhYmVsVG9UeXBlKHN0ZXAubGFiZWwpLnN1YnRpdGxlQ2xhc3NBY3RpdmUhIDogW11cIlxyXG5cdFx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbC1zdWJ0aXRsZS1lcnJvcl09XCJzdGVwLmhhc0Vycm9yXCI+XHJcblx0XHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzdGVwLmhhc0Vycm9yICYmIGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKT8uc3VidGl0bGVcIj5cclxuXHRcdFx0XHRcdHt7IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS5zdWJ0aXRsZSB9fVxyXG5cdFx0XHRcdDwvbmctY29udGFpbmVyPlxyXG5cdFx0XHRcdDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGVwLmhhc0Vycm9yXCI+XHJcblx0XHRcdFx0XHR7eyBzdGVwLmVycm9yTWVzc2FnZSB9fVxyXG5cdFx0XHRcdDwvbmctY29udGFpbmVyPlxyXG5cdFx0XHQ8L3NwYW4+XHJcblx0XHQ8L2Rpdj5cclxuXHQ8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=

package/esm2022/lib/sc-wizard/sc-wizard.module.mjs

@@ -5,6 +5,7 @@ import { ScWizardComponent } from './sc-wizard.component';
 import { CdkStepperModule } from '@angular/cdk/stepper';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i0 from "@angular/core";
 export class ScWizardModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -13,13 +14,15 @@ export class ScWizardModule {
             ReactiveFormsModule,
             CdkStepperModule,
             MatButtonModule,
-            MatIconModule], exports: [ScWizardComponent, CdkStepperModule] }); }
+            MatIconModule,
+            MatTooltipModule], exports: [ScWizardComponent, CdkStepperModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             CdkStepperModule,
             MatButtonModule,
-            MatIconModule, CdkStepperModule] }); }
+            MatIconModule,
+            MatTooltipModule, CdkStepperModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardModule, decorators: [{
             type: NgModule,
@@ -31,10 +34,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         CdkStepperModule,
                         MatButtonModule,
                         MatIconModule,
+                        MatTooltipModule
                     ],
                     exports: [ScWizardComponent, CdkStepperModule],
                     declarations: [ScWizardComponent],
                     providers: [],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtd2l6YXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdW1heC1lcnAtY29tcG9uZW50L3NyYy9saWIvc2Mtd2l6YXJkL3NjLXdpemFyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBZXZELE1BQU0sT0FBTyxjQUFjOytHQUFkLGNBQWM7Z0hBQWQsY0FBYyxpQkFIWCxpQkFBaUIsYUFSL0IsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixhQUFhLGFBRUosaUJBQWlCLEVBQUUsZ0JBQWdCO2dIQUlqQyxjQUFjLFlBWHpCLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsYUFBYSxFQUVlLGdCQUFnQjs7NEZBSWpDLGNBQWM7a0JBYjFCLFFBQVE7bUJBQUM7b0JBQ1QsT0FBTyxFQUFFO3dCQUNSLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixhQUFhO3FCQUNiO29CQUNELE9BQU8sRUFBRSxDQUFDLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDO29CQUM5QyxZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsU0FBUyxFQUFFLEVBQUU7aUJBQ2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2NXaXphcmRDb21wb25lbnQgfSBmcm9tICcuL3NjLXdpemFyZC5jb21wb25lbnQnO1xyXG5cclxuaW1wb3J0IHsgQ2RrU3RlcHBlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zdGVwcGVyJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuXHRpbXBvcnRzOiBbXHJcblx0XHRDb21tb25Nb2R1bGUsXHJcblx0XHRGb3Jtc01vZHVsZSxcclxuXHRcdFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcblx0XHRDZGtTdGVwcGVyTW9kdWxlLFxyXG5cdFx0TWF0QnV0dG9uTW9kdWxlLFxyXG5cdFx0TWF0SWNvbk1vZHVsZSxcclxuXHRdLFxyXG5cdGV4cG9ydHM6IFtTY1dpemFyZENvbXBvbmVudCwgQ2RrU3RlcHBlck1vZHVsZV0sXHJcblx0ZGVjbGFyYXRpb25zOiBbU2NXaXphcmRDb21wb25lbnRdLFxyXG5cdHByb3ZpZGVyczogW10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTY1dpemFyZE1vZHVsZSB7fVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtd2l6YXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdW1heC1lcnAtY29tcG9uZW50L3NyYy9saWIvc2Mtd2l6YXJkL3NjLXdpemFyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBZ0I3RCxNQUFNLE9BQU8sY0FBYzsrR0FBZCxjQUFjO2dIQUFkLGNBQWMsaUJBSFgsaUJBQWlCLGFBVC9CLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQixhQUVQLGlCQUFpQixFQUFFLGdCQUFnQjtnSEFJakMsY0FBYyxZQVp6QixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUNuQixnQkFBZ0I7WUFDaEIsZUFBZTtZQUNmLGFBQWE7WUFDYixnQkFBZ0IsRUFFWSxnQkFBZ0I7OzRGQUlqQyxjQUFjO2tCQWQxQixRQUFRO21CQUFDO29CQUNULE9BQU8sRUFBRTt3QkFDUixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLGlCQUFpQixFQUFFLGdCQUFnQixDQUFDO29CQUM5QyxZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsU0FBUyxFQUFFLEVBQUU7aUJBQ2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU2NXaXphcmRDb21wb25lbnQgfSBmcm9tICcuL3NjLXdpemFyZC5jb21wb25lbnQnO1xyXG5cclxuaW1wb3J0IHsgQ2RrU3RlcHBlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zdGVwcGVyJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG5cdGltcG9ydHM6IFtcclxuXHRcdENvbW1vbk1vZHVsZSxcclxuXHRcdEZvcm1zTW9kdWxlLFxyXG5cdFx0UmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuXHRcdENka1N0ZXBwZXJNb2R1bGUsXHJcblx0XHRNYXRCdXR0b25Nb2R1bGUsXHJcblx0XHRNYXRJY29uTW9kdWxlLFxyXG5cdFx0TWF0VG9vbHRpcE1vZHVsZVxyXG5cdF0sXHJcblx0ZXhwb3J0czogW1NjV2l6YXJkQ29tcG9uZW50LCBDZGtTdGVwcGVyTW9kdWxlXSxcclxuXHRkZWNsYXJhdGlvbnM6IFtTY1dpemFyZENvbXBvbmVudF0sXHJcblx0cHJvdmlkZXJzOiBbXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNjV2l6YXJkTW9kdWxlIHt9XHJcbiJdfQ==

package/fesm2022/ngx-sumax-erp-components.mjs

@@ -6549,6 +6549,8 @@ class ScWizardComponent extends CdkStepper {
         this.showArrows = true;
         this.subWizard = false;
         this.baseSubWizard = 1;
+        this.showExpanded = false;
+        this.isExpanded = false;
         this.stepNavigationHandler = null;
         this.goTo = (stepToMove) => {
             if (this.stepNavigationHandler) {
@@ -6567,12 +6569,17 @@ class ScWizardComponent extends CdkStepper {
             };
         }
     }
+    ngOnChanges(changes) {
+        if (changes['orientation'] && changes['orientation'].currentValue === 'horizontal') {
+            this.isExpanded = false;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardComponent, deps: [{ token: i1$4.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScWizardComponent, selector: "sc-wizard", inputs: { hasAutoFillSteps: "hasAutoFillSteps", hasSkeleton: "hasSkeleton", showArrows: "showArrows", subWizard: "subWizard", baseSubWizard: "baseSubWizard", stepNavigationHandler: "stepNavigationHandler" }, outputs: { clickStepEmit: "clickStepEmit" }, providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], viewQueries: [{ propertyName: "_scWizardContainer", first: true, predicate: ["scWizardContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\" [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\">\r\n  <div [class]=\"'sc-wizard-' + orientation + '-steps-container'\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n        <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n\t\t\t<ng-container *ngIf=\"!step.hasError\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3$1.CdkStepperNext, selector: "button[cdkStepperNext]", inputs: ["type"] }, { kind: "directive", type: i3$1.CdkStepperPrevious, selector: "button[cdkStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: ScWizardComponent, selector: "sc-wizard", inputs: { hasAutoFillSteps: "hasAutoFillSteps", hasSkeleton: "hasSkeleton", showArrows: "showArrows", subWizard: "subWizard", baseSubWizard: "baseSubWizard", showExpanded: "showExpanded", stepNavigationHandler: "stepNavigationHandler" }, outputs: { clickStepEmit: "clickStepEmit" }, providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], viewQueries: [{ propertyName: "_scWizardContainer", first: true, predicate: ["scWizardContainer"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div \r\n  [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\r\n  [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \r\n  [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\r\n  <div \r\n    [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\r\n    [ngStyle]=\"{ display: 'grid', 'margin-right': showExpanded && !isExpanded ? '-20px' : '0px' }\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div style=\"display: flex;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"showExpanded\">\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n    [ngStyle]=\"{ display: !isExpanded ? 'flex' : 'grid', padding: !isExpanded ? '0.8rem 1rem' : '0.3rem 1.2rem' }\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n      [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\r\n      [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n      <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\r\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\r\n\t\t\t</ng-container>\r\n      <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n      *ngIf=\"!isExpanded\"\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3$1.CdkStepperNext, selector: "button[cdkStepperNext]", inputs: ["type"] }, { kind: "directive", type: i3$1.CdkStepperPrevious, selector: "button[cdkStepperPrevious]", inputs: ["type"] }, { kind: "component", type: i4$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardComponent, decorators: [{
             type: Component,
-            args: [{ selector: "sc-wizard", providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\" [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\">\r\n  <div [class]=\"'sc-wizard-' + orientation + '-steps-container'\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n        <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n\t\t\t<ng-container *ngIf=\"!step.hasError\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"] }]
+            args: [{ selector: "sc-wizard", providers: [{ provide: CdkStepper, useExisting: ScWizardComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \r\n  [class.sc-wizard-horizontal]=\"this.orientation === 'horizontal'\"\r\n  [class.sc-wizard-vertical]=\"this.orientation === 'vertical'\" \r\n  [class.sc-wizard-vertical-nav]=\"this.orientation === 'vertical' && isExpanded\">\r\n  <div \r\n    [class]=\"'sc-wizard-' + orientation + (isExpanded ? '-nav' : '') + '-steps-container'\"\r\n    [ngStyle]=\"{ display: 'grid', 'margin-right': showExpanded && !isExpanded ? '-20px' : '0px' }\">\r\n    <!--PREVIOUS STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.selectedIndex === 0\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button prev'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperPrevious>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"chevron_left\" : \"expand_less\" }}</mat-icon>\r\n    </button>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'horizontal'\">\r\n      <ng-container *ngIf=\"hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps sc-wizard-horizontal-steps-fill\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"!hasAutoFillSteps\">\r\n        <div class=\"sc-wizard-horizontal-steps\">\r\n          <div class=\"sc-wizard-horizontal-steps-wrapper\" [style.width]=\"24 * steps.length + 'rem'\">\r\n            <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"this.orientation === 'vertical'\">\r\n      <div style=\"display: flex;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n        <ng-container *ngIf=\"showExpanded\">\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <em class=\"z-3 fa\" [ngClass]=\"{ 'fa-chevron-right': isExpanded, 'fa-chevron-left': !isExpanded }\" style=\"cursor: pointer; font-size: 18px\" (click)=\"this.isExpanded = !this.isExpanded\"> </em>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!--NEXT STEP BUTTON-->\r\n    <button\r\n      *ngIf=\"showArrows\"\r\n      [disabled]=\"this.steps.length - 1 === this.selectedIndex\"\r\n      [class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n      [class]=\"'sc-wizard-' + orientation + '-button next'\"\r\n      type=\"button\"\r\n      mat-icon-button\r\n      cdkStepperNext>\r\n      <mat-icon>{{ orientation === \"horizontal\" ? \"navigate_next\" : \"expand_more\" }}</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <div #scWizardContainer [class.sc-wizard-skeleton]=\"hasSkeleton\" [class]=\"'sc-wizard-' + orientation + '-content'\">\r\n    <ng-container [ngTemplateOutlet]=\"selected ? selected.content : null\"></ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #templateSteps>\r\n\t<div\r\n\t\t*ngFor=\"let step of steps; let i = index\"\r\n\t\t[class.invisible]=\"step.content.elementRef.nativeElement.parentNode.className === 'invisible'\"\r\n\t\t[tabIndex]=\"selectedIndex === i ? 1 : -1\"\r\n\t\t[attr.data-position]=\"i\"\r\n\t\t[class.sc-wizard-steps-item-active]=\"selectedIndex === i && !step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-error]=\"selectedIndex === i && step.hasError\"\r\n\t\t[class.sc-wizard-steps-item-disable]=\"!step.editable || convertLabelToType(step.label)!.disabled\"\r\n\t\tclass=\"sc-wizard-steps-item\"\r\n    [ngStyle]=\"{ display: !isExpanded ? 'flex' : 'grid', padding: !isExpanded ? '0.8rem 1rem' : '0.3rem 1.2rem' }\"\r\n\t\t[class.sc-wizard-skeleton]=\"hasSkeleton\"\r\n\t\t(click)=\"goTo(i); clickStepEmit.emit(i)\">\r\n\t\t<span\r\n      [matTooltipClass]=\"showExpanded && isExpanded && step.hasError ? 'custom-mat-tooltip-error' : 'custom-mat-tooltip-active'\"\r\n      [matTooltip]=\"isExpanded ? convertLabelToType(step.label)!.title : ''\"\r\n\t\t\tclass=\"sc-wizard-steps-item-number d-flex justify-content-center align-items-center\"\r\n\t\t\t[class.sc-wizard-steps-item-number-active]=\"selectedIndex === i\"\r\n\t\t\t[class.sc-wizard-steps-item-number-error]=\"step.hasError\">\r\n      <ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label).icon\">\r\n\t\t\t\t<em [class]=\"convertLabelToType(step.label).icon\"></em>\r\n\t\t\t</ng-container>\r\n      <ng-container *ngIf=\"!step.hasError && !convertLabelToType(step.label).icon\">\r\n\t\t\t\t{{ subWizard ? baseSubWizard + '.' + (i + 1) : i + 1 }}\r\n\t\t\t</ng-container>\r\n\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t<em class=\"fa fa-exclamation-triangle\"></em>\r\n\t\t\t</ng-container>\r\n\t\t</span>\r\n\r\n\t\t<div\r\n      *ngIf=\"!isExpanded\"\r\n\t\t\tclass=\"sc-wizard-steps-item-label\"\r\n\t\t\t[class.sc-wizard-steps-item-label-error]=\"step.hasError\">\r\n\t\t\t<p\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-title\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-active]=\"selectedIndex === i\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-title-error]=\"step.hasError\">\r\n\t\t\t\t{{ convertLabelToType(step.label).title }}\r\n\t\t\t</p>\r\n\t\t\t<span\r\n\t\t\t\tclass=\"sc-wizard-steps-item-label-subtitle\"\r\n\t\t\t\t[ngStyle]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleStyleActive! : null\"\r\n\t\t\t\t[ngClass]=\"selectedIndex === i ? convertLabelToType(step.label).subtitleClassActive! : []\"\r\n\t\t\t\t[class.sc-wizard-steps-item-label-subtitle-error]=\"step.hasError\">\r\n\t\t\t\t<ng-container *ngIf=\"!step.hasError && convertLabelToType(step.label)?.subtitle\">\r\n\t\t\t\t\t{{ convertLabelToType(step.label).subtitle }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-container *ngIf=\"step.hasError\">\r\n\t\t\t\t\t{{ step.errorMessage }}\r\n\t\t\t\t</ng-container>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>", styles: [":host{font-family:Soho Gothic Pro,Arial,Helvetica,sans-serif;background-color:#fff;overflow:hidden;height:100%;width:100%;display:block}.sc-wizard-horizontal{display:grid;height:100%;grid-template-rows:auto 1fr}.sc-wizard-horizontal-steps{width:100%;overflow:auto hidden}.sc-wizard-horizontal-steps-fill,.sc-wizard-horizontal-steps-wrapper{display:flex;gap:.5rem}.sc-wizard-horizontal-steps-fill{overflow:hidden}.sc-wizard-horizontal-steps-fill .sc-wizard-steps-item{flex:1}.sc-wizard-horizontal-steps .sc-wizard-steps-item{width:24rem;margin-bottom:0}.sc-wizard-vertical{height:100%;display:flex}.sc-wizard-vertical-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-steps-container{min-width:280px;width:20%}.sc-wizard-vertical-nav{height:100%;display:flex}.sc-wizard-vertical-nav-steps{overflow:hidden auto;margin-right:1rem}.sc-wizard-vertical-nav-steps-container{min-width:125px;width:6%;transition:.1s all}::ng-deep .custom-mat-tooltip-error{--mdc-plain-tooltip-container-color: #fd397a}::ng-deep .custom-mat-tooltip-active{--mdc-plain-tooltip-container-color: #646c9a}.sc-wizard-expand-icon-container{display:flex;align-items:center;height:100%;justify-content:flex-end;padding-right:1rem}.sc-wizard-steps,.sc-wizard-horizontal-content,.sc-wizard-vertical-content{height:100%;scroll-behavior:smooth}.sc-wizard-horizontal-steps-container,.sc-wizard-vertical-steps-container{height:100%;display:grid;border-radius:.8rem}.sc-wizard-horizontal-steps-container{grid-template-columns:auto 1fr auto}.sc-wizard-vertical-steps-container{grid-template-rows:auto 1fr auto}.sc-wizard-steps-item{display:flex;align-items:center;cursor:pointer;padding:.8rem 1rem;border-radius:.8rem;margin-bottom:.4em;transition:.3s all}.sc-wizard-steps-item:last-child{margin-bottom:0}.sc-wizard-steps-item-disable{pointer-events:none;opacity:.5}.sc-wizard-steps-item-active{position:relative;background-color:#646c9a21}.sc-wizard-steps-item-error{background-color:#fd397a21}.sc-wizard-steps-item-number{border-radius:8px;background-color:#f3f3f7;color:#646c9a;font-size:1.3rem;font-weight:700;margin-right:1rem;height:3.2rem;width:3rem;text-align:center;position:relative}.sc-wizard-steps-item-number em,.sc-wizard-steps-item-number span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.sc-wizard-steps-item-number-active{color:#fff;background-color:#646c9a}.sc-wizard-steps-item-number-error{color:#fff;background-color:#fd397a}.sc-wizard-steps-item-label-title{margin:0;font-weight:100;color:#646c9a;font-size:16px}.sc-wizard-steps-item-label-title-active{font-weight:700}.sc-wizard-steps-item-label-title-error{color:#fd397a}.sc-wizard-steps-item-label-subtitle{color:gray;font-size:11px}.sc-wizard-steps-item-label-subtitle-error{color:#fd397a}.sc-wizard-horizontal-content,.sc-wizard-vertical-content{background-color:#fff;overflow:hidden auto}.sc-wizard-horizontal-content{padding:1rem 0;width:100%;margin-top:.4rem}.sc-wizard-vertical-content{overflow:hidden auto;padding:1rem;width:80%}.sc-wizard-content{padding:1rem}@media screen and (min-height: 750px){.sc-wizard-content{height:calc(100vh - 333px)}}.sc-wizard-horizontal-button,.sc-wizard-vertical-button{margin:auto;transition:all .3s;height:3rem;width:3.1rem}.sc-wizard-vertical-button.prev{margin-bottom:1rem}.sc-wizard-vertical-button.next{margin-top:1rem}.sc-wizard-horizontal-button.prev{margin-right:1rem}.sc-wizard-horizontal-button.next{margin-left:1rem}.sc-wizard-skeleton{overflow:hidden;position:relative}.sc-wizard-skeleton:after{content:\"\";width:100%;height:100%;background:#dedfe1;background:#e6e6e6;background-image:linear-gradient(to right,#e6e6e6,#f2f3f5 20%,#e6e6e6 40% 100%);background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:5;border-radius:.8rem;animation:loading 1.1s infinite linear}@keyframes loading{0%{background-position:-100px}to{background-position:200px}}.visible{visibility:visible}.invisible{visibility:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.Directionality, decorators: [{
                     type: Optional
                 }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { _scWizardContainer: [{
@@ -6590,6 +6597,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Input
             }], baseSubWizard: [{
                 type: Input
+            }], showExpanded: [{
+                type: Input
             }], stepNavigationHandler: [{
                 type: Input
             }] } });
@@ -6601,13 +6610,15 @@ class ScWizardModule {
             ReactiveFormsModule,
             CdkStepperModule,
             MatButtonModule,
-            MatIconModule], exports: [ScWizardComponent, CdkStepperModule] }); }
+            MatIconModule,
+            MatTooltipModule], exports: [ScWizardComponent, CdkStepperModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             CdkStepperModule,
             MatButtonModule,
-            MatIconModule, CdkStepperModule] }); }
+            MatIconModule,
+            MatTooltipModule, CdkStepperModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ScWizardModule, decorators: [{
             type: NgModule,
@@ -6619,6 +6630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         CdkStepperModule,
                         MatButtonModule,
                         MatIconModule,
+                        MatTooltipModule
                     ],
                     exports: [ScWizardComponent, CdkStepperModule],
                     declarations: [ScWizardComponent],