@testgorilla/tgo-ui 2.21.1 → 2.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/esm2022/components/step/step.component.mjs +3 -3
  2. package/esm2022/components/stepper/stepper.component.mjs +2 -2
  3. package/fesm2022/testgorilla-tgo-ui.mjs +4 -4
  4. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  5. package/package.json +1 -1
package/esm2022/components/step/step.component.mjs CHANGED
@@ -91,11 +91,11 @@ export class StepComponent {
91
91
  this.stepSelected.emit(index);
92
92
  }
93
93
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
94
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepComponent, selector: "ui-step", inputs: { label: "label", isVisited: "isVisited", submitted: "submitted", icon: "icon", index: "index", selected: "selected", isLast: "isLast", selectedIndex: "selectedIndex", disabled: "disabled", prevStepIsVisited: "prevStepIsVisited", mobileMode: "mobileMode", finalIcon: "finalIcon", showIconWhenSelected: "showIconWhenSelected", applicationTheme: "applicationTheme", position: "position", htmlDescription: "htmlDescription", boldLabel: "boldLabel", descriptionTpl: "descriptionTpl", labelTooltip: "labelTooltip", alwaysShowIcon: "alwaysShowIcon", context: "context" }, outputs: { stepSelected: "stepSelected" }, ngImport: i0, template: "<div\n *ngIf=\"!mobileMode; else mobile\"\n class=\"step-container\"\n [tabIndex]=\"0\"\n [ngClass]=\"{\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n 'active': selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n 'disabled': disabled,\n 'vertical': position === 'vertical'\n }\"\n [attr.theme]=\"applicationTheme\"\n (click)=\"onStepSelected(index)\"\n>\n <div class=\"step-icon\">\n <div class=\"line\" *ngIf=\"index\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n <div class=\"icon-wrapper\" *ngIf=\"!finalIcon; else lastStep\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isVisited && !selected && !alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"'Check'\"\n [color]=\"isVisited && index < selectedIndex ? 'white' : applicationTheme === 'classic' ? 'petrol' : 'rebrand-black'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"(selected && !!icon) || alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"icon!\" [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </ng-container>\n </div>\n\n <ng-template #lastStep>\n <img\n *ngIf=\"hasLastStepDefaultIcon && !alwaysShowIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon-wrapper\">\n <ui-icon *ngIf=\"icon || (icon && alwaysShowIcon); else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n </div>\n\n <div class=\"steps-label\">\n <div class=\"step-label\" [ngClass]=\"{'step-bold-label': boldLabel}\" *ngIf=\"label\" [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n\n <div *ngFor=\"let description of htmlDescription\" class=\"step-description\">\n <div>{{description.text}}</div>\n <ui-icon *ngIf=\"description.iconName\" [name]=\"description.iconName\" [size]=\"'24'\" [matTooltip]=\"description.iconTooltip ?? ''\" ></ui-icon>\n </div>\n\n <ng-container *ngIf=\"descriptionTpl\" [ngTemplateOutlet]=\"descriptionTpl\" [ngTemplateOutletContext]=\"{ $implicit: context, label, isVisited, submitted, index, selected, isLast, selectedIndex, disabled, prevStepIsVisited, mobileMode, finalIcon, showIconWhenSelected, position }\"></ng-container>\n </div>\n\n</div>\n\n<ng-template #mobile>\n <div class=\"mobile-step-container\"\n [ngClass]=\"{ 'active': selected, 'disabled': disabled, 'visited': isVisited }\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n >\n <div class=\"step\">\n <ng-container *ngIf=\"!finalIcon; else lastStep\">\n <div [ngSwitch]=\"true\" class=\"icon\">\n <ng-container *ngSwitchCase=\"isVisited && !selected\">\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"selected && !!icon\">\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </div>\n </ng-container>\n\n <ng-template #lastStep>\n <img *ngIf=\"hasLastStepDefaultIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon\">\n <ui-icon *ngIf=\"icon; else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mobile-step-container .step .icon,.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper,.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon,.step-container .icon-wrapper,.step-container .step-icon,.step-container{display:flex;align-items:center;justify-content:center}.step-container{flex-direction:column;cursor:pointer;border-radius:8px;padding:24px;gap:16px;max-width:200px;width:100%;position:relative;letter-spacing:1px}.step-container .steps-label{width:100%;display:flex;flex-direction:column;gap:8px}.step-container.vertical{flex-direction:row;padding:24px 12px;width:100%;max-width:1024px}.step-container.vertical .step-icon{margin:0 12px 0 0}.step-container.vertical .step-icon .line{top:0;left:34px;border:unset;border-right:2px solid #C8D7DE;height:calc(50% - 29px);width:1px}.step-container.vertical .step-label{width:fit-content;text-align:start;-webkit-line-clamp:3}.step-container.vertical .steps-label{flex-direction:row}.step-container.vertical .steps-label .step-description{justify-content:start}@media (max-width: 1024px){.step-container.vertical .steps-label{flex-direction:row}}@media (max-width: 600px){.step-container.vertical .steps-label{flex-direction:column}}.step-container.disabled{pointer-events:none;cursor:default}.step-container:hover{background:#ededed}.step-container:focus{outline:1px dashed #888888}.step-container.visited-next:hover .step-icon,.step-container.visited-next:focus .step-icon,.step-container.visited-next:active .step-icon{border-color:#276678}.step-container.active .step-icon,.step-container.visited-prev .step-icon{border-color:#276678;background-color:#fff;color:#fff}.step-container.active .step-icon .icon-wrapper,.step-container.visited-prev .step-icon .icon-wrapper{background:#276678}.step-container.active .step-label{color:#276678;line-height:24px;text-shadow:0 0 1px #276678}.step-container.visited-prev:hover .step-icon,.step-container.visited-prev:focus .step-icon,.step-container.visited-prev:active .step-icon{background:#276678}.step-container.last-step .step-icon{border:unset;background:transparent}.step-container.last-step .step-label{font-weight:400}.step-container .step-label{color:#276678;line-height:24px;font-size:16px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center}.step-container .step-icon{width:44px;height:44px;min-width:44px;min-height:44px;border:3px solid #C8D7DE;border-radius:100%;color:#276678;font-size:14px;font-weight:700;line-height:17px;background:transparent;margin:0 24px}.step-container .step-icon .line{position:absolute;top:45px;left:-8px;border-top:2px solid #C8D7DE;width:calc(50% - 29px);right:56px}.step-container .step-icon .line.visited{border-color:#276678!important}.step-container .icon-wrapper{width:28px;height:28px;border-radius:100%;background:#c8d7de}.step-container[theme=dark],.step-container[theme=light]{gap:8px}.step-container[theme=dark]:hover,.step-container[theme=light]:hover{background:#fff2fc}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{font-size:14px}.step-container[theme=dark]:active,.step-container[theme=light]:active{background:#ffe6fa}.step-container[theme=dark].visited-next:hover .step-icon,.step-container[theme=dark].visited-next:focus .step-icon,.step-container[theme=dark].visited-next:active .step-icon,.step-container[theme=light].visited-next:hover .step-icon,.step-container[theme=light].visited-next:focus .step-icon,.step-container[theme=light].visited-next:active .step-icon{border-color:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=dark].visited-prev .step-icon,.step-container[theme=light].active .step-icon,.step-container[theme=light].visited-prev .step-icon{border-color:#242424;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=dark].visited-prev .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper,.step-container[theme=light].visited-prev .step-icon .icon-wrapper{background:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=light].active .step-icon{border-color:#d410aa;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper{background:#d410aa}.step-container[theme=dark].active .step-label,.step-container[theme=light].active .step-label{color:#d410aa;text-shadow:0 0 1px #D410AA}.step-container[theme=dark].visited-prev:hover .step-icon,.step-container[theme=dark].visited-prev:focus .step-icon,.step-container[theme=dark].visited-prev:active .step-icon,.step-container[theme=light].visited-prev:hover .step-icon,.step-container[theme=light].visited-prev:focus .step-icon,.step-container[theme=light].visited-prev:active .step-icon{background:#242424}.step-container[theme=dark].last-step .step-icon,.step-container[theme=light].last-step .step-icon{border:unset;background:transparent}.step-container[theme=dark].last-step .step-label,.step-container[theme=light].last-step .step-label{font-weight:400}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{color:#242424}.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon{border:3px solid #D3D3D3;color:#666}.step-container[theme=dark] .step-icon .line,.step-container[theme=light] .step-icon .line{border-top:2px solid;border-color:#d3d3d3}.step-container[theme=dark] .step-icon .line.visited,.step-container[theme=light] .step-icon .line.visited{border-color:#242424!important}.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper{background:#d3d3d3}.mobile-step-container .step{cursor:pointer;padding:16px;display:flex;flex-direction:row}.mobile-step-container .step img{margin-right:16px}.mobile-step-container .step .icon{margin-right:16px;min-width:24px;height:24px;background:#c8d7de;border-radius:50%;color:#276678;font-weight:700}.mobile-step-container .step .label{font-size:14px;line-height:20px}.mobile-step-container.active .step .label{line-height:24px;font-weight:700}.mobile-step-container.active .step .icon,.mobile-step-container.visited .step .icon{background:#276678;color:#fff}.mobile-step-container.disabled{pointer-events:none}.mobile-step-container.disabled .step .label{opacity:.5}.mobile-step-container[theme=dark] .step .icon,.mobile-step-container[theme=light] .step .icon{background:#d3d3d3;color:#666}.mobile-step-container[theme=dark].visited .step .icon,.mobile-step-container[theme=light].visited .step .icon{background:#242424;color:#fff}.mobile-step-container[theme=dark].active .step .icon,.mobile-step-container[theme=light].active .step .icon{background:#d410aa;color:#fff}.step-bold-label{font-weight:700!important;text-shadow:none!important}.step-description{display:flex;justify-content:center;align-items:center}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
94
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepComponent, selector: "ui-step", inputs: { label: "label", isVisited: "isVisited", submitted: "submitted", icon: "icon", index: "index", selected: "selected", isLast: "isLast", selectedIndex: "selectedIndex", disabled: "disabled", prevStepIsVisited: "prevStepIsVisited", mobileMode: "mobileMode", finalIcon: "finalIcon", showIconWhenSelected: "showIconWhenSelected", applicationTheme: "applicationTheme", position: "position", htmlDescription: "htmlDescription", boldLabel: "boldLabel", descriptionTpl: "descriptionTpl", labelTooltip: "labelTooltip", alwaysShowIcon: "alwaysShowIcon", context: "context" }, outputs: { stepSelected: "stepSelected" }, ngImport: i0, template: "<div\n *ngIf=\"!mobileMode; else mobile\"\n class=\"step-container\"\n [tabIndex]=\"0\"\n [ngClass]=\"{\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n 'active': selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n 'disabled': disabled,\n 'vertical': position === 'vertical'\n }\"\n [attr.theme]=\"applicationTheme\"\n (click)=\"onStepSelected(index)\"\n>\n <div class=\"step-icon\">\n <div class=\"line\" *ngIf=\"index\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n <div class=\"icon-wrapper\" *ngIf=\"!finalIcon; else lastStep\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isVisited && !selected && !alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"'Check'\"\n [color]=\"isVisited && index < selectedIndex ? 'white' : applicationTheme === 'classic' ? 'petrol' : 'rebrand-black'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"(selected && !!icon) || alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"icon!\" [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </ng-container>\n </div>\n\n <ng-template #lastStep>\n <img\n *ngIf=\"hasLastStepDefaultIcon && !alwaysShowIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon-wrapper\">\n <ui-icon *ngIf=\"icon || (icon && alwaysShowIcon); else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n </div>\n\n <div class=\"steps-label\">\n <div class=\"step-label\" [ngClass]=\"{'step-bold-label': boldLabel}\" *ngIf=\"label\" [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n\n <div class=\"step-description-container\">\n <div *ngFor=\"let description of htmlDescription\" class=\"step-description\">\n <div>{{description.text}}</div>\n <ui-icon *ngIf=\"description.iconName\" [name]=\"description.iconName\" [size]=\"'24'\" [matTooltip]=\"description.iconTooltip ?? ''\" ></ui-icon>\n </div>\n </div>\n\n <ng-container *ngIf=\"descriptionTpl\" [ngTemplateOutlet]=\"descriptionTpl\" [ngTemplateOutletContext]=\"{ $implicit: context, label, isVisited, submitted, index, selected, isLast, selectedIndex, disabled, prevStepIsVisited, mobileMode, finalIcon, showIconWhenSelected, position }\"></ng-container>\n </div>\n\n</div>\n\n<ng-template #mobile>\n <div class=\"mobile-step-container\"\n [ngClass]=\"{ 'active': selected, 'disabled': disabled, 'visited': isVisited }\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n >\n <div class=\"step\">\n <ng-container *ngIf=\"!finalIcon; else lastStep\">\n <div [ngSwitch]=\"true\" class=\"icon\">\n <ng-container *ngSwitchCase=\"isVisited && !selected\">\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"selected && !!icon\">\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </div>\n </ng-container>\n\n <ng-template #lastStep>\n <img *ngIf=\"hasLastStepDefaultIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon\">\n <ui-icon *ngIf=\"icon; else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mobile-step-container .step .icon,.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper,.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon,.step-container .icon-wrapper,.step-container .step-icon,.step-container{display:flex;align-items:center;justify-content:center}.step-container{flex-direction:column;cursor:pointer;border-radius:8px;padding:24px;gap:16px;max-width:200px;width:100%;position:relative;letter-spacing:1px}.step-container .steps-label{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.step-container .steps-label .step-description-container{flex-direction:column}.step-container.vertical{flex-direction:row;padding:24px 12px;width:100%;max-width:1024px}.step-container.vertical .step-icon{margin:0 12px 0 0}.step-container.vertical .step-icon .line{top:0;left:34px;border:unset;border-right:2px solid #C8D7DE;height:calc(50% - 29px);width:1px}.step-container.vertical .step-label{width:fit-content;text-align:start;-webkit-line-clamp:3}.step-container.vertical .steps-label{flex-direction:row}.step-container.vertical .steps-label .step-description{justify-content:start}@media (max-width: 1024px){.step-container.vertical .steps-label{align-items:center}.step-container.vertical .steps-label .step-description-container{flex-direction:column}}@media (max-width: 600px){.step-container.vertical .steps-label{flex-direction:column}.step-container.vertical .steps-label .step-description-container{display:block}}.step-container.disabled{pointer-events:none;cursor:default}.step-container:hover{background:#ededed}.step-container:focus{outline:1px dashed #888888}.step-container.visited-next:hover .step-icon,.step-container.visited-next:focus .step-icon,.step-container.visited-next:active .step-icon{border-color:#276678}.step-container.active .step-icon,.step-container.visited-prev .step-icon{border-color:#276678;background-color:#fff;color:#fff}.step-container.active .step-icon .icon-wrapper,.step-container.visited-prev .step-icon .icon-wrapper{background:#276678}.step-container.active .step-label{color:#276678;line-height:24px;text-shadow:0 0 1px #276678}.step-container.visited-prev:hover .step-icon,.step-container.visited-prev:focus .step-icon,.step-container.visited-prev:active .step-icon{background:#276678}.step-container.last-step .step-icon{border:unset;background:transparent}.step-container.last-step .step-label{font-weight:400}.step-container .step-label{color:#276678;line-height:24px;font-size:16px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center}.step-container .step-icon{width:44px;height:44px;min-width:44px;min-height:44px;border:3px solid #C8D7DE;border-radius:100%;color:#276678;font-size:14px;font-weight:700;line-height:17px;background:transparent;margin:0 24px}.step-container .step-icon .line{position:absolute;top:45px;left:-8px;border-top:2px solid #C8D7DE;width:calc(50% - 29px);right:56px}.step-container .step-icon .line.visited{border-color:#276678!important}.step-container .icon-wrapper{width:28px;height:28px;border-radius:100%;background:#c8d7de}.step-container[theme=dark],.step-container[theme=light]{gap:8px}.step-container[theme=dark]:hover,.step-container[theme=light]:hover{background:#fff2fc}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{font-size:14px}.step-container[theme=dark]:active,.step-container[theme=light]:active{background:#ffe6fa}.step-container[theme=dark].visited-next:hover .step-icon,.step-container[theme=dark].visited-next:focus .step-icon,.step-container[theme=dark].visited-next:active .step-icon,.step-container[theme=light].visited-next:hover .step-icon,.step-container[theme=light].visited-next:focus .step-icon,.step-container[theme=light].visited-next:active .step-icon{border-color:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=dark].visited-prev .step-icon,.step-container[theme=light].active .step-icon,.step-container[theme=light].visited-prev .step-icon{border-color:#242424;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=dark].visited-prev .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper,.step-container[theme=light].visited-prev .step-icon .icon-wrapper{background:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=light].active .step-icon{border-color:#d410aa;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper{background:#d410aa}.step-container[theme=dark].active .step-label,.step-container[theme=light].active .step-label{color:#d410aa;text-shadow:0 0 1px #D410AA}.step-container[theme=dark].visited-prev:hover .step-icon,.step-container[theme=dark].visited-prev:focus .step-icon,.step-container[theme=dark].visited-prev:active .step-icon,.step-container[theme=light].visited-prev:hover .step-icon,.step-container[theme=light].visited-prev:focus .step-icon,.step-container[theme=light].visited-prev:active .step-icon{background:#242424}.step-container[theme=dark].last-step .step-icon,.step-container[theme=light].last-step .step-icon{border:unset;background:transparent}.step-container[theme=dark].last-step .step-label,.step-container[theme=light].last-step .step-label{font-weight:400}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{color:#242424}.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon{border:3px solid #D3D3D3;color:#666}.step-container[theme=dark] .step-icon .line,.step-container[theme=light] .step-icon .line{border-top:2px solid;border-color:#d3d3d3}.step-container[theme=dark] .step-icon .line.visited,.step-container[theme=light] .step-icon .line.visited{border-color:#242424!important}.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper{background:#d3d3d3}.mobile-step-container .step{cursor:pointer;padding:16px;display:flex;flex-direction:row}.mobile-step-container .step img{margin-right:16px}.mobile-step-container .step .icon{margin-right:16px;min-width:24px;height:24px;background:#c8d7de;border-radius:50%;color:#276678;font-weight:700}.mobile-step-container .step .label{font-size:14px;line-height:20px}.mobile-step-container.active .step .label{line-height:24px;font-weight:700}.mobile-step-container.active .step .icon,.mobile-step-container.visited .step .icon{background:#276678;color:#fff}.mobile-step-container.disabled{pointer-events:none}.mobile-step-container.disabled .step .label{opacity:.5}.mobile-step-container[theme=dark] .step .icon,.mobile-step-container[theme=light] .step .icon{background:#d3d3d3;color:#666}.mobile-step-container[theme=dark].visited .step .icon,.mobile-step-container[theme=light].visited .step .icon{background:#242424;color:#fff}.mobile-step-container[theme=dark].active .step .icon,.mobile-step-container[theme=light].active .step .icon{background:#d410aa;color:#fff}.step-bold-label{font-weight:700!important;text-shadow:none!important}.step-description,.step-description-container{display:flex;justify-content:center;align-items:center}\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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
95
95
  }
96
96
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepComponent, decorators: [{
97
97
  type: Component,
98
- args: [{ selector: 'ui-step', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"!mobileMode; else mobile\"\n class=\"step-container\"\n [tabIndex]=\"0\"\n [ngClass]=\"{\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n 'active': selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n 'disabled': disabled,\n 'vertical': position === 'vertical'\n }\"\n [attr.theme]=\"applicationTheme\"\n (click)=\"onStepSelected(index)\"\n>\n <div class=\"step-icon\">\n <div class=\"line\" *ngIf=\"index\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n <div class=\"icon-wrapper\" *ngIf=\"!finalIcon; else lastStep\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isVisited && !selected && !alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"'Check'\"\n [color]=\"isVisited && index < selectedIndex ? 'white' : applicationTheme === 'classic' ? 'petrol' : 'rebrand-black'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"(selected && !!icon) || alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"icon!\" [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </ng-container>\n </div>\n\n <ng-template #lastStep>\n <img\n *ngIf=\"hasLastStepDefaultIcon && !alwaysShowIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon-wrapper\">\n <ui-icon *ngIf=\"icon || (icon && alwaysShowIcon); else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n </div>\n\n <div class=\"steps-label\">\n <div class=\"step-label\" [ngClass]=\"{'step-bold-label': boldLabel}\" *ngIf=\"label\" [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n\n <div *ngFor=\"let description of htmlDescription\" class=\"step-description\">\n <div>{{description.text}}</div>\n <ui-icon *ngIf=\"description.iconName\" [name]=\"description.iconName\" [size]=\"'24'\" [matTooltip]=\"description.iconTooltip ?? ''\" ></ui-icon>\n </div>\n\n <ng-container *ngIf=\"descriptionTpl\" [ngTemplateOutlet]=\"descriptionTpl\" [ngTemplateOutletContext]=\"{ $implicit: context, label, isVisited, submitted, index, selected, isLast, selectedIndex, disabled, prevStepIsVisited, mobileMode, finalIcon, showIconWhenSelected, position }\"></ng-container>\n </div>\n\n</div>\n\n<ng-template #mobile>\n <div class=\"mobile-step-container\"\n [ngClass]=\"{ 'active': selected, 'disabled': disabled, 'visited': isVisited }\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n >\n <div class=\"step\">\n <ng-container *ngIf=\"!finalIcon; else lastStep\">\n <div [ngSwitch]=\"true\" class=\"icon\">\n <ng-container *ngSwitchCase=\"isVisited && !selected\">\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"selected && !!icon\">\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </div>\n </ng-container>\n\n <ng-template #lastStep>\n <img *ngIf=\"hasLastStepDefaultIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon\">\n <ui-icon *ngIf=\"icon; else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mobile-step-container .step .icon,.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper,.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon,.step-container .icon-wrapper,.step-container .step-icon,.step-container{display:flex;align-items:center;justify-content:center}.step-container{flex-direction:column;cursor:pointer;border-radius:8px;padding:24px;gap:16px;max-width:200px;width:100%;position:relative;letter-spacing:1px}.step-container .steps-label{width:100%;display:flex;flex-direction:column;gap:8px}.step-container.vertical{flex-direction:row;padding:24px 12px;width:100%;max-width:1024px}.step-container.vertical .step-icon{margin:0 12px 0 0}.step-container.vertical .step-icon .line{top:0;left:34px;border:unset;border-right:2px solid #C8D7DE;height:calc(50% - 29px);width:1px}.step-container.vertical .step-label{width:fit-content;text-align:start;-webkit-line-clamp:3}.step-container.vertical .steps-label{flex-direction:row}.step-container.vertical .steps-label .step-description{justify-content:start}@media (max-width: 1024px){.step-container.vertical .steps-label{flex-direction:row}}@media (max-width: 600px){.step-container.vertical .steps-label{flex-direction:column}}.step-container.disabled{pointer-events:none;cursor:default}.step-container:hover{background:#ededed}.step-container:focus{outline:1px dashed #888888}.step-container.visited-next:hover .step-icon,.step-container.visited-next:focus .step-icon,.step-container.visited-next:active .step-icon{border-color:#276678}.step-container.active .step-icon,.step-container.visited-prev .step-icon{border-color:#276678;background-color:#fff;color:#fff}.step-container.active .step-icon .icon-wrapper,.step-container.visited-prev .step-icon .icon-wrapper{background:#276678}.step-container.active .step-label{color:#276678;line-height:24px;text-shadow:0 0 1px #276678}.step-container.visited-prev:hover .step-icon,.step-container.visited-prev:focus .step-icon,.step-container.visited-prev:active .step-icon{background:#276678}.step-container.last-step .step-icon{border:unset;background:transparent}.step-container.last-step .step-label{font-weight:400}.step-container .step-label{color:#276678;line-height:24px;font-size:16px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center}.step-container .step-icon{width:44px;height:44px;min-width:44px;min-height:44px;border:3px solid #C8D7DE;border-radius:100%;color:#276678;font-size:14px;font-weight:700;line-height:17px;background:transparent;margin:0 24px}.step-container .step-icon .line{position:absolute;top:45px;left:-8px;border-top:2px solid #C8D7DE;width:calc(50% - 29px);right:56px}.step-container .step-icon .line.visited{border-color:#276678!important}.step-container .icon-wrapper{width:28px;height:28px;border-radius:100%;background:#c8d7de}.step-container[theme=dark],.step-container[theme=light]{gap:8px}.step-container[theme=dark]:hover,.step-container[theme=light]:hover{background:#fff2fc}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{font-size:14px}.step-container[theme=dark]:active,.step-container[theme=light]:active{background:#ffe6fa}.step-container[theme=dark].visited-next:hover .step-icon,.step-container[theme=dark].visited-next:focus .step-icon,.step-container[theme=dark].visited-next:active .step-icon,.step-container[theme=light].visited-next:hover .step-icon,.step-container[theme=light].visited-next:focus .step-icon,.step-container[theme=light].visited-next:active .step-icon{border-color:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=dark].visited-prev .step-icon,.step-container[theme=light].active .step-icon,.step-container[theme=light].visited-prev .step-icon{border-color:#242424;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=dark].visited-prev .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper,.step-container[theme=light].visited-prev .step-icon .icon-wrapper{background:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=light].active .step-icon{border-color:#d410aa;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper{background:#d410aa}.step-container[theme=dark].active .step-label,.step-container[theme=light].active .step-label{color:#d410aa;text-shadow:0 0 1px #D410AA}.step-container[theme=dark].visited-prev:hover .step-icon,.step-container[theme=dark].visited-prev:focus .step-icon,.step-container[theme=dark].visited-prev:active .step-icon,.step-container[theme=light].visited-prev:hover .step-icon,.step-container[theme=light].visited-prev:focus .step-icon,.step-container[theme=light].visited-prev:active .step-icon{background:#242424}.step-container[theme=dark].last-step .step-icon,.step-container[theme=light].last-step .step-icon{border:unset;background:transparent}.step-container[theme=dark].last-step .step-label,.step-container[theme=light].last-step .step-label{font-weight:400}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{color:#242424}.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon{border:3px solid #D3D3D3;color:#666}.step-container[theme=dark] .step-icon .line,.step-container[theme=light] .step-icon .line{border-top:2px solid;border-color:#d3d3d3}.step-container[theme=dark] .step-icon .line.visited,.step-container[theme=light] .step-icon .line.visited{border-color:#242424!important}.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper{background:#d3d3d3}.mobile-step-container .step{cursor:pointer;padding:16px;display:flex;flex-direction:row}.mobile-step-container .step img{margin-right:16px}.mobile-step-container .step .icon{margin-right:16px;min-width:24px;height:24px;background:#c8d7de;border-radius:50%;color:#276678;font-weight:700}.mobile-step-container .step .label{font-size:14px;line-height:20px}.mobile-step-container.active .step .label{line-height:24px;font-weight:700}.mobile-step-container.active .step .icon,.mobile-step-container.visited .step .icon{background:#276678;color:#fff}.mobile-step-container.disabled{pointer-events:none}.mobile-step-container.disabled .step .label{opacity:.5}.mobile-step-container[theme=dark] .step .icon,.mobile-step-container[theme=light] .step .icon{background:#d3d3d3;color:#666}.mobile-step-container[theme=dark].visited .step .icon,.mobile-step-container[theme=light].visited .step .icon{background:#242424;color:#fff}.mobile-step-container[theme=dark].active .step .icon,.mobile-step-container[theme=light].active .step .icon{background:#d410aa;color:#fff}.step-bold-label{font-weight:700!important;text-shadow:none!important}.step-description{display:flex;justify-content:center;align-items:center}\n"] }]
98
+ args: [{ selector: 'ui-step', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"!mobileMode; else mobile\"\n class=\"step-container\"\n [tabIndex]=\"0\"\n [ngClass]=\"{\n 'visited-next': isVisited && index > selectedIndex,\n 'visited-prev': isVisited && index < selectedIndex,\n 'active': selected,\n 'last-step': finalIcon && hasLastStepDefaultIcon && !alwaysShowIcon,\n 'disabled': disabled,\n 'vertical': position === 'vertical'\n }\"\n [attr.theme]=\"applicationTheme\"\n (click)=\"onStepSelected(index)\"\n>\n <div class=\"step-icon\">\n <div class=\"line\" *ngIf=\"index\" [ngClass]=\"{ visited: prevStepIsVisited }\"></div>\n <div class=\"icon-wrapper\" *ngIf=\"!finalIcon; else lastStep\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isVisited && !selected && !alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"'Check'\"\n [color]=\"isVisited && index < selectedIndex ? 'white' : applicationTheme === 'classic' ? 'petrol' : 'rebrand-black'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"(selected && !!icon) || alwaysShowIcon\">\n <ui-icon [size]=\"'24'\" [name]=\"icon!\" [color]=\"isLast && !selected ? 'rebrand-black' : 'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </ng-container>\n </div>\n\n <ng-template #lastStep>\n <img\n *ngIf=\"hasLastStepDefaultIcon && !alwaysShowIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon-wrapper\">\n <ui-icon *ngIf=\"icon || (icon && alwaysShowIcon); else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n </div>\n\n <div class=\"steps-label\">\n <div class=\"step-label\" [ngClass]=\"{'step-bold-label': boldLabel}\" *ngIf=\"label\" [matTooltip]=\"labelTooltip ?? ''\">\n {{ label }}\n </div>\n\n <div class=\"step-description-container\">\n <div *ngFor=\"let description of htmlDescription\" class=\"step-description\">\n <div>{{description.text}}</div>\n <ui-icon *ngIf=\"description.iconName\" [name]=\"description.iconName\" [size]=\"'24'\" [matTooltip]=\"description.iconTooltip ?? ''\" ></ui-icon>\n </div>\n </div>\n\n <ng-container *ngIf=\"descriptionTpl\" [ngTemplateOutlet]=\"descriptionTpl\" [ngTemplateOutletContext]=\"{ $implicit: context, label, isVisited, submitted, index, selected, isLast, selectedIndex, disabled, prevStepIsVisited, mobileMode, finalIcon, showIconWhenSelected, position }\"></ng-container>\n </div>\n\n</div>\n\n<ng-template #mobile>\n <div class=\"mobile-step-container\"\n [ngClass]=\"{ 'active': selected, 'disabled': disabled, 'visited': isVisited }\"\n (click)=\"onStepSelected(index)\"\n [attr.theme]=\"applicationTheme\"\n >\n <div class=\"step\">\n <ng-container *ngIf=\"!finalIcon; else lastStep\">\n <div [ngSwitch]=\"true\" class=\"icon\">\n <ng-container *ngSwitchCase=\"isVisited && !selected\">\n <ui-icon [size]=\"'16'\" [name]=\"'Check'\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"selected && !!icon\">\n <ui-icon [size]=\"'16'\" [name]=\"icon!\" [color]=\"'white'\"></ui-icon>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n {{ index + 1 }}\n </ng-container>\n </div>\n </ng-container>\n\n <ng-template #lastStep>\n <img *ngIf=\"hasLastStepDefaultIcon; else stepIcon\"\n [alt]=\"'step-finish-image'\"\n [width]=\"24\"\n [height]=\"24\"\n [attr.src]=\"applicationTheme === 'classic' ? '/images/step-finish.svg' : isVisited ? '/images/rebrand-last-step-icon-light.svg' : '/images/rebrand-last-step-icon-black.svg'\"\n >\n\n <ng-template #stepIcon>\n <div class=\"icon\">\n <ui-icon *ngIf=\"icon; else stepIndex\" [size]=\"'24'\" [name]=\"icon\" [color]=\"'white'\"></ui-icon>\n <ng-template #stepIndex>\n {{ index + 1 }}\n </ng-template>\n </div>\n </ng-template>\n </ng-template>\n <span class=\"label\">{{ label }}</span>\n </div>\n </div>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.flex-center,.mobile-step-container .step .icon,.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper,.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon,.step-container .icon-wrapper,.step-container .step-icon,.step-container{display:flex;align-items:center;justify-content:center}.step-container{flex-direction:column;cursor:pointer;border-radius:8px;padding:24px;gap:16px;max-width:200px;width:100%;position:relative;letter-spacing:1px}.step-container .steps-label{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.step-container .steps-label .step-description-container{flex-direction:column}.step-container.vertical{flex-direction:row;padding:24px 12px;width:100%;max-width:1024px}.step-container.vertical .step-icon{margin:0 12px 0 0}.step-container.vertical .step-icon .line{top:0;left:34px;border:unset;border-right:2px solid #C8D7DE;height:calc(50% - 29px);width:1px}.step-container.vertical .step-label{width:fit-content;text-align:start;-webkit-line-clamp:3}.step-container.vertical .steps-label{flex-direction:row}.step-container.vertical .steps-label .step-description{justify-content:start}@media (max-width: 1024px){.step-container.vertical .steps-label{align-items:center}.step-container.vertical .steps-label .step-description-container{flex-direction:column}}@media (max-width: 600px){.step-container.vertical .steps-label{flex-direction:column}.step-container.vertical .steps-label .step-description-container{display:block}}.step-container.disabled{pointer-events:none;cursor:default}.step-container:hover{background:#ededed}.step-container:focus{outline:1px dashed #888888}.step-container.visited-next:hover .step-icon,.step-container.visited-next:focus .step-icon,.step-container.visited-next:active .step-icon{border-color:#276678}.step-container.active .step-icon,.step-container.visited-prev .step-icon{border-color:#276678;background-color:#fff;color:#fff}.step-container.active .step-icon .icon-wrapper,.step-container.visited-prev .step-icon .icon-wrapper{background:#276678}.step-container.active .step-label{color:#276678;line-height:24px;text-shadow:0 0 1px #276678}.step-container.visited-prev:hover .step-icon,.step-container.visited-prev:focus .step-icon,.step-container.visited-prev:active .step-icon{background:#276678}.step-container.last-step .step-icon{border:unset;background:transparent}.step-container.last-step .step-label{font-weight:400}.step-container .step-label{color:#276678;line-height:24px;font-size:16px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center}.step-container .step-icon{width:44px;height:44px;min-width:44px;min-height:44px;border:3px solid #C8D7DE;border-radius:100%;color:#276678;font-size:14px;font-weight:700;line-height:17px;background:transparent;margin:0 24px}.step-container .step-icon .line{position:absolute;top:45px;left:-8px;border-top:2px solid #C8D7DE;width:calc(50% - 29px);right:56px}.step-container .step-icon .line.visited{border-color:#276678!important}.step-container .icon-wrapper{width:28px;height:28px;border-radius:100%;background:#c8d7de}.step-container[theme=dark],.step-container[theme=light]{gap:8px}.step-container[theme=dark]:hover,.step-container[theme=light]:hover{background:#fff2fc}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{font-size:14px}.step-container[theme=dark]:active,.step-container[theme=light]:active{background:#ffe6fa}.step-container[theme=dark].visited-next:hover .step-icon,.step-container[theme=dark].visited-next:focus .step-icon,.step-container[theme=dark].visited-next:active .step-icon,.step-container[theme=light].visited-next:hover .step-icon,.step-container[theme=light].visited-next:focus .step-icon,.step-container[theme=light].visited-next:active .step-icon{border-color:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=dark].visited-prev .step-icon,.step-container[theme=light].active .step-icon,.step-container[theme=light].visited-prev .step-icon{border-color:#242424;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=dark].visited-prev .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper,.step-container[theme=light].visited-prev .step-icon .icon-wrapper{background:#242424}.step-container[theme=dark].active .step-icon,.step-container[theme=light].active .step-icon{border-color:#d410aa;background-color:#fff;color:#fff}.step-container[theme=dark].active .step-icon .icon-wrapper,.step-container[theme=light].active .step-icon .icon-wrapper{background:#d410aa}.step-container[theme=dark].active .step-label,.step-container[theme=light].active .step-label{color:#d410aa;text-shadow:0 0 1px #D410AA}.step-container[theme=dark].visited-prev:hover .step-icon,.step-container[theme=dark].visited-prev:focus .step-icon,.step-container[theme=dark].visited-prev:active .step-icon,.step-container[theme=light].visited-prev:hover .step-icon,.step-container[theme=light].visited-prev:focus .step-icon,.step-container[theme=light].visited-prev:active .step-icon{background:#242424}.step-container[theme=dark].last-step .step-icon,.step-container[theme=light].last-step .step-icon{border:unset;background:transparent}.step-container[theme=dark].last-step .step-label,.step-container[theme=light].last-step .step-label{font-weight:400}.step-container[theme=dark] .step-label,.step-container[theme=light] .step-label{color:#242424}.step-container[theme=dark] .step-icon,.step-container[theme=light] .step-icon{border:3px solid #D3D3D3;color:#666}.step-container[theme=dark] .step-icon .line,.step-container[theme=light] .step-icon .line{border-top:2px solid;border-color:#d3d3d3}.step-container[theme=dark] .step-icon .line.visited,.step-container[theme=light] .step-icon .line.visited{border-color:#242424!important}.step-container[theme=dark] .icon-wrapper,.step-container[theme=light] .icon-wrapper{background:#d3d3d3}.mobile-step-container .step{cursor:pointer;padding:16px;display:flex;flex-direction:row}.mobile-step-container .step img{margin-right:16px}.mobile-step-container .step .icon{margin-right:16px;min-width:24px;height:24px;background:#c8d7de;border-radius:50%;color:#276678;font-weight:700}.mobile-step-container .step .label{font-size:14px;line-height:20px}.mobile-step-container.active .step .label{line-height:24px;font-weight:700}.mobile-step-container.active .step .icon,.mobile-step-container.visited .step .icon{background:#276678;color:#fff}.mobile-step-container.disabled{pointer-events:none}.mobile-step-container.disabled .step .label{opacity:.5}.mobile-step-container[theme=dark] .step .icon,.mobile-step-container[theme=light] .step .icon{background:#d3d3d3;color:#666}.mobile-step-container[theme=dark].visited .step .icon,.mobile-step-container[theme=light].visited .step .icon{background:#242424;color:#fff}.mobile-step-container[theme=dark].active .step .icon,.mobile-step-container[theme=light].active .step .icon{background:#d410aa;color:#fff}.step-bold-label{font-weight:700!important;text-shadow:none!important}.step-description,.step-description-container{display:flex;justify-content:center;align-items:center}\n"] }]
99
99
  }], ctorParameters: () => [{ type: undefined, decorators: [{
100
100
  type: Optional
101
101
  }, {
@@ -146,4 +146,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
146
146
  }], stepSelected: [{
147
147
  type: Output
148
148
  }] } });
149
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc3RlcC9zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zdGVwL3N0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXdkIsTUFBTSxPQUFPLGFBQWE7SUEyS3hCLFlBQzZFLGVBQWlDO1FBQWpDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQXRKOUc7Ozs7V0FJRztRQUNNLFNBQUksR0FBeUIsRUFBRSxDQUFDO1FBOEJ6Qzs7OztXQUlHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQjs7OztXQUlHO1FBQ00sc0JBQWlCLEdBQXdCLEtBQUssQ0FBQztRQUV4RDs7OztXQUlHO1FBQ00sZUFBVSxHQUFHLEtBQUssQ0FBQztRQUU1Qjs7OztXQUlHO1FBQ00sY0FBUyxHQUFHLEtBQUssQ0FBQztRQUUzQjs7OztXQUlHO1FBQ00seUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBRXRDOzs7Ozs7V0FNRztRQUNNLHFCQUFnQixHQUFxQixPQUFPLENBQUM7UUFXdEQ7Ozs7OztXQU1HO1FBQ00sb0JBQWUsR0FBc0IsRUFBRSxDQUFDO1FBRWpEOzs7Ozs7V0FNRztRQUNNLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFvQjNCOzs7Ozs7V0FNRztRQUNNLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBV2hDOzs7O1dBSUc7UUFDTyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFLbEQsSUFBSSxlQUFlLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBYyxzQkFBc0I7UUFDbEMsT0FBTyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBRVMsY0FBYyxDQUFDLEtBQWE7UUFDcEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQzsrR0F6TFUsYUFBYSxrQkE0S0Ysb0NBQW9DO21HQTVLL0MsYUFBYSx3cEJDcEIxQixraEpBK0dBOzs0RkQzRmEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxTQUFTLG1CQUdGLHVCQUF1QixDQUFDLE1BQU07OzBCQThLNUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7eUNBdEtqRCxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQU9HLElBQUk7c0JBQVosS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxNQUFNO3NCQUFkLEtBQUs7Z0JBT0csYUFBYTtzQkFBckIsS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQU9HLGlCQUFpQjtzQkFBekIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQU9HLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFTRyxRQUFRO3NCQUFoQixLQUFLO2dCQVNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBU0csU0FBUztzQkFBakIsS0FBSztnQkFTRyxjQUFjO3NCQUF0QixLQUFLO2dCQVNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBU0csY0FBYztzQkFBdEIsS0FBSztnQkFTRyxPQUFPO3NCQUFmLEtBQUs7Z0JBT0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kZWwnO1xuaW1wb3J0IHsgQXBwbGljYXRpb25UaGVtZSB9IGZyb20gJy4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbCc7XG5pbXBvcnQgeyBIdG1sRGVzY3JpcHRpb24sIFN0ZXBwZXJQb3NpdGlvbiB9IGZyb20gJy4uL3N0ZXBwZXIvc3RlcHBlci5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0ZXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBDb21wb25lbnQge1xuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgZm9yIHRoZSBsYWJlbCBvZiB0aGUgc3RlcC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgc3RlcCBoYXMgYmVlbiB2aXNpdGVkLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaXNWaXNpdGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGZvcm0gaGFzIGJlZW4gc3VibWl0dGVkLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3VibWl0dGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBmb3IgdGhlIGljb24gYXNzb2NpYXRlZCB3aXRoIHRoZSBzdGVwLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaWNvbjogSWNvbk5hbWUgfCB1bmRlZmluZWQgPSAnJztcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgZm9yIHRoZSBpbmRleCBvZiB0aGUgc3RlcC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgc3RlcCBpcyBjdXJyZW50bHkgc2VsZWN0ZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBzdGVwIGlzIHRoZSBsYXN0IHN0ZXAgaW4gdGhlIHN0ZXBwZXIuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpc0xhc3Q6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgdGhlIHNlbGVjdGVkIGluZGV4IGluIHRoZSBzdGVwcGVyLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc2VsZWN0ZWRJbmRleDogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHN0ZXAgaXMgZGlzYWJsZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHByZXZpb3VzIHN0ZXAgaGFzIGJlZW4gdmlzaXRlZC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHByZXZTdGVwSXNWaXNpdGVkOiBib29sZWFuIHwgdW5kZWZpbmVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgY29tcG9uZW50IGlzIGluIG1vYmlsZSBtb2RlLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbW9iaWxlTW9kZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGZpbmFsIGljb24gc2hvdWxkIGJlIGRpc3BsYXllZC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGZpbmFsSWNvbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHRvIGRpc3BsYXkgaWNvbiB3aGVuIHN0ZXAgaXMgc2VsZWN0ZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzaG93SWNvbldoZW5TZWxlY3RlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBhcHBsaWNhdGlvbiB0aGVtZVxuICAgKlxuICAgKiBAdHlwZSB7QXBwbGljYXRpb25UaGVtZX1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBzdGVwcGVyIHBvc2l0aW9uXG4gICAqXG4gICAqIEB0eXBlIHtTdGVwcGVyUG9zaXRpb259XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwb3NpdGlvbjogU3RlcHBlclBvc2l0aW9uO1xuXG4gIC8qKlxuICAgKlxuICAgKiBTdGVwIGRlc2NyaXB0aW9uXG4gICAqXG4gICAqIEB0eXBlIHtIdG1sRGVzY3JpcHRpb25bXX1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGh0bWxEZXNjcmlwdGlvbjogSHRtbERlc2NyaXB0aW9uW10gPSBbXTtcblxuICAvKipcbiAgICpcbiAgICogU2V0cyBib2xkIGZvbnQgd2VpZ2h0IGZvciBsYWJlbFxuICAgKlxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGJvbGRMYWJlbCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBUZW1wbGF0ZSBmb3IgdGhlIHN0ZXAgZGVzY3JpcHRpb25cbiAgICpcbiAgICogQHR5cGUge1RlbXBsYXRlUmVmfVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZGVzY3JpcHRpb25UcGw/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8qKlxuICAgKlxuICAgKiBUb29sdGlwIGZvciB0aGUgc3RlcCBsYWJlbFxuICAgKlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFiZWxUb29sdGlwPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKlxuICAgKiBBbHdheXMgc2hvdyBzdGVwIGljb24gaW5zdGVhZCBvZiBudW1iZXJcbiAgICpcbiAgICogQHR5cGUge2Jvb2xlYW59XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhbHdheXNTaG93SWNvbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBDb250ZXh0IGZvciB0aGUgc3RlcCB0ZW1wbGF0ZVxuICAgKlxuICAgKiBAdHlwZSB7YW55fVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgY29udGV4dDogYW55O1xuXG4gIC8qKlxuICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIHN0ZXAgd2FzIGNsaWNrZWQuXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBAT3V0cHV0KCkgc3RlcFNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGdldCBoYXNMYXN0U3RlcERlZmF1bHRJY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5zaG93SWNvbldoZW5TZWxlY3RlZCB8fCAodGhpcy5zaG93SWNvbldoZW5TZWxlY3RlZCAmJiAhdGhpcy5zZWxlY3RlZCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25TdGVwU2VsZWN0ZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3RlcFNlbGVjdGVkLmVtaXQoaW5kZXgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIW1vYmlsZU1vZGU7IGVsc2UgbW9iaWxlXCJcbiAgY2xhc3M9XCJzdGVwLWNvbnRhaW5lclwiXG4gIFt0YWJJbmRleF09XCIwXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICd2aXNpdGVkLW5leHQnOiBpc1Zpc2l0ZWQgJiYgaW5kZXggPiBzZWxlY3RlZEluZGV4LFxuICAgICd2aXNpdGVkLXByZXYnOiBpc1Zpc2l0ZWQgJiYgaW5kZXggPCBzZWxlY3RlZEluZGV4LFxuICAgICdhY3RpdmUnOiBzZWxlY3RlZCxcbiAgICAnbGFzdC1zdGVwJzogZmluYWxJY29uICYmIGhhc0xhc3RTdGVwRGVmYXVsdEljb24gJiYgIWFsd2F5c1Nob3dJY29uLFxuICAgICdkaXNhYmxlZCc6IGRpc2FibGVkLFxuICAgICd2ZXJ0aWNhbCc6IHBvc2l0aW9uID09PSAndmVydGljYWwnXG4gIH1cIlxuICBbYXR0ci50aGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcbiAgKGNsaWNrKT1cIm9uU3RlcFNlbGVjdGVkKGluZGV4KVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJzdGVwLWljb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwibGluZVwiICpuZ0lmPVwiaW5kZXhcIiBbbmdDbGFzc109XCJ7IHZpc2l0ZWQ6IHByZXZTdGVwSXNWaXNpdGVkIH1cIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCIgKm5nSWY9XCIhZmluYWxJY29uOyBlbHNlIGxhc3RTdGVwXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0cnVlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImlzVmlzaXRlZCAmJiAhc2VsZWN0ZWQgJiYgIWFsd2F5c1Nob3dJY29uXCI+XG4gICAgICAgICAgPHVpLWljb24gW3NpemVdPVwiJzI0J1wiIFtuYW1lXT1cIidDaGVjaydcIlxuICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJpc1Zpc2l0ZWQgJiYgaW5kZXggPCBzZWxlY3RlZEluZGV4ID8gJ3doaXRlJyA6IGFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICdwZXRyb2wnIDogJ3JlYnJhbmQtYmxhY2snXCI+PC91aS1pY29uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIoc2VsZWN0ZWQgJiYgISFpY29uKSB8fCBhbHdheXNTaG93SWNvblwiPlxuICAgICAgICAgIDx1aS1pY29uIFtzaXplXT1cIicyNCdcIiBbbmFtZV09XCJpY29uIVwiIFtjb2xvcl09XCJpc0xhc3QgJiYgIXNlbGVjdGVkID8gJ3JlYnJhbmQtYmxhY2snIDogJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgICAgIHt7IGluZGV4ICsgMSB9fVxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuXG4gICAgPG5nLXRlbXBsYXRlICNsYXN0U3RlcD5cbiAgICAgIDxpbWdcbiAgICAgICAgKm5nSWY9XCJoYXNMYXN0U3RlcERlZmF1bHRJY29uICYmICFhbHdheXNTaG93SWNvbjsgZWxzZSBzdGVwSWNvblwiXG4gICAgICAgIFthbHRdPVwiJ3N0ZXAtZmluaXNoLWltYWdlJ1wiXG4gICAgICAgIFthdHRyLnNyY109XCJhcHBsaWNhdGlvblRoZW1lID09PSAnY2xhc3NpYycgPyAnL2ltYWdlcy9zdGVwLWZpbmlzaC5zdmcnIDogaXNWaXNpdGVkID8gJy9pbWFnZXMvcmVicmFuZC1sYXN0LXN0ZXAtaWNvbi1saWdodC5zdmcnIDogJy9pbWFnZXMvcmVicmFuZC1sYXN0LXN0ZXAtaWNvbi1ibGFjay5zdmcnXCJcbiAgICAgID5cblxuICAgICAgPG5nLXRlbXBsYXRlICNzdGVwSWNvbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImljb24td3JhcHBlclwiPlxuICAgICAgICAgIDx1aS1pY29uICpuZ0lmPVwiaWNvbiB8fCAoaWNvbiAmJiBhbHdheXNTaG93SWNvbik7IGVsc2Ugc3RlcEluZGV4XCIgW3NpemVdPVwiJzI0J1wiIFtuYW1lXT1cImljb25cIiBbY29sb3JdPVwiJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI3N0ZXBJbmRleD5cbiAgICAgICAgICAgIHt7IGluZGV4ICsgMSB9fVxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwic3RlcHMtbGFiZWxcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1sYWJlbFwiIFtuZ0NsYXNzXT1cInsnc3RlcC1ib2xkLWxhYmVsJzogYm9sZExhYmVsfVwiICpuZ0lmPVwibGFiZWxcIiBbbWF0VG9vbHRpcF09XCJsYWJlbFRvb2x0aXAgPz8gJydcIj5cbiAgICAgIHt7IGxhYmVsIH19XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBkZXNjcmlwdGlvbiBvZiBodG1sRGVzY3JpcHRpb25cIiBjbGFzcz1cInN0ZXAtZGVzY3JpcHRpb25cIj5cbiAgICAgIDxkaXY+e3tkZXNjcmlwdGlvbi50ZXh0fX08L2Rpdj5cbiAgICAgIDx1aS1pY29uICpuZ0lmPVwiZGVzY3JpcHRpb24uaWNvbk5hbWVcIiBbbmFtZV09XCJkZXNjcmlwdGlvbi5pY29uTmFtZVwiIFtzaXplXT1cIicyNCdcIiBbbWF0VG9vbHRpcF09XCJkZXNjcmlwdGlvbi5pY29uVG9vbHRpcCA/PyAnJ1wiID48L3VpLWljb24+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGVzY3JpcHRpb25UcGxcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJkZXNjcmlwdGlvblRwbFwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogY29udGV4dCwgbGFiZWwsIGlzVmlzaXRlZCwgc3VibWl0dGVkLCBpbmRleCwgc2VsZWN0ZWQsIGlzTGFzdCwgc2VsZWN0ZWRJbmRleCwgZGlzYWJsZWQsIHByZXZTdGVwSXNWaXNpdGVkLCBtb2JpbGVNb2RlLCBmaW5hbEljb24sIHNob3dJY29uV2hlblNlbGVjdGVkLCBwb3NpdGlvbiB9XCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuXG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNtb2JpbGU+XG4gIDxkaXYgY2xhc3M9XCJtb2JpbGUtc3RlcC1jb250YWluZXJcIlxuICAgICAgIFtuZ0NsYXNzXT1cInsgJ2FjdGl2ZSc6IHNlbGVjdGVkLCAnZGlzYWJsZWQnOiBkaXNhYmxlZCwgJ3Zpc2l0ZWQnOiBpc1Zpc2l0ZWQgfVwiXG4gICAgICAgKGNsaWNrKT1cIm9uU3RlcFNlbGVjdGVkKGluZGV4KVwiXG4gICAgICAgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFmaW5hbEljb247IGVsc2UgbGFzdFN0ZXBcIj5cbiAgICAgICAgPGRpdiBbbmdTd2l0Y2hdPVwidHJ1ZVwiIGNsYXNzPVwiaWNvblwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImlzVmlzaXRlZCAmJiAhc2VsZWN0ZWRcIj5cbiAgICAgICAgICAgIDx1aS1pY29uIFtzaXplXT1cIicxNidcIiBbbmFtZV09XCInQ2hlY2snXCIgW2NvbG9yXT1cIid3aGl0ZSdcIj48L3VpLWljb24+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJzZWxlY3RlZCAmJiAhIWljb25cIj5cbiAgICAgICAgICAgIDx1aS1pY29uIFtzaXplXT1cIicxNidcIiBbbmFtZV09XCJpY29uIVwiIFtjb2xvcl09XCInd2hpdGUnXCI+PC91aS1pY29uPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgICAgICAge3sgaW5kZXggKyAxIH19XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjbGFzdFN0ZXA+XG4gICAgICAgIDxpbWcgKm5nSWY9XCJoYXNMYXN0U3RlcERlZmF1bHRJY29uOyBlbHNlIHN0ZXBJY29uXCJcbiAgICAgICAgICAgICBbYWx0XT1cIidzdGVwLWZpbmlzaC1pbWFnZSdcIlxuICAgICAgICAgICAgIFt3aWR0aF09XCIyNFwiXG4gICAgICAgICAgICAgW2hlaWdodF09XCIyNFwiXG4gICAgICAgICAgICAgW2F0dHIuc3JjXT1cImFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICcvaW1hZ2VzL3N0ZXAtZmluaXNoLnN2ZycgOiBpc1Zpc2l0ZWQgPyAnL2ltYWdlcy9yZWJyYW5kLWxhc3Qtc3RlcC1pY29uLWxpZ2h0LnN2ZycgOiAnL2ltYWdlcy9yZWJyYW5kLWxhc3Qtc3RlcC1pY29uLWJsYWNrLnN2ZydcIlxuICAgICAgICA+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNzdGVwSWNvbj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvblwiPlxuICAgICAgICAgICAgPHVpLWljb24gKm5nSWY9XCJpY29uOyBlbHNlIHN0ZXBJbmRleFwiIFtzaXplXT1cIicyNCdcIiBbbmFtZV09XCJpY29uXCIgW2NvbG9yXT1cIid3aGl0ZSdcIj48L3VpLWljb24+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI3N0ZXBJbmRleD5cbiAgICAgICAgICAgICAge3sgaW5kZXggKyAxIH19XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDxzcGFuIGNsYXNzPVwibGFiZWxcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
149
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvc3RlcC9zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9zdGVwL3N0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFXdkIsTUFBTSxPQUFPLGFBQWE7SUEyS3hCLFlBQzZFLGVBQWlDO1FBQWpDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQXRKOUc7Ozs7V0FJRztRQUNNLFNBQUksR0FBeUIsRUFBRSxDQUFDO1FBOEJ6Qzs7OztXQUlHO1FBQ00sYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQjs7OztXQUlHO1FBQ00sc0JBQWlCLEdBQXdCLEtBQUssQ0FBQztRQUV4RDs7OztXQUlHO1FBQ00sZUFBVSxHQUFHLEtBQUssQ0FBQztRQUU1Qjs7OztXQUlHO1FBQ00sY0FBUyxHQUFHLEtBQUssQ0FBQztRQUUzQjs7OztXQUlHO1FBQ00seUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBRXRDOzs7Ozs7V0FNRztRQUNNLHFCQUFnQixHQUFxQixPQUFPLENBQUM7UUFXdEQ7Ozs7OztXQU1HO1FBQ00sb0JBQWUsR0FBc0IsRUFBRSxDQUFDO1FBRWpEOzs7Ozs7V0FNRztRQUNNLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFvQjNCOzs7Ozs7V0FNRztRQUNNLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBV2hDOzs7O1dBSUc7UUFDTyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFLbEQsSUFBSSxlQUFlLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsZUFBZSxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBYyxzQkFBc0I7UUFDbEMsT0FBTyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBRVMsY0FBYyxDQUFDLEtBQWE7UUFDcEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEMsQ0FBQzsrR0F6TFUsYUFBYSxrQkE0S0Ysb0NBQW9DO21HQTVLL0MsYUFBYSx3cEJDcEIxQixzbEpBaUhBOzs0RkQ3RmEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxTQUFTLG1CQUdGLHVCQUF1QixDQUFDLE1BQU07OzBCQThLNUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7eUNBdEtqRCxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQU9HLElBQUk7c0JBQVosS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxNQUFNO3NCQUFkLEtBQUs7Z0JBT0csYUFBYTtzQkFBckIsS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQU9HLGlCQUFpQjtzQkFBekIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQU9HLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFTRyxRQUFRO3NCQUFoQixLQUFLO2dCQVNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBU0csU0FBUztzQkFBakIsS0FBSztnQkFTRyxjQUFjO3NCQUF0QixLQUFLO2dCQVNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBU0csY0FBYztzQkFBdEIsS0FBSztnQkFTRyxPQUFPO3NCQUFmLEtBQUs7Z0JBT0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5qZWN0LFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kZWwnO1xuaW1wb3J0IHsgQXBwbGljYXRpb25UaGVtZSB9IGZyb20gJy4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbCc7XG5pbXBvcnQgeyBIdG1sRGVzY3JpcHRpb24sIFN0ZXBwZXJQb3NpdGlvbiB9IGZyb20gJy4uL3N0ZXBwZXIvc3RlcHBlci5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0ZXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBDb21wb25lbnQge1xuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgZm9yIHRoZSBsYWJlbCBvZiB0aGUgc3RlcC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgc3RlcCBoYXMgYmVlbiB2aXNpdGVkLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaXNWaXNpdGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGZvcm0gaGFzIGJlZW4gc3VibWl0dGVkLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3VibWl0dGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBmb3IgdGhlIGljb24gYXNzb2NpYXRlZCB3aXRoIHRoZSBzdGVwLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaWNvbjogSWNvbk5hbWUgfCB1bmRlZmluZWQgPSAnJztcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgZm9yIHRoZSBpbmRleCBvZiB0aGUgc3RlcC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgc3RlcCBpcyBjdXJyZW50bHkgc2VsZWN0ZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogSW5wdXQgcHJvcGVydHkgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBzdGVwIGlzIHRoZSBsYXN0IHN0ZXAgaW4gdGhlIHN0ZXBwZXIuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBpc0xhc3Q6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgdGhlIHNlbGVjdGVkIGluZGV4IGluIHRoZSBzdGVwcGVyLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc2VsZWN0ZWRJbmRleDogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHN0ZXAgaXMgZGlzYWJsZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHByZXZpb3VzIHN0ZXAgaGFzIGJlZW4gdmlzaXRlZC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHByZXZTdGVwSXNWaXNpdGVkOiBib29sZWFuIHwgdW5kZWZpbmVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIElucHV0IHByb3BlcnR5IGluZGljYXRpbmcgd2hldGhlciB0aGUgY29tcG9uZW50IGlzIGluIG1vYmlsZSBtb2RlLlxuICAgKlxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbW9iaWxlTW9kZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGZpbmFsIGljb24gc2hvdWxkIGJlIGRpc3BsYXllZC5cbiAgICpcbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGZpbmFsSWNvbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBwcm9wZXJ0eSBpbmRpY2F0aW5nIHRvIGRpc3BsYXkgaWNvbiB3aGVuIHN0ZXAgaXMgc2VsZWN0ZWQuXG4gICAqXG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzaG93SWNvbldoZW5TZWxlY3RlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBhcHBsaWNhdGlvbiB0aGVtZVxuICAgKlxuICAgKiBAdHlwZSB7QXBwbGljYXRpb25UaGVtZX1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIC8qKlxuICAgKlxuICAgKiBEZWZpbmVzIHRoZSBzdGVwcGVyIHBvc2l0aW9uXG4gICAqXG4gICAqIEB0eXBlIHtTdGVwcGVyUG9zaXRpb259XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBwb3NpdGlvbjogU3RlcHBlclBvc2l0aW9uO1xuXG4gIC8qKlxuICAgKlxuICAgKiBTdGVwIGRlc2NyaXB0aW9uXG4gICAqXG4gICAqIEB0eXBlIHtIdG1sRGVzY3JpcHRpb25bXX1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGh0bWxEZXNjcmlwdGlvbjogSHRtbERlc2NyaXB0aW9uW10gPSBbXTtcblxuICAvKipcbiAgICpcbiAgICogU2V0cyBib2xkIGZvbnQgd2VpZ2h0IGZvciBsYWJlbFxuICAgKlxuICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICogQG1lbWJlcm9mIFN0ZXBDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGJvbGRMYWJlbCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBUZW1wbGF0ZSBmb3IgdGhlIHN0ZXAgZGVzY3JpcHRpb25cbiAgICpcbiAgICogQHR5cGUge1RlbXBsYXRlUmVmfVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgZGVzY3JpcHRpb25UcGw/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8qKlxuICAgKlxuICAgKiBUb29sdGlwIGZvciB0aGUgc3RlcCBsYWJlbFxuICAgKlxuICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFiZWxUb29sdGlwPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKlxuICAgKiBBbHdheXMgc2hvdyBzdGVwIGljb24gaW5zdGVhZCBvZiBudW1iZXJcbiAgICpcbiAgICogQHR5cGUge2Jvb2xlYW59XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBhbHdheXNTaG93SWNvbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKlxuICAgKiBDb250ZXh0IGZvciB0aGUgc3RlcCB0ZW1wbGF0ZVxuICAgKlxuICAgKiBAdHlwZSB7YW55fVxuICAgKiBAbWVtYmVyb2YgU3RlcENvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgY29udGV4dDogYW55O1xuXG4gIC8qKlxuICAgKiBFdmVudCBlbWl0dGVkIHdoZW4gdGhlIHN0ZXAgd2FzIGNsaWNrZWQuXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBTdGVwQ29tcG9uZW50XG4gICAqL1xuICBAT3V0cHV0KCkgc3RlcFNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdCgnQ0FOT1BZVUlfREVGQVVMVF9BUFBMSUNBVElPTl9USEVNRScpIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdEFwcFRoZW1lOiBBcHBsaWNhdGlvblRoZW1lLFxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGdldCBoYXNMYXN0U3RlcERlZmF1bHRJY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5zaG93SWNvbldoZW5TZWxlY3RlZCB8fCAodGhpcy5zaG93SWNvbldoZW5TZWxlY3RlZCAmJiAhdGhpcy5zZWxlY3RlZCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25TdGVwU2VsZWN0ZWQoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3RlcFNlbGVjdGVkLmVtaXQoaW5kZXgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIW1vYmlsZU1vZGU7IGVsc2UgbW9iaWxlXCJcbiAgY2xhc3M9XCJzdGVwLWNvbnRhaW5lclwiXG4gIFt0YWJJbmRleF09XCIwXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICd2aXNpdGVkLW5leHQnOiBpc1Zpc2l0ZWQgJiYgaW5kZXggPiBzZWxlY3RlZEluZGV4LFxuICAgICd2aXNpdGVkLXByZXYnOiBpc1Zpc2l0ZWQgJiYgaW5kZXggPCBzZWxlY3RlZEluZGV4LFxuICAgICdhY3RpdmUnOiBzZWxlY3RlZCxcbiAgICAnbGFzdC1zdGVwJzogZmluYWxJY29uICYmIGhhc0xhc3RTdGVwRGVmYXVsdEljb24gJiYgIWFsd2F5c1Nob3dJY29uLFxuICAgICdkaXNhYmxlZCc6IGRpc2FibGVkLFxuICAgICd2ZXJ0aWNhbCc6IHBvc2l0aW9uID09PSAndmVydGljYWwnXG4gIH1cIlxuICBbYXR0ci50aGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcbiAgKGNsaWNrKT1cIm9uU3RlcFNlbGVjdGVkKGluZGV4KVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJzdGVwLWljb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwibGluZVwiICpuZ0lmPVwiaW5kZXhcIiBbbmdDbGFzc109XCJ7IHZpc2l0ZWQ6IHByZXZTdGVwSXNWaXNpdGVkIH1cIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCIgKm5nSWY9XCIhZmluYWxJY29uOyBlbHNlIGxhc3RTdGVwXCI+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJ0cnVlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cImlzVmlzaXRlZCAmJiAhc2VsZWN0ZWQgJiYgIWFsd2F5c1Nob3dJY29uXCI+XG4gICAgICAgICAgPHVpLWljb24gW3NpemVdPVwiJzI0J1wiIFtuYW1lXT1cIidDaGVjaydcIlxuICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJpc1Zpc2l0ZWQgJiYgaW5kZXggPCBzZWxlY3RlZEluZGV4ID8gJ3doaXRlJyA6IGFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJyA/ICdwZXRyb2wnIDogJ3JlYnJhbmQtYmxhY2snXCI+PC91aS1pY29uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIoc2VsZWN0ZWQgJiYgISFpY29uKSB8fCBhbHdheXNTaG93SWNvblwiPlxuICAgICAgICAgIDx1aS1pY29uIFtzaXplXT1cIicyNCdcIiBbbmFtZV09XCJpY29uIVwiIFtjb2xvcl09XCJpc0xhc3QgJiYgIXNlbGVjdGVkID8gJ3JlYnJhbmQtYmxhY2snIDogJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgICAgICAgIHt7IGluZGV4ICsgMSB9fVxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuXG4gICAgPG5nLXRlbXBsYXRlICNsYXN0U3RlcD5cbiAgICAgIDxpbWdcbiAgICAgICAgKm5nSWY9XCJoYXNMYXN0U3RlcERlZmF1bHRJY29uICYmICFhbHdheXNTaG93SWNvbjsgZWxzZSBzdGVwSWNvblwiXG4gICAgICAgIFthbHRdPVwiJ3N0ZXAtZmluaXNoLWltYWdlJ1wiXG4gICAgICAgIFthdHRyLnNyY109XCJhcHBsaWNhdGlvblRoZW1lID09PSAnY2xhc3NpYycgPyAnL2ltYWdlcy9zdGVwLWZpbmlzaC5zdmcnIDogaXNWaXNpdGVkID8gJy9pbWFnZXMvcmVicmFuZC1sYXN0LXN0ZXAtaWNvbi1saWdodC5zdmcnIDogJy9pbWFnZXMvcmVicmFuZC1sYXN0LXN0ZXAtaWNvbi1ibGFjay5zdmcnXCJcbiAgICAgID5cblxuICAgICAgPG5nLXRlbXBsYXRlICNzdGVwSWNvbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImljb24td3JhcHBlclwiPlxuICAgICAgICAgIDx1aS1pY29uICpuZ0lmPVwiaWNvbiB8fCAoaWNvbiAmJiBhbHdheXNTaG93SWNvbik7IGVsc2Ugc3RlcEluZGV4XCIgW3NpemVdPVwiJzI0J1wiIFtuYW1lXT1cImljb25cIiBbY29sb3JdPVwiJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI3N0ZXBJbmRleD5cbiAgICAgICAgICAgIHt7IGluZGV4ICsgMSB9fVxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwic3RlcHMtbGFiZWxcIj5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1sYWJlbFwiIFtuZ0NsYXNzXT1cInsnc3RlcC1ib2xkLWxhYmVsJzogYm9sZExhYmVsfVwiICpuZ0lmPVwibGFiZWxcIiBbbWF0VG9vbHRpcF09XCJsYWJlbFRvb2x0aXAgPz8gJydcIj5cbiAgICAgIHt7IGxhYmVsIH19XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1kZXNjcmlwdGlvbi1jb250YWluZXJcIj5cbiAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGRlc2NyaXB0aW9uIG9mIGh0bWxEZXNjcmlwdGlvblwiIGNsYXNzPVwic3RlcC1kZXNjcmlwdGlvblwiPlxuICAgICAgICA8ZGl2Pnt7ZGVzY3JpcHRpb24udGV4dH19PC9kaXY+XG4gICAgICAgIDx1aS1pY29uICpuZ0lmPVwiZGVzY3JpcHRpb24uaWNvbk5hbWVcIiBbbmFtZV09XCJkZXNjcmlwdGlvbi5pY29uTmFtZVwiIFtzaXplXT1cIicyNCdcIiBbbWF0VG9vbHRpcF09XCJkZXNjcmlwdGlvbi5pY29uVG9vbHRpcCA/PyAnJ1wiID48L3VpLWljb24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkZXNjcmlwdGlvblRwbFwiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRlc2NyaXB0aW9uVHBsXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBjb250ZXh0LCBsYWJlbCwgaXNWaXNpdGVkLCBzdWJtaXR0ZWQsIGluZGV4LCBzZWxlY3RlZCwgaXNMYXN0LCBzZWxlY3RlZEluZGV4LCBkaXNhYmxlZCwgcHJldlN0ZXBJc1Zpc2l0ZWQsIG1vYmlsZU1vZGUsIGZpbmFsSWNvbiwgc2hvd0ljb25XaGVuU2VsZWN0ZWQsIHBvc2l0aW9uIH1cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI21vYmlsZT5cbiAgPGRpdiBjbGFzcz1cIm1vYmlsZS1zdGVwLWNvbnRhaW5lclwiXG4gICAgICAgW25nQ2xhc3NdPVwieyAnYWN0aXZlJzogc2VsZWN0ZWQsICdkaXNhYmxlZCc6IGRpc2FibGVkLCAndmlzaXRlZCc6IGlzVmlzaXRlZCB9XCJcbiAgICAgICAoY2xpY2spPVwib25TdGVwU2VsZWN0ZWQoaW5kZXgpXCJcbiAgICAgICBbYXR0ci50aGVtZV09XCJhcHBsaWNhdGlvblRoZW1lXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJzdGVwXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWZpbmFsSWNvbjsgZWxzZSBsYXN0U3RlcFwiPlxuICAgICAgICA8ZGl2IFtuZ1N3aXRjaF09XCJ0cnVlXCIgY2xhc3M9XCJpY29uXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiaXNWaXNpdGVkICYmICFzZWxlY3RlZFwiPlxuICAgICAgICAgICAgPHVpLWljb24gW3NpemVdPVwiJzE2J1wiIFtuYW1lXT1cIidDaGVjaydcIiBbY29sb3JdPVwiJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cInNlbGVjdGVkICYmICEhaWNvblwiPlxuICAgICAgICAgICAgPHVpLWljb24gW3NpemVdPVwiJzE2J1wiIFtuYW1lXT1cImljb24hXCIgW2NvbG9yXT1cIid3aGl0ZSdcIj48L3VpLWljb24+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgICB7eyBpbmRleCArIDEgfX1cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPG5nLXRlbXBsYXRlICNsYXN0U3RlcD5cbiAgICAgICAgPGltZyAqbmdJZj1cImhhc0xhc3RTdGVwRGVmYXVsdEljb247IGVsc2Ugc3RlcEljb25cIlxuICAgICAgICAgICAgIFthbHRdPVwiJ3N0ZXAtZmluaXNoLWltYWdlJ1wiXG4gICAgICAgICAgICAgW3dpZHRoXT1cIjI0XCJcbiAgICAgICAgICAgICBbaGVpZ2h0XT1cIjI0XCJcbiAgICAgICAgICAgICBbYXR0ci5zcmNdPVwiYXBwbGljYXRpb25UaGVtZSA9PT0gJ2NsYXNzaWMnID8gJy9pbWFnZXMvc3RlcC1maW5pc2guc3ZnJyA6IGlzVmlzaXRlZCA/ICcvaW1hZ2VzL3JlYnJhbmQtbGFzdC1zdGVwLWljb24tbGlnaHQuc3ZnJyA6ICcvaW1hZ2VzL3JlYnJhbmQtbGFzdC1zdGVwLWljb24tYmxhY2suc3ZnJ1wiXG4gICAgICAgID5cblxuICAgICAgICA8bmctdGVtcGxhdGUgI3N0ZXBJY29uPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uXCI+XG4gICAgICAgICAgICA8dWktaWNvbiAqbmdJZj1cImljb247IGVsc2Ugc3RlcEluZGV4XCIgW3NpemVdPVwiJzI0J1wiIFtuYW1lXT1cImljb25cIiBbY29sb3JdPVwiJ3doaXRlJ1wiPjwvdWktaWNvbj5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjc3RlcEluZGV4PlxuICAgICAgICAgICAgICB7eyBpbmRleCArIDEgfX1cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPHNwYW4gY2xhc3M9XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
package/esm2022/components/stepper/stepper.component.mjs CHANGED
@@ -108,11 +108,11 @@ export class StepperComponent {
108
108
  this.isOpen = false;
109
109
  }
110
110
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: IS_MOBILE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
111
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepperComponent, selector: "ui-stepper", inputs: { firstStepAutoSelect: "firstStepAutoSelect", steps: "steps", selectedIndex: "selectedIndex", lastStepFinalIcon: "lastStepFinalIcon", language: "language", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", position: "position", ariaRequired: "ariaRequired" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: "<ng-container>\n <div class=\"stepper-wrapper\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\" *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\n <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <div class=\"step\" #stepElement>\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n [htmlDescription]=\"step.htmlDescription ?? []\"\n [boldLabel]=\"!!step.boldLabel\"\n [position]=\"position\"\n [descriptionTpl]=\"step.descriptionTpl\"\n [labelTooltip]=\"step.labelTooltip\"\n [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n [context]=\"step.context\"\n ></ui-step>\n </div>\n <div *ngIf=\"!isLast\" class=\"separator-line\" [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\n <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n </div>\n </ng-container>\n </div>\n\n <ng-template #mobile>\n <div class=\"mobile-stepper-wrapper\">\n <div class=\"stepper\">\n <div class=\"progress-step\">\n <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\" [total]=\"itemSteps.length\"></ui-radial-progress>\n </div>\n\n <div class=\"step-info\">\n <div class=\"current-step\">\n <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n <span>{{ itemSteps[selectedIndex].label }}</span>\n </div>\n <div class=\"next-step\">\n <span *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate : language) + ':'}} {{ itemSteps[selectedIndex + 1].label }}</span>\n <ng-template #finalStep>\n <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate : language }}</span>\n </ng-template>\n </div>\n </div>\n\n <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\" [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\n </div>\n </div>\n\n <div *ngIf=\"isOpen\">\n <div class=\"step-list\">\n <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\n [mobileMode]=\"true\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n ></ui-step>\n </div>\n </div>\n <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\n </div>\n </div>\n </ng-template>\n\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.test:after{content:\"22222ffff\";font-family:Roboto,sans-serif}.row,.mobile-stepper-wrapper .stepper,.stepper-wrapper .step,.stepper-wrapper{display:flex;flex-direction:row}.column,.mobile-stepper-wrapper .step-list,.mobile-stepper-wrapper .stepper .step-info{display:flex;flex-direction:column}.stepper-wrapper{width:100%}.stepper-wrapper .step{max-width:200px}.stepper-wrapper .separator-line{display:flex;flex:1 1 auto;position:relative;z-index:2}.stepper-wrapper .separator-line.visited .line{border-top:2px solid #276678}.stepper-wrapper .separator-line .line{position:absolute;top:45px;border-top:2px solid #C8D7DE;width:100%;left:0}.stepper-wrapper.vertical{flex-direction:column}.stepper-wrapper.vertical .step{max-width:1024px;width:100%}.stepper-wrapper.vertical .step ui-step{width:100%}.stepper-wrapper.vertical .separator-line.visited .line{border-right:2px solid #276678}.stepper-wrapper.vertical .separator-line .line{top:-15px;border-right:2px solid #C8D7DE;width:2px;left:34px}.stepper-wrapper[theme=dark] .separator-line.visited .line,.stepper-wrapper[theme=light] .separator-line.visited .line{border-top:2px solid #242424}.stepper-wrapper[theme=dark] .separator-line .line,.stepper-wrapper[theme=light] .separator-line .line{border-top:2px solid #D3D3D3}.stepper-wrapper[theme=dark].vertical .separator-line.visited .line,.stepper-wrapper[theme=light].vertical .separator-line.visited .line{border-right:2px solid #242424}.stepper-wrapper[theme=dark].vertical .separator-line .line,.stepper-wrapper[theme=light].vertical .separator-line .line{border-right:2px solid #D3D3D3}.mobile-stepper-wrapper{width:100%;position:relative}.mobile-stepper-wrapper .stepper{padding:12px 16px;height:72px;border:1px solid #888888;background:#fff;border-radius:8px}.mobile-stepper-wrapper .stepper .step-info{width:100%}.mobile-stepper-wrapper .stepper .step-info .current-step{font-weight:700;font-size:16px;line-height:24px}.mobile-stepper-wrapper .stepper .step-info .next-step{margin-top:4px;font-size:14px;line-height:20px}.mobile-stepper-wrapper .stepper .step-info .current-step,.mobile-stepper-wrapper .stepper .step-info .next-step{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-stepper-wrapper .stepper .open-steps{cursor:pointer;display:flex;justify-content:center;align-items:center}.mobile-stepper-wrapper .stepper .open-steps.opened ::ng-deep ui-icon{transform:rotateX(-180deg)}.mobile-stepper-wrapper .stepper .progress-step{position:relative;width:40px;height:40px;margin-right:16px}.mobile-stepper-wrapper .step-list{position:absolute;width:100%;margin-top:4px;z-index:1;background:#fff;box-shadow:0 8px 24px 4px #00000014;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mobile-stepper-wrapper .overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;background:transparent}\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: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "component", type: i3.StepComponent, selector: "ui-step", inputs: ["label", "isVisited", "submitted", "icon", "index", "selected", "isLast", "selectedIndex", "disabled", "prevStepIsVisited", "mobileMode", "finalIcon", "showIconWhenSelected", "applicationTheme", "position", "htmlDescription", "boldLabel", "descriptionTpl", "labelTooltip", "alwaysShowIcon", "context"], outputs: ["stepSelected"] }, { kind: "component", type: i4.RadialProgressComponent, selector: "ui-radial-progress", inputs: ["size", "value", "total", "variant", "icon", "buttonTooltip", "companyColor", "applicationTheme"], outputs: ["buttonClicked"] }, { kind: "directive", type: i5.StepLineElementDirective, selector: "[stepLineElement]", inputs: ["stepLineElement", "position"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
111
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepperComponent, selector: "ui-stepper", inputs: { firstStepAutoSelect: "firstStepAutoSelect", steps: "steps", selectedIndex: "selectedIndex", lastStepFinalIcon: "lastStepFinalIcon", language: "language", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", position: "position", ariaRequired: "ariaRequired" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: "<ng-container>\n <div class=\"stepper-wrapper\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\" *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\n <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <div class=\"step\" #stepElement>\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n [htmlDescription]=\"step.htmlDescription ?? []\"\n [boldLabel]=\"!!step.boldLabel\"\n [position]=\"position\"\n [descriptionTpl]=\"step.descriptionTpl\"\n [labelTooltip]=\"step.labelTooltip\"\n [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n [context]=\"step.context\"\n ></ui-step>\n </div>\n <div *ngIf=\"!isLast\" class=\"separator-line\" [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\n <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n </div>\n </ng-container>\n </div>\n\n <ng-template #mobile>\n <div class=\"mobile-stepper-wrapper\">\n <div class=\"stepper\">\n <div class=\"progress-step\">\n <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\" [total]=\"itemSteps.length\"></ui-radial-progress>\n </div>\n\n <div class=\"step-info\">\n <div class=\"current-step\">\n <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n <span>{{ itemSteps[selectedIndex].label }}</span>\n </div>\n <div class=\"next-step\">\n <span *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate : language) + ':'}} {{ itemSteps[selectedIndex + 1].label }}</span>\n <ng-template #finalStep>\n <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate : language }}</span>\n </ng-template>\n </div>\n </div>\n\n <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\" [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\n </div>\n </div>\n\n <div *ngIf=\"isOpen\">\n <div class=\"step-list\">\n <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\n [mobileMode]=\"true\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n ></ui-step>\n </div>\n </div>\n <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\n </div>\n </div>\n </ng-template>\n\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}@media (max-width: 1024px){:host{width:100%}}@media (max-width: 600px){:host{width:fit-content}}.row,.mobile-stepper-wrapper .stepper,.stepper-wrapper .step,.stepper-wrapper{display:flex;flex-direction:row}.column,.mobile-stepper-wrapper .step-list,.mobile-stepper-wrapper .stepper .step-info{display:flex;flex-direction:column}.stepper-wrapper{width:100%}.stepper-wrapper .step{max-width:200px}.stepper-wrapper .separator-line{display:flex;flex:1 1 auto;position:relative;z-index:2}.stepper-wrapper .separator-line.visited .line{border-top:2px solid #276678}.stepper-wrapper .separator-line .line{position:absolute;top:45px;border-top:2px solid #C8D7DE;width:100%;left:0}.stepper-wrapper.vertical{flex-direction:column}.stepper-wrapper.vertical .step{max-width:1024px;width:100%}.stepper-wrapper.vertical .step ui-step{width:100%}.stepper-wrapper.vertical .separator-line.visited .line{border-right:2px solid #276678}.stepper-wrapper.vertical .separator-line .line{top:-15px;border-right:2px solid #C8D7DE;width:2px;left:34px}.stepper-wrapper[theme=dark] .separator-line.visited .line,.stepper-wrapper[theme=light] .separator-line.visited .line{border-top:2px solid #242424}.stepper-wrapper[theme=dark] .separator-line .line,.stepper-wrapper[theme=light] .separator-line .line{border-top:2px solid #D3D3D3}.stepper-wrapper[theme=dark].vertical .separator-line.visited .line,.stepper-wrapper[theme=light].vertical .separator-line.visited .line{border-right:2px solid #242424}.stepper-wrapper[theme=dark].vertical .separator-line .line,.stepper-wrapper[theme=light].vertical .separator-line .line{border-right:2px solid #D3D3D3}.mobile-stepper-wrapper{width:100%;position:relative}.mobile-stepper-wrapper .stepper{padding:12px 16px;height:72px;border:1px solid #888888;background:#fff;border-radius:8px}.mobile-stepper-wrapper .stepper .step-info{width:100%}.mobile-stepper-wrapper .stepper .step-info .current-step{font-weight:700;font-size:16px;line-height:24px}.mobile-stepper-wrapper .stepper .step-info .next-step{margin-top:4px;font-size:14px;line-height:20px}.mobile-stepper-wrapper .stepper .step-info .current-step,.mobile-stepper-wrapper .stepper .step-info .next-step{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-stepper-wrapper .stepper .open-steps{cursor:pointer;display:flex;justify-content:center;align-items:center}.mobile-stepper-wrapper .stepper .open-steps.opened ::ng-deep ui-icon{transform:rotateX(-180deg)}.mobile-stepper-wrapper .stepper .progress-step{position:relative;width:40px;height:40px;margin-right:16px}.mobile-stepper-wrapper .step-list{position:absolute;width:100%;margin-top:4px;z-index:1;background:#fff;box-shadow:0 8px 24px 4px #00000014;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mobile-stepper-wrapper .overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;background:transparent}\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: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "component", type: i3.StepComponent, selector: "ui-step", inputs: ["label", "isVisited", "submitted", "icon", "index", "selected", "isLast", "selectedIndex", "disabled", "prevStepIsVisited", "mobileMode", "finalIcon", "showIconWhenSelected", "applicationTheme", "position", "htmlDescription", "boldLabel", "descriptionTpl", "labelTooltip", "alwaysShowIcon", "context"], outputs: ["stepSelected"] }, { kind: "component", type: i4.RadialProgressComponent, selector: "ui-radial-progress", inputs: ["size", "value", "total", "variant", "icon", "buttonTooltip", "companyColor", "applicationTheme"], outputs: ["buttonClicked"] }, { kind: "directive", type: i5.StepLineElementDirective, selector: "[stepLineElement]", inputs: ["stepLineElement", "position"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
112
112
  }
113
113
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperComponent, decorators: [{
114
114
  type: Component,
115
- args: [{ selector: 'ui-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n <div class=\"stepper-wrapper\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\" *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\n <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <div class=\"step\" #stepElement>\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n [htmlDescription]=\"step.htmlDescription ?? []\"\n [boldLabel]=\"!!step.boldLabel\"\n [position]=\"position\"\n [descriptionTpl]=\"step.descriptionTpl\"\n [labelTooltip]=\"step.labelTooltip\"\n [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n [context]=\"step.context\"\n ></ui-step>\n </div>\n <div *ngIf=\"!isLast\" class=\"separator-line\" [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\n <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n </div>\n </ng-container>\n </div>\n\n <ng-template #mobile>\n <div class=\"mobile-stepper-wrapper\">\n <div class=\"stepper\">\n <div class=\"progress-step\">\n <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\" [total]=\"itemSteps.length\"></ui-radial-progress>\n </div>\n\n <div class=\"step-info\">\n <div class=\"current-step\">\n <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n <span>{{ itemSteps[selectedIndex].label }}</span>\n </div>\n <div class=\"next-step\">\n <span *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate : language) + ':'}} {{ itemSteps[selectedIndex + 1].label }}</span>\n <ng-template #finalStep>\n <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate : language }}</span>\n </ng-template>\n </div>\n </div>\n\n <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\" [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\n </div>\n </div>\n\n <div *ngIf=\"isOpen\">\n <div class=\"step-list\">\n <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\n [mobileMode]=\"true\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n ></ui-step>\n </div>\n </div>\n <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\n </div>\n </div>\n </ng-template>\n\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.test:after{content:\"22222ffff\";font-family:Roboto,sans-serif}.row,.mobile-stepper-wrapper .stepper,.stepper-wrapper .step,.stepper-wrapper{display:flex;flex-direction:row}.column,.mobile-stepper-wrapper .step-list,.mobile-stepper-wrapper .stepper .step-info{display:flex;flex-direction:column}.stepper-wrapper{width:100%}.stepper-wrapper .step{max-width:200px}.stepper-wrapper .separator-line{display:flex;flex:1 1 auto;position:relative;z-index:2}.stepper-wrapper .separator-line.visited .line{border-top:2px solid #276678}.stepper-wrapper .separator-line .line{position:absolute;top:45px;border-top:2px solid #C8D7DE;width:100%;left:0}.stepper-wrapper.vertical{flex-direction:column}.stepper-wrapper.vertical .step{max-width:1024px;width:100%}.stepper-wrapper.vertical .step ui-step{width:100%}.stepper-wrapper.vertical .separator-line.visited .line{border-right:2px solid #276678}.stepper-wrapper.vertical .separator-line .line{top:-15px;border-right:2px solid #C8D7DE;width:2px;left:34px}.stepper-wrapper[theme=dark] .separator-line.visited .line,.stepper-wrapper[theme=light] .separator-line.visited .line{border-top:2px solid #242424}.stepper-wrapper[theme=dark] .separator-line .line,.stepper-wrapper[theme=light] .separator-line .line{border-top:2px solid #D3D3D3}.stepper-wrapper[theme=dark].vertical .separator-line.visited .line,.stepper-wrapper[theme=light].vertical .separator-line.visited .line{border-right:2px solid #242424}.stepper-wrapper[theme=dark].vertical .separator-line .line,.stepper-wrapper[theme=light].vertical .separator-line .line{border-right:2px solid #D3D3D3}.mobile-stepper-wrapper{width:100%;position:relative}.mobile-stepper-wrapper .stepper{padding:12px 16px;height:72px;border:1px solid #888888;background:#fff;border-radius:8px}.mobile-stepper-wrapper .stepper .step-info{width:100%}.mobile-stepper-wrapper .stepper .step-info .current-step{font-weight:700;font-size:16px;line-height:24px}.mobile-stepper-wrapper .stepper .step-info .next-step{margin-top:4px;font-size:14px;line-height:20px}.mobile-stepper-wrapper .stepper .step-info .current-step,.mobile-stepper-wrapper .stepper .step-info .next-step{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-stepper-wrapper .stepper .open-steps{cursor:pointer;display:flex;justify-content:center;align-items:center}.mobile-stepper-wrapper .stepper .open-steps.opened ::ng-deep ui-icon{transform:rotateX(-180deg)}.mobile-stepper-wrapper .stepper .progress-step{position:relative;width:40px;height:40px;margin-right:16px}.mobile-stepper-wrapper .step-list{position:absolute;width:100%;margin-top:4px;z-index:1;background:#fff;box-shadow:0 8px 24px 4px #00000014;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mobile-stepper-wrapper .overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;background:transparent}\n"] }]
115
+ args: [{ selector: 'ui-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n <div class=\"stepper-wrapper\" [ngClass]=\"position\" [attr.theme]=\"applicationTheme\" *ngIf=\"(position === 'horizontal' && !(isMobile$ | async)) || (position === 'vertical'); else mobile\">\n <ng-container *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <div class=\"step\" #stepElement>\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? (i > selectedIndex + 1 && !step.isVisited)\"\n [prevStepIsVisited]=\"itemSteps[i - 1]?.isVisited && step.isVisited\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n [htmlDescription]=\"step.htmlDescription ?? []\"\n [boldLabel]=\"!!step.boldLabel\"\n [position]=\"position\"\n [descriptionTpl]=\"step.descriptionTpl\"\n [labelTooltip]=\"step.labelTooltip\"\n [alwaysShowIcon]=\"!!step.alwaysShowIcon\"\n [context]=\"step.context\"\n ></ui-step>\n </div>\n <div *ngIf=\"!isLast\" class=\"separator-line\" [ngClass]=\"{ visited: step.isVisited && !!this.itemSteps[i + 1]?.isVisited }\">\n <div [stepLineElement]=\"stepElement\" [position]=\"position\" class=\"line\"></div>\n </div>\n </ng-container>\n </div>\n\n <ng-template #mobile>\n <div class=\"mobile-stepper-wrapper\">\n <div class=\"stepper\">\n <div class=\"progress-step\">\n <ui-radial-progress [applicationTheme]=\"applicationTheme\" [value]=\"selectedIndex + 1\" [total]=\"itemSteps.length\"></ui-radial-progress>\n </div>\n\n <div class=\"step-info\">\n <div class=\"current-step\">\n <span>{{ selectedIndex + 1 }}/{{ itemSteps.length }} </span>\n <span>{{ itemSteps[selectedIndex].label }}</span>\n </div>\n <div class=\"next-step\">\n <span *ngIf=\"itemSteps.length !== selectedIndex + 1 else finalStep\">{{ (('COMMON.NEXT') | uiTranslate : language) + ':'}} {{ itemSteps[selectedIndex + 1].label }}</span>\n <ng-template #finalStep>\n <span>{{ (translationContext + 'FINAL_STEP') | uiTranslate : language }}</span>\n </ng-template>\n </div>\n </div>\n\n <div class=\"open-steps\" (click)=\"showStepsToggle()\" [ngClass]=\"{ opened: isOpen }\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [size]=\"'24'\" [name]=\"applicationTheme === 'classic' ? 'Arrow_down' : 'Arrow-chevron-down-in-line'\"></ui-icon>\n </div>\n </div>\n\n <div *ngIf=\"isOpen\">\n <div class=\"step-list\">\n <div class=\"step\" *ngFor=\"let step of itemSteps; index as i, last as isLast\">\n <ui-step\n [label]=\"step.label\"\n [isVisited]=\"step.isVisited!\"\n [icon]=\"step.iconName\"\n [index]=\"i\"\n [selected]=\"i === selectedIndex\"\n [selectedIndex]=\"selectedIndex\"\n [isLast]=\"isLast\"\n [disabled]=\"step.disabled ?? ( i > selectedIndex + 1 && !step.isVisited)\"\n [mobileMode]=\"true\"\n [finalIcon]=\"isLast ? lastStepFinalIcon : false\"\n [showIconWhenSelected]=\"!!step.showIconWhenSelected\"\n (stepSelected)=\"onSelect($event, step)\"\n [applicationTheme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel + '--' + step.label\"\n ></ui-step>\n </div>\n </div>\n <div class=\"overlay\" (click)=\"onCloseStepList()\"></div>\n </div>\n </div>\n </ng-template>\n\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}@media (max-width: 1024px){:host{width:100%}}@media (max-width: 600px){:host{width:fit-content}}.row,.mobile-stepper-wrapper .stepper,.stepper-wrapper .step,.stepper-wrapper{display:flex;flex-direction:row}.column,.mobile-stepper-wrapper .step-list,.mobile-stepper-wrapper .stepper .step-info{display:flex;flex-direction:column}.stepper-wrapper{width:100%}.stepper-wrapper .step{max-width:200px}.stepper-wrapper .separator-line{display:flex;flex:1 1 auto;position:relative;z-index:2}.stepper-wrapper .separator-line.visited .line{border-top:2px solid #276678}.stepper-wrapper .separator-line .line{position:absolute;top:45px;border-top:2px solid #C8D7DE;width:100%;left:0}.stepper-wrapper.vertical{flex-direction:column}.stepper-wrapper.vertical .step{max-width:1024px;width:100%}.stepper-wrapper.vertical .step ui-step{width:100%}.stepper-wrapper.vertical .separator-line.visited .line{border-right:2px solid #276678}.stepper-wrapper.vertical .separator-line .line{top:-15px;border-right:2px solid #C8D7DE;width:2px;left:34px}.stepper-wrapper[theme=dark] .separator-line.visited .line,.stepper-wrapper[theme=light] .separator-line.visited .line{border-top:2px solid #242424}.stepper-wrapper[theme=dark] .separator-line .line,.stepper-wrapper[theme=light] .separator-line .line{border-top:2px solid #D3D3D3}.stepper-wrapper[theme=dark].vertical .separator-line.visited .line,.stepper-wrapper[theme=light].vertical .separator-line.visited .line{border-right:2px solid #242424}.stepper-wrapper[theme=dark].vertical .separator-line .line,.stepper-wrapper[theme=light].vertical .separator-line .line{border-right:2px solid #D3D3D3}.mobile-stepper-wrapper{width:100%;position:relative}.mobile-stepper-wrapper .stepper{padding:12px 16px;height:72px;border:1px solid #888888;background:#fff;border-radius:8px}.mobile-stepper-wrapper .stepper .step-info{width:100%}.mobile-stepper-wrapper .stepper .step-info .current-step{font-weight:700;font-size:16px;line-height:24px}.mobile-stepper-wrapper .stepper .step-info .next-step{margin-top:4px;font-size:14px;line-height:20px}.mobile-stepper-wrapper .stepper .step-info .current-step,.mobile-stepper-wrapper .stepper .step-info .next-step{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-stepper-wrapper .stepper .open-steps{cursor:pointer;display:flex;justify-content:center;align-items:center}.mobile-stepper-wrapper .stepper .open-steps.opened ::ng-deep ui-icon{transform:rotateX(-180deg)}.mobile-stepper-wrapper .stepper .progress-step{position:relative;width:40px;height:40px;margin-right:16px}.mobile-stepper-wrapper .step-list{position:absolute;width:100%;margin-top:4px;z-index:1;background:#fff;box-shadow:0 8px 24px 4px #00000014;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mobile-stepper-wrapper .overlay{position:fixed;width:100%;height:100%;left:0;top:0;z-index:-1;background:transparent}\n"] }]
116
116
  }], ctorParameters: () => [{ type: undefined, decorators: [{
117
117
  type: Optional
118
118
  }, {