ngx-sumax-erp-components 1.0.34 → 1.0.35

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

@@ -45,11 +45,11 @@ export class ScWizardComponent extends CdkStepper {
         }
     }
     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", 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 }); }
+    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':  '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; justify-content: space-between;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <ng-container *ngIf=\"showExpanded\">\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            </ng-container>\r\n          </div>\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      [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;width:100%}.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;align-content:start}::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 \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"] }]
+            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':  '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; justify-content: space-between;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <ng-container *ngIf=\"showExpanded\">\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            </ng-container>\r\n          </div>\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      [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;width:100%}.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;align-content:start}::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: [{
@@ -72,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
             }], stepNavigationHandler: [{
                 type: Input
             }] } });
-//# 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=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Mtd2l6YXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdW1heC1lcnAtY29tcG9uZW50L3NyYy9saWIvc2Mtd2l6YXJkL3NjLXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3VtYXgtZXJwLWNvbXBvbmVudC9zcmMvbGliL3NjLXdpemFyZC9zYy13aXphcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xELE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFFTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBb0J2QixNQUFNLE9BQU8saUJBQWtCLFNBQVEsVUFBVTtJQWMvQyxxQ0FBcUM7SUFDckMsWUFDYyxHQUFtQixFQUN2QixpQkFBb0MsRUFDNUMsVUFBbUM7UUFFbkMsS0FBSyxDQUFDLEdBQUcsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUhsQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBaEI5QyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBR1Qsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzVDLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUN4QixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFDbEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDL0IsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVULDBCQUFxQixHQUFrRSxJQUFJLENBQUM7UUFvQnJHLFNBQUksR0FBRyxDQUFDLFVBQWtCLEVBQUUsRUFBRTtZQUM1QixJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO2dCQUMvQixPQUFPLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDdEQsQ0FBQztZQUNELEtBQUssQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDO1FBQ25DLENBQUMsQ0FBQztJQWpCRixDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLENBQUM7WUFDSCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFjLENBQUM7UUFDeEMsQ0FBQztRQUFDLE1BQU0sQ0FBQztZQUNQLE9BQU87Z0JBQ0wsS0FBSyxFQUFFLEtBQUs7YUFDYixDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7SUFTRixXQUFXLENBQUMsT0FBc0I7UUFDakMsSUFBSSxPQUFPLENBQUMsYUFBYSxDQUFDLElBQUksT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLFlBQVksS0FBSyxZQUFZLEVBQUUsQ0FBQztZQUNwRixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN6QixDQUFDO0lBQ0YsQ0FBQzsrR0E1Q1csaUJBQWlCO21HQUFqQixpQkFBaUIsK1RBSGpCLENBQUMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxDQUFDLCtMQzlCdEUsK3VMQXVIYzs7NEZEdEZELGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxXQUFXLGFBR1YsQ0FBQyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxtQkFBbUIsRUFBRSxDQUFDLG1CQUNuRCx1QkFBdUIsQ0FBQyxNQUFNOzswQkFrQjVDLFFBQVE7a0dBYnNDLGtCQUFrQjtzQkFBbEUsU0FBUzt1QkFBQyxtQkFBbUI7Z0JBQ3BCLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0UsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxxQkFBcUI7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3Rpb25hbGl0eSB9IGZyb20gXCJAYW5ndWxhci9jZGsvYmlkaVwiO1xyXG5pbXBvcnQgeyBDZGtTdGVwcGVyIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9zdGVwcGVyXCI7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9wdGlvbmFsLFxyXG4gIE91dHB1dCxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIFZpZXdDaGlsZCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuZXhwb3J0IHR5cGUgTGFiZWxUeXBlID0ge1xyXG4gIGlkPzogbnVtYmVyO1xyXG4gIHRpdGxlOiBzdHJpbmc7XHJcbiAgc3VidGl0bGU/OiBzdHJpbmc7XHJcbiAgc3VidGl0bGVTdHlsZUFjdGl2ZT86IHsgW2tsYXNzOiBzdHJpbmddOiBhbnkgfSB8IG51bGw7XHJcbiAgc3VidGl0bGVDbGFzc0FjdGl2ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgU2V0PHN0cmluZz4gfCB7IFtrbGFzczogc3RyaW5nXTogYW55IH07XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIHZpc2liaWxpdHk/OiBib29sZWFuO1xyXG4gIGljb24/OiBzdHJpbmdcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInNjLXdpemFyZFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vc2Mtd2l6YXJkLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL3NjLXdpemFyZC5jb21wb25lbnQuc2Nzc1wiXSxcclxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IENka1N0ZXBwZXIsIHVzZUV4aXN0aW5nOiBTY1dpemFyZENvbXBvbmVudCB9XSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNjV2l6YXJkQ29tcG9uZW50IGV4dGVuZHMgQ2RrU3RlcHBlciB7XHJcbiAgX2lzU3RlcFNldCA9IGZhbHNlO1xyXG5cclxuICBAVmlld0NoaWxkKFwic2NXaXphcmRDb250YWluZXJcIikgcHJpdmF0ZSByZWFkb25seSBfc2NXaXphcmRDb250YWluZXIhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcclxuICBAT3V0cHV0KCkgY2xpY2tTdGVwRW1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gIEBJbnB1dCgpIGhhc0F1dG9GaWxsU3RlcHMgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGhhc1NrZWxldG9uID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2hvd0Fycm93cyA9IHRydWU7XHJcbiAgQElucHV0KCkgc3ViV2l6YXJkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYmFzZVN1YldpemFyZCA9IDE7XHJcbiAgQElucHV0KCkgc2hvd0V4cGFuZGVkID0gZmFsc2U7XHJcblx0aXNFeHBhbmRlZCA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSBzdGVwTmF2aWdhdGlvbkhhbmRsZXI6ICgoc3RlcE51bWJlcjogbnVtYmVyLCBjZGtTdGVwcGVyOiBDZGtTdGVwcGVyKSA9PiB2b2lkKSB8IG51bGwgPSBudWxsO1xyXG4gIC8vIEBJbnB1dCgpIGhhc0F1dG9TY3JvbGxpbmcgPSBmYWxzZTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBPcHRpb25hbCgpIGRpcjogRGlyZWN0aW9uYWxpdHksXHJcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XHJcbiAgKSB7XHJcbiAgICBzdXBlcihkaXIsIGNoYW5nZURldGVjdG9yUmVmLCBlbGVtZW50UmVmKTtcclxuICB9XHJcblxyXG4gIGNvbnZlcnRMYWJlbFRvVHlwZShsYWJlbDogc3RyaW5nKTogTGFiZWxUeXBlIHtcclxuICAgIHRyeSB7XHJcbiAgICAgIHJldHVybiBKU09OLnBhcnNlKGxhYmVsKSBhcyBMYWJlbFR5cGU7XHJcbiAgICB9IGNhdGNoIHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICB0aXRsZTogbGFiZWwsXHJcbiAgICAgIH07XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnb1RvID0gKHN0ZXBUb01vdmU6IG51bWJlcikgPT4ge1xyXG4gICAgaWYgKHRoaXMuc3RlcE5hdmlnYXRpb25IYW5kbGVyKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLnN0ZXBOYXZpZ2F0aW9uSGFuZGxlcihzdGVwVG9Nb3ZlLCB0aGlzKTtcclxuICAgIH1cclxuICAgIHN1cGVyLnNlbGVjdGVkSW5kZXggPSBzdGVwVG9Nb3ZlO1xyXG4gIH07XHJcblxyXG5cdG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuXHRcdGlmIChjaGFuZ2VzWydvcmllbnRhdGlvbiddICYmIGNoYW5nZXNbJ29yaWVudGF0aW9uJ10uY3VycmVudFZhbHVlID09PSAnaG9yaXpvbnRhbCcpIHtcclxuXHRcdFx0dGhpcy5pc0V4cGFuZGVkID0gZmFsc2U7XHJcblx0XHR9XHJcblx0fVxyXG59XHJcbiIsIjxkaXYgXHJcbiAgW2NsYXNzLnNjLXdpemFyZC1ob3Jpem9udGFsXT1cInRoaXMub3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJ1wiXHJcbiAgW2NsYXNzLnNjLXdpemFyZC12ZXJ0aWNhbF09XCJ0aGlzLm9yaWVudGF0aW9uID09PSAndmVydGljYWwnXCIgXHJcbiAgW2NsYXNzLnNjLXdpemFyZC12ZXJ0aWNhbC1uYXZdPVwidGhpcy5vcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyAmJiBpc0V4cGFuZGVkXCI+XHJcbiAgPGRpdiBcclxuICAgIFtjbGFzc109XCInc2Mtd2l6YXJkLScgKyBvcmllbnRhdGlvbiArIChpc0V4cGFuZGVkID8gJy1uYXYnIDogJycpICsgJy1zdGVwcy1jb250YWluZXInXCJcclxuICAgIFtuZ1N0eWxlXT1cInsgZGlzcGxheTogJ2dyaWQnLCAnbWFyZ2luLXJpZ2h0JzogICcwcHgnIH1cIj5cclxuICAgIDwhLS1QUkVWSU9VUyBTVEVQIEJVVFRPTi0tPlxyXG4gICAgPGJ1dHRvblxyXG4gICAgICAqbmdJZj1cInNob3dBcnJvd3NcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwidGhpcy5zZWxlY3RlZEluZGV4ID09PSAwXCJcclxuICAgICAgW2NsYXNzLnNjLXdpemFyZC1za2VsZXRvbl09XCJoYXNTa2VsZXRvblwiXHJcbiAgICAgIFtjbGFzc109XCInc2Mtd2l6YXJkLScgKyBvcmllbnRhdGlvbiArICctYnV0dG9uIHByZXYnXCJcclxuICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICBjZGtTdGVwcGVyUHJldmlvdXM+XHJcbiAgICAgIDxtYXQtaWNvbj57eyBvcmllbnRhdGlvbiA9PT0gXCJob3Jpem9udGFsXCIgPyBcImNoZXZyb25fbGVmdFwiIDogXCJleHBhbmRfbGVzc1wiIH19PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aGlzLm9yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCdcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhhc0F1dG9GaWxsU3RlcHNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Mtd2l6YXJkLWhvcml6b250YWwtc3RlcHMgc2Mtd2l6YXJkLWhvcml6b250YWwtc3RlcHMtZmlsbFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVN0ZXBzXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFoYXNBdXRvRmlsbFN0ZXBzXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNjLXdpemFyZC1ob3Jpem9udGFsLXN0ZXBzXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2Mtd2l6YXJkLWhvcml6b250YWwtc3RlcHMtd3JhcHBlclwiIFtzdHlsZS53aWR0aF09XCIyNCAqIHN0ZXBzLmxlbmd0aCArICdyZW0nXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGVtcGxhdGVTdGVwc1wiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRoaXMub3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCdcIj5cclxuICAgICAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzIHNjLXdpemFyZC12ZXJ0aWNhbC1zdGVwc1wiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVN0ZXBzXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2Mtd2l6YXJkLWV4cGFuZC1pY29uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd0V4cGFuZGVkXCI+XHJcbiAgICAgICAgICAgICAgPGVtIGNsYXNzPVwiei0zIGZhXCIgW25nQ2xhc3NdPVwieyAnZmEtY2hldnJvbi1yaWdodCc6IGlzRXhwYW5kZWQsICdmYS1jaGV2cm9uLWxlZnQnOiAhaXNFeHBhbmRlZCB9XCIgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXI7IGZvbnQtc2l6ZTogMThweFwiIChjbGljayk9XCJ0aGlzLmlzRXhwYW5kZWQgPSAhdGhpcy5pc0V4cGFuZGVkXCI+IDwvZW0+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPCEtLU5FWFQgU1RFUCBCVVRUT04tLT5cclxuICAgIDxidXR0b25cclxuICAgICAgKm5nSWY9XCJzaG93QXJyb3dzXCJcclxuICAgICAgW2Rpc2FibGVkXT1cInRoaXMuc3RlcHMubGVuZ3RoIC0gMSA9PT0gdGhpcy5zZWxlY3RlZEluZGV4XCJcclxuICAgICAgW2NsYXNzLnNjLXdpemFyZC1za2VsZXRvbl09XCJoYXNTa2VsZXRvblwiXHJcbiAgICAgIFtjbGFzc109XCInc2Mtd2l6YXJkLScgKyBvcmllbnRhdGlvbiArICctYnV0dG9uIG5leHQnXCJcclxuICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICBjZGtTdGVwcGVyTmV4dD5cclxuICAgICAgPG1hdC1pY29uPnt7IG9yaWVudGF0aW9uID09PSBcImhvcml6b250YWxcIiA/IFwibmF2aWdhdGVfbmV4dFwiIDogXCJleHBhbmRfbW9yZVwiIH19PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2ICNzY1dpemFyZENvbnRhaW5lciBbY2xhc3Muc2Mtd2l6YXJkLXNrZWxldG9uXT1cImhhc1NrZWxldG9uXCIgW2NsYXNzXT1cIidzYy13aXphcmQtJyArIG9yaWVudGF0aW9uICsgJy1jb250ZW50J1wiPlxyXG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWxlY3RlZCA/IHNlbGVjdGVkLmNvbnRlbnQgOiBudWxsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZVN0ZXBzPlxyXG5cdDxkaXZcclxuXHRcdCpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCJcclxuXHRcdFtjbGFzcy5pbnZpc2libGVdPVwic3RlcC5jb250ZW50LmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5wYXJlbnROb2RlLmNsYXNzTmFtZSA9PT0gJ2ludmlzaWJsZSdcIlxyXG5cdFx0W3RhYkluZGV4XT1cInNlbGVjdGVkSW5kZXggPT09IGkgPyAxIDogLTFcIlxyXG5cdFx0W2F0dHIuZGF0YS1wb3NpdGlvbl09XCJpXCJcclxuXHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1hY3RpdmVdPVwic2VsZWN0ZWRJbmRleCA9PT0gaSAmJiAhc3RlcC5oYXNFcnJvclwiXHJcblx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tZXJyb3JdPVwic2VsZWN0ZWRJbmRleCA9PT0gaSAmJiBzdGVwLmhhc0Vycm9yXCJcclxuXHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1kaXNhYmxlXT1cIiFzdGVwLmVkaXRhYmxlIHx8IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKSEuZGlzYWJsZWRcIlxyXG5cdFx0Y2xhc3M9XCJzYy13aXphcmQtc3RlcHMtaXRlbVwiXHJcblx0XHRbY2xhc3Muc2Mtd2l6YXJkLXNrZWxldG9uXT1cImhhc1NrZWxldG9uXCJcclxuXHRcdChjbGljayk9XCJnb1RvKGkpOyBjbGlja1N0ZXBFbWl0LmVtaXQoaSlcIj5cclxuXHRcdDxzcGFuXHJcbiAgICAgIFttYXRUb29sdGlwQ2xhc3NdPVwic2hvd0V4cGFuZGVkICYmIGlzRXhwYW5kZWQgJiYgc3RlcC5oYXNFcnJvciA/ICdjdXN0b20tbWF0LXRvb2x0aXAtZXJyb3InIDogJ2N1c3RvbS1tYXQtdG9vbHRpcC1hY3RpdmUnXCJcclxuICAgICAgW21hdFRvb2x0aXBdPVwiaXNFeHBhbmRlZCA/IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKSEudGl0bGUgOiAnJ1wiXHJcblx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbnVtYmVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiXHJcblx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1udW1iZXItYWN0aXZlXT1cInNlbGVjdGVkSW5kZXggPT09IGlcIlxyXG5cdFx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbnVtYmVyLWVycm9yXT1cInN0ZXAuaGFzRXJyb3JcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzdGVwLmhhc0Vycm9yICYmIGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS5pY29uXCI+XHJcblx0XHRcdFx0PGVtIFtjbGFzc109XCJjb252ZXJ0TGFiZWxUb1R5cGUoc3RlcC5sYWJlbCkuaWNvblwiPjwvZW0+XHJcblx0XHRcdDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXN0ZXAuaGFzRXJyb3IgJiYgIWNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS5pY29uXCI+XHJcblx0XHRcdFx0e3sgc3ViV2l6YXJkID8gYmFzZVN1YldpemFyZCArICcuJyArIChpICsgMSkgOiBpICsgMSB9fVxyXG5cdFx0XHQ8L25nLWNvbnRhaW5lcj5cclxuXHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0XHQ8ZW0gY2xhc3M9XCJmYSBmYS1leGNsYW1hdGlvbi10cmlhbmdsZVwiPjwvZW0+XHJcblx0XHRcdDwvbmctY29udGFpbmVyPlxyXG5cdFx0PC9zcGFuPlxyXG5cclxuXHRcdDxkaXZcclxuICAgICAgKm5nSWY9XCIhaXNFeHBhbmRlZFwiXHJcblx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWxcIlxyXG5cdFx0XHRbY2xhc3Muc2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWwtZXJyb3JdPVwic3RlcC5oYXNFcnJvclwiPlxyXG5cdFx0XHQ8cFxyXG5cdFx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWwtdGl0bGVcIlxyXG5cdFx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbC10aXRsZS1hY3RpdmVdPVwic2VsZWN0ZWRJbmRleCA9PT0gaVwiXHJcblx0XHRcdFx0W2NsYXNzLnNjLXdpemFyZC1zdGVwcy1pdGVtLWxhYmVsLXRpdGxlLWVycm9yXT1cInN0ZXAuaGFzRXJyb3JcIj5cclxuXHRcdFx0XHR7eyBjb252ZXJ0TGFiZWxUb1R5cGUoc3RlcC5sYWJlbCkudGl0bGUgfX1cclxuXHRcdFx0PC9wPlxyXG5cdFx0XHQ8c3BhblxyXG5cdFx0XHRcdGNsYXNzPVwic2Mtd2l6YXJkLXN0ZXBzLWl0ZW0tbGFiZWwtc3VidGl0bGVcIlxyXG5cdFx0XHRcdFtuZ1N0eWxlXT1cInNlbGVjdGVkSW5kZXggPT09IGkgPyBjb252ZXJ0TGFiZWxUb1R5cGUoc3RlcC5sYWJlbCkuc3VidGl0bGVTdHlsZUFjdGl2ZSEgOiBudWxsXCJcclxuXHRcdFx0XHRbbmdDbGFzc109XCJzZWxlY3RlZEluZGV4ID09PSBpID8gY29udmVydExhYmVsVG9UeXBlKHN0ZXAubGFiZWwpLnN1YnRpdGxlQ2xhc3NBY3RpdmUhIDogW11cIlxyXG5cdFx0XHRcdFtjbGFzcy5zYy13aXphcmQtc3RlcHMtaXRlbS1sYWJlbC1zdWJ0aXRsZS1lcnJvcl09XCJzdGVwLmhhc0Vycm9yXCI+XHJcblx0XHRcdFx0PG5nLWNvbnRhaW5lciAqbmdJZj1cIiFzdGVwLmhhc0Vycm9yICYmIGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKT8uc3VidGl0bGVcIj5cclxuXHRcdFx0XHRcdHt7IGNvbnZlcnRMYWJlbFRvVHlwZShzdGVwLmxhYmVsKS5zdWJ0aXRsZSB9fVxyXG5cdFx0XHRcdDwvbmctY29udGFpbmVyPlxyXG5cdFx0XHRcdDxuZy1jb250YWluZXIgKm5nSWY9XCJzdGVwLmhhc0Vycm9yXCI+XHJcblx0XHRcdFx0XHR7eyBzdGVwLmVycm9yTWVzc2FnZSB9fVxyXG5cdFx0XHRcdDwvbmctY29udGFpbmVyPlxyXG5cdFx0XHQ8L3NwYW4+XHJcblx0XHQ8L2Rpdj5cclxuXHQ8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=

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

@@ -6575,11 +6575,11 @@ class ScWizardComponent extends CdkStepper {
         }
     }
     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", 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 }); }
+    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':  '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; justify-content: space-between;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <ng-container *ngIf=\"showExpanded\">\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            </ng-container>\r\n          </div>\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      [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;width:100%}.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;align-content:start}::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 \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"] }]
+            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':  '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; justify-content: space-between;\">\r\n        <div class=\"sc-wizard-steps sc-wizard-vertical-steps\">\r\n          <ng-container [ngTemplateOutlet]=\"templateSteps\"></ng-container>\r\n        </div>\r\n          <div class=\"sc-wizard-expand-icon-container\">\r\n            <ng-container *ngIf=\"showExpanded\">\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            </ng-container>\r\n          </div>\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      [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;width:100%}.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;align-content:start}::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: [{