ngx-wapp-components 1.14.14 → 1.14.15

package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs

@@ -6,6 +6,7 @@ import * as i2 from "@angular/common";
 import * as i3 from "primeng/steps";
 import * as i4 from "../../button/w-button/w-button.component";
 import * as i5 from "../../layout/w-panel/w-panel.component";
+import * as i6 from "../../layout/w-body-grid/w-body-grid.component";
 export class WWizardComponent {
     constructor(messageService) {
         this.messageService = messageService;
@@ -37,10 +38,10 @@ export class WWizardComponent {
     }
 }
 WWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-WWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WWizardComponent, selector: "w-wizard", inputs: { stepsItems: "stepsItems", stepsHeadings: "stepsHeadings", stepsSubheadings: "stepsSubheadings", nextBtnLabel: "nextBtnLabel", previousBtnLabel: "previousBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", formGroup: "formGroup" }, outputs: { confirmButtonActivated: "confirmButtonActivated", secondaryConfirmButtonActivated: "secondaryConfirmButtonActivated", activeIndexParent: "activeIndexParent" }, providers: [MessageService], ngImport: i0, template: "<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n</w-panel>\r\n\r\n<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    \r\n    <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n        <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n            {{stepsHeadings[activeIndex]}}\r\n        </span>\r\n        <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n            {{stepsSubheadings[activeIndex]}}\r\n        </span>\r\n    </div>\r\n\r\n    <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n    <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n        <div class=\"flex align-items-center justify-content-center\">\r\n            <w-button *ngIf=\"activeIndex != 0\" \r\n                      [icon]=\"'pi-arrow-left'\" \r\n                      type=\"secondary\" \r\n                      [label]=\"previousBtnLabel\" \r\n                      (onClick)=\"previousPage()\">\r\n            </w-button>\r\n        </div>\r\n        <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n            <w-button type=\"primary\"\r\n                      [icon]=\"'pi-arrow-right'\" \r\n                      [label]=\"nextBtnLabel\" \r\n                      (onClick)=\"nextPage()\">\r\n            </w-button>\r\n        </div>\r\n        <ng-template #confirmButtons >\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                          type=\"secondary\"\r\n                          class=\"w-wizard-button-gap\"\r\n                          [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                          [label]=\"secondaryConfirmButtonLabel\" \r\n                          [disabled]=\"formGroup && !formGroup.valid\" \r\n                          (onClick)=\"secondaryConfirm()\">\r\n                </w-button>\r\n                <w-button type=\"primary\"\r\n                           [icon]=\"'pi '+confirmButtonIcon\"\r\n                           [label]=\"confirmButtonLabel\" \r\n                           [disabled]=\"formGroup && !formGroup.valid\" \r\n                           (onClick)=\"confirm()\">\r\n                </w-button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</w-panel>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i4.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: i5.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions"] }] });
+WWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WWizardComponent, selector: "w-wizard", inputs: { stepsItems: "stepsItems", stepsHeadings: "stepsHeadings", stepsSubheadings: "stepsSubheadings", nextBtnLabel: "nextBtnLabel", previousBtnLabel: "previousBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", formGroup: "formGroup" }, outputs: { confirmButtonActivated: "confirmButtonActivated", secondaryConfirmButtonActivated: "secondaryConfirmButtonActivated", activeIndexParent: "activeIndexParent" }, providers: [MessageService], ngImport: i0, template: "<w-body-grid>\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n    </w-panel>\r\n\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        \r\n        <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n            <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n                {{stepsHeadings[activeIndex]}}\r\n            </span>\r\n            <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n                {{stepsSubheadings[activeIndex]}}\r\n            </span>\r\n        </div>\r\n\r\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n        <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"activeIndex != 0\" \r\n                        [icon]=\"'pi-arrow-left'\" \r\n                        type=\"secondary\" \r\n                        [label]=\"previousBtnLabel\" \r\n                        (onClick)=\"previousPage()\">\r\n                </w-button>\r\n            </div>\r\n            <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n                <w-button type=\"primary\"\r\n                        [icon]=\"'pi-arrow-right'\" \r\n                        [label]=\"nextBtnLabel\" \r\n                        (onClick)=\"nextPage()\">\r\n                </w-button>\r\n            </div>\r\n            <ng-template #confirmButtons >\r\n                <div class=\"flex align-items-center justify-content-center\">\r\n                    <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                            type=\"secondary\"\r\n                            class=\"w-wizard-button-gap\"\r\n                            [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                            [label]=\"secondaryConfirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"secondaryConfirm()\">\r\n                    </w-button>\r\n                    <w-button type=\"primary\"\r\n                            [icon]=\"'pi '+confirmButtonIcon\"\r\n                            [label]=\"confirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"confirm()\">\r\n                    </w-button>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </w-panel>\r\n</w-body-grid>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i4.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: i5.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions"] }, { kind: "component", type: i6.WBodyGridComponent, selector: "w-body-grid" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-wizard', providers: [MessageService], template: "<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n</w-panel>\r\n\r\n<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    \r\n    <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n        <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n            {{stepsHeadings[activeIndex]}}\r\n        </span>\r\n        <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n            {{stepsSubheadings[activeIndex]}}\r\n        </span>\r\n    </div>\r\n\r\n    <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n    <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n        <div class=\"flex align-items-center justify-content-center\">\r\n            <w-button *ngIf=\"activeIndex != 0\" \r\n                      [icon]=\"'pi-arrow-left'\" \r\n                      type=\"secondary\" \r\n                      [label]=\"previousBtnLabel\" \r\n                      (onClick)=\"previousPage()\">\r\n            </w-button>\r\n        </div>\r\n        <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n            <w-button type=\"primary\"\r\n                      [icon]=\"'pi-arrow-right'\" \r\n                      [label]=\"nextBtnLabel\" \r\n                      (onClick)=\"nextPage()\">\r\n            </w-button>\r\n        </div>\r\n        <ng-template #confirmButtons >\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                          type=\"secondary\"\r\n                          class=\"w-wizard-button-gap\"\r\n                          [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                          [label]=\"secondaryConfirmButtonLabel\" \r\n                          [disabled]=\"formGroup && !formGroup.valid\" \r\n                          (onClick)=\"secondaryConfirm()\">\r\n                </w-button>\r\n                <w-button type=\"primary\"\r\n                           [icon]=\"'pi '+confirmButtonIcon\"\r\n                           [label]=\"confirmButtonLabel\" \r\n                           [disabled]=\"formGroup && !formGroup.valid\" \r\n                           (onClick)=\"confirm()\">\r\n                </w-button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</w-panel>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"] }]
+            args: [{ selector: 'w-wizard', providers: [MessageService], template: "<w-body-grid>\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n    </w-panel>\r\n\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        \r\n        <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n            <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n                {{stepsHeadings[activeIndex]}}\r\n            </span>\r\n            <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n                {{stepsSubheadings[activeIndex]}}\r\n            </span>\r\n        </div>\r\n\r\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n        <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"activeIndex != 0\" \r\n                        [icon]=\"'pi-arrow-left'\" \r\n                        type=\"secondary\" \r\n                        [label]=\"previousBtnLabel\" \r\n                        (onClick)=\"previousPage()\">\r\n                </w-button>\r\n            </div>\r\n            <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n                <w-button type=\"primary\"\r\n                        [icon]=\"'pi-arrow-right'\" \r\n                        [label]=\"nextBtnLabel\" \r\n                        (onClick)=\"nextPage()\">\r\n                </w-button>\r\n            </div>\r\n            <ng-template #confirmButtons >\r\n                <div class=\"flex align-items-center justify-content-center\">\r\n                    <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                            type=\"secondary\"\r\n                            class=\"w-wizard-button-gap\"\r\n                            [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                            [label]=\"secondaryConfirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"secondaryConfirm()\">\r\n                    </w-button>\r\n                    <w-button type=\"primary\"\r\n                            [icon]=\"'pi '+confirmButtonIcon\"\r\n                            [label]=\"confirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"confirm()\">\r\n                    </w-button>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </w-panel>\r\n</w-body-grid>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MessageService }]; }, propDecorators: { stepsItems: [{
                 type: Input,
                 args: ['stepsItems']
@@ -84,4 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Output,
                 args: ['activeIndexParent']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWlzYy93LXdpemFyZC93LXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctd2l6YXJkL3ctd2l6YXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFZLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7OztBQVF2RCxNQUFNLE9BQU8sZ0JBQWdCO0lBb0IzQixZQUFtQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFsQmpELGdCQUFXLEdBQVcsQ0FBQyxDQUFDO1FBS0QsaUJBQVksR0FBVyxNQUFNLENBQUM7UUFDMUIscUJBQWdCLEdBQVcsVUFBVSxDQUFDO1FBSzVDLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFHZCwyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzVDLG9DQUErQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDNUUsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV4QixDQUFDO0lBRXJELG1CQUFtQixDQUFDLEtBQVM7UUFDM0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDOUMsT0FBTztJQUNYLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLCtCQUErQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsRCxDQUFDOzs2R0EzQ1UsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isd25CQUZoQixDQUFDLGNBQWMsQ0FBQywwQkNSN0IsOGtKQXdFQTsyRkQ5RGEsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsYUFHVCxDQUFDLGNBQWMsQ0FBQztxR0FNTixVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0ssYUFBYTtzQkFBcEMsS0FBSzt1QkFBQyxlQUFlO2dCQUNLLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ0YsWUFBWTtzQkFBbEMsS0FBSzt1QkFBQyxjQUFjO2dCQUNNLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ0ksa0JBQWtCO3NCQUE5QyxLQUFLO3VCQUFDLG9CQUFvQjtnQkFDQyxpQkFBaUI7c0JBQTVDLEtBQUs7dUJBQUMsbUJBQW1CO2dCQUNZLDJCQUEyQjtzQkFBaEUsS0FBSzt1QkFBQyw2QkFBNkI7Z0JBQ0MsMEJBQTBCO3NCQUE5RCxLQUFLO3VCQUFDLDRCQUE0QjtnQkFDZCxVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0MsU0FBUztzQkFBNUIsS0FBSzt1QkFBQyxXQUFXO2dCQUVnQixzQkFBc0I7c0JBQXZELE1BQU07dUJBQUMsd0JBQXdCO2dCQUNXLCtCQUErQjtzQkFBekUsTUFBTTt1QkFBQyxpQ0FBaUM7Z0JBQ1osaUJBQWlCO3NCQUE3QyxNQUFNO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXdpemFyZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctd2l6YXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXdpemFyZC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW01lc3NhZ2VTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1dpemFyZENvbXBvbmVudCB7XHJcbiAgaXRlbXMhOiBNZW51SXRlbVtdO1xyXG4gIGFjdGl2ZUluZGV4OiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoJ3N0ZXBzSXRlbXMnKSBzdGVwc0l0ZW1zITogTWVudUl0ZW1bXTtcclxuICBASW5wdXQoJ3N0ZXBzSGVhZGluZ3MnKSBzdGVwc0hlYWRpbmdzITogc3RyaW5nW107XHJcbiAgQElucHV0KCdzdGVwc1N1YmhlYWRpbmdzJykgc3RlcHNTdWJoZWFkaW5ncyE6IHN0cmluZ1tdO1xyXG4gIEBJbnB1dCgnbmV4dEJ0bkxhYmVsJykgbmV4dEJ0bkxhYmVsOiBzdHJpbmcgPSBcIk5leHRcIjtcclxuICBASW5wdXQoJ3ByZXZpb3VzQnRuTGFiZWwnKSBwcmV2aW91c0J0bkxhYmVsOiBzdHJpbmcgPSBcIlByZXZpb3VzXCI7XHJcbiAgQElucHV0KCdjb25maXJtQnV0dG9uTGFiZWwnKSBjb25maXJtQnV0dG9uTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdjb25maXJtQnV0dG9uSWNvbicpIGNvbmZpcm1CdXR0b25JY29uITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsJykgc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkljb24nKSBzZWNvbmRhcnlDb25maXJtQnV0dG9uSWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoJ2lzUmVhZE9ubHknKSBpc1JlYWRPbmx5OiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoJ2Zvcm1Hcm91cCcpIGZvcm1Hcm91cCE6IEZvcm1Hcm91cDtcclxuXHJcbiAgQE91dHB1dCgnY29uZmlybUJ1dHRvbkFjdGl2YXRlZCcpIGNvbmZpcm1CdXR0b25BY3RpdmF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkFjdGl2YXRlZCcpIHNlY29uZGFyeUNvbmZpcm1CdXR0b25BY3RpdmF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgnYWN0aXZlSW5kZXhQYXJlbnQnKSBhY3RpdmVJbmRleFBhcmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlKSB7fVxyXG5cclxuICBvbkFjdGl2ZUluZGV4Q2hhbmdlKGV2ZW50OmFueSkge1xyXG4gICAgdGhpcy5hY3RpdmVJbmRleCA9IGV2ZW50O1xyXG4gIH1cclxuXHJcbiAgbmV4dFBhZ2UoKSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlSW5kZXgrKztcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleFBhcmVudC5lbWl0KHRoaXMuYWN0aXZlSW5kZXgpO1xyXG4gICAgICByZXR1cm47XHJcbiAgfVxyXG4gIFxyXG4gIHByZXZpb3VzUGFnZSgpIHtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXgtLTtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXhQYXJlbnQuZW1pdCh0aGlzLmFjdGl2ZUluZGV4KTtcclxuICB9XHJcbiAgXHJcbiAgY29uZmlybSgpIHtcclxuICAgIHRoaXMuY29uZmlybUJ1dHRvbkFjdGl2YXRlZC5lbWl0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgc2Vjb25kYXJ5Q29uZmlybSgpIHtcclxuICAgIHRoaXMuc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkFjdGl2YXRlZC5lbWl0KHRydWUpO1xyXG4gIH1cclxufVxyXG4iLCI8dy1wYW5lbCBjbGFzcz1cImNvbC0xMlwiIFthY3RpdmVHcmlkXT1cImZhbHNlXCI+XHJcbiAgICA8cC1zdGVwcyBbbW9kZWxdPVwic3RlcHNJdGVtc1wiIFthY3RpdmVJbmRleF09XCJhY3RpdmVJbmRleFwiIChhY3RpdmVJbmRleENoYW5nZSk9XCJvbkFjdGl2ZUluZGV4Q2hhbmdlKCRldmVudClcIiBbcmVhZG9ubHldPVwiaXNSZWFkT25seVwiPjwvcC1zdGVwcz5cclxuPC93LXBhbmVsPlxyXG5cclxuPHctcGFuZWwgY2xhc3M9XCJjb2wtMTJcIiBbYWN0aXZlR3JpZF09XCJmYWxzZVwiPlxyXG4gICAgXHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIgc206YWxpZ24taXRlbXMtc3RhcnQgdy13aXphcmQtaGVhZGluZ3NcIj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXBzSGVhZGluZ3MgJiYgc3RlcHNIZWFkaW5nc1thY3RpdmVJbmRleF1cIiBjbGFzcz1cInctd2l6YXJkLWhlYWRpbmdcIj5cclxuICAgICAgICAgICAge3tzdGVwc0hlYWRpbmdzW2FjdGl2ZUluZGV4XX19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwic3RlcHNTdWJoZWFkaW5ncyAmJiBzdGVwc1N1YmhlYWRpbmdzW2FjdGl2ZUluZGV4XVwiIGNsYXNzPVwidy13aXphcmQtc3ViaGVhZGluZ1wiPlxyXG4gICAgICAgICAgICB7e3N0ZXBzU3ViaGVhZGluZ3NbYWN0aXZlSW5kZXhdfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDBcIiBzZWxlY3Q9XCIuc3RlcC0xXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxXCIgc2VsZWN0PVwiLnN0ZXAtMlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMlwiIHNlbGVjdD1cIi5zdGVwLTNcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDNcIiBzZWxlY3Q9XCIuc3RlcC00XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA0XCIgc2VsZWN0PVwiLnN0ZXAtNVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gNVwiIHNlbGVjdD1cIi5zdGVwLTZcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDZcIiBzZWxlY3Q9XCIuc3RlcC03XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA3XCIgc2VsZWN0PVwiLnN0ZXAtOFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gOFwiIHNlbGVjdD1cIi5zdGVwLTlcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDlcIiBzZWxlY3Q9XCIuc3RlcC0xMFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTBcIiBzZWxlY3Q9XCIuc3RlcC0xMVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTFcIiBzZWxlY3Q9XCIuc3RlcC0xMlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTJcIiBzZWxlY3Q9XCIuc3RlcC0xM1wiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTNcIiBzZWxlY3Q9XCIuc3RlcC0xNFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTRcIiBzZWxlY3Q9XCIuc3RlcC0xNVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTVcIiBzZWxlY3Q9XCIuc3RlcC0xNlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTZcIiBzZWxlY3Q9XCIuc3RlcC0xN1wiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTdcIiBzZWxlY3Q9XCIuc3RlcC0xOFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMThcIiBzZWxlY3Q9XCIuc3RlcC0xOVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTlcIiBzZWxlY3Q9XCIuc3RlcC0yMFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBmbGV4LXdyYXAgbS1hdXRvXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPHctYnV0dG9uICpuZ0lmPVwiYWN0aXZlSW5kZXggIT0gMFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiJ3BpLWFycm93LWxlZnQnXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwic2Vjb25kYXJ5XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicHJldmlvdXNCdG5MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwicHJldmlvdXNQYWdlKClcIj5cclxuICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIShzdGVwc0l0ZW1zLmxlbmd0aCAtMSA9PSBhY3RpdmVJbmRleCk7IGVsc2UgY29uZmlybUJ1dHRvbnNcIiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPHctYnV0dG9uIHR5cGU9XCJwcmltYXJ5XCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaS1hcnJvdy1yaWdodCdcIiBcclxuICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJuZXh0QnRuTGFiZWxcIiBcclxuICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cIm5leHRQYWdlKClcIj5cclxuICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2NvbmZpcm1CdXR0b25zID5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgIDx3LWJ1dHRvbiAqbmdJZj1cInNlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInNlY29uZGFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3LXdpemFyZC1idXR0b24tZ2FwXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGkgJytzZWNvbmRhcnlDb25maXJtQnV0dG9uSWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cInNlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtR3JvdXAgJiYgIWZvcm1Hcm91cC52YWxpZFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cInNlY29uZGFyeUNvbmZpcm0oKVwiPlxyXG4gICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgIDx3LWJ1dHRvbiB0eXBlPVwicHJpbWFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaSAnK2NvbmZpcm1CdXR0b25JY29uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImNvbmZpcm1CdXR0b25MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZm9ybUdyb3VwICYmICFmb3JtR3JvdXAudmFsaWRcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwiY29uZmlybSgpXCI+XHJcbiAgICAgICAgICAgICAgICA8L3ctYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9kaXY+XHJcbjwvdy1wYW5lbD5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWlzYy93LXdpemFyZC93LXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctd2l6YXJkL3ctd2l6YXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFZLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7Ozs7QUFRdkQsTUFBTSxPQUFPLGdCQUFnQjtJQW9CM0IsWUFBbUIsY0FBOEI7UUFBOUIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBbEJqRCxnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUtELGlCQUFZLEdBQVcsTUFBTSxDQUFDO1FBQzFCLHFCQUFnQixHQUFXLFVBQVUsQ0FBQztRQUs1QyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBR2QsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM1QyxvQ0FBK0IsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzVFLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFeEIsQ0FBQztJQUVyRCxtQkFBbUIsQ0FBQyxLQUFTO1FBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzlDLE9BQU87SUFDWCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQywrQkFBK0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEQsQ0FBQzs7NkdBM0NVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHduQkFGaEIsQ0FBQyxjQUFjLENBQUMsMEJDUjdCLCsxSkEwRUE7MkZEaEVhLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVLGFBR1QsQ0FBQyxjQUFjLENBQUM7cUdBTU4sVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNLLGFBQWE7c0JBQXBDLEtBQUs7dUJBQUMsZUFBZTtnQkFDSyxnQkFBZ0I7c0JBQTFDLEtBQUs7dUJBQUMsa0JBQWtCO2dCQUNGLFlBQVk7c0JBQWxDLEtBQUs7dUJBQUMsY0FBYztnQkFDTSxnQkFBZ0I7c0JBQTFDLEtBQUs7dUJBQUMsa0JBQWtCO2dCQUNJLGtCQUFrQjtzQkFBOUMsS0FBSzt1QkFBQyxvQkFBb0I7Z0JBQ0MsaUJBQWlCO3NCQUE1QyxLQUFLO3VCQUFDLG1CQUFtQjtnQkFDWSwyQkFBMkI7c0JBQWhFLEtBQUs7dUJBQUMsNkJBQTZCO2dCQUNDLDBCQUEwQjtzQkFBOUQsS0FBSzt1QkFBQyw0QkFBNEI7Z0JBQ2QsVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNDLFNBQVM7c0JBQTVCLEtBQUs7dUJBQUMsV0FBVztnQkFFZ0Isc0JBQXNCO3NCQUF2RCxNQUFNO3VCQUFDLHdCQUF3QjtnQkFDVywrQkFBK0I7c0JBQXpFLE1BQU07dUJBQUMsaUNBQWlDO2dCQUNaLGlCQUFpQjtzQkFBN0MsTUFBTTt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1lbnVJdGVtLCBNZXNzYWdlU2VydmljZSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy13aXphcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXdpemFyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy13aXphcmQuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtNZXNzYWdlU2VydmljZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIFdXaXphcmRDb21wb25lbnQge1xyXG4gIGl0ZW1zITogTWVudUl0ZW1bXTtcclxuICBhY3RpdmVJbmRleDogbnVtYmVyID0gMDtcclxuXHJcbiAgQElucHV0KCdzdGVwc0l0ZW1zJykgc3RlcHNJdGVtcyE6IE1lbnVJdGVtW107XHJcbiAgQElucHV0KCdzdGVwc0hlYWRpbmdzJykgc3RlcHNIZWFkaW5ncyE6IHN0cmluZ1tdO1xyXG4gIEBJbnB1dCgnc3RlcHNTdWJoZWFkaW5ncycpIHN0ZXBzU3ViaGVhZGluZ3MhOiBzdHJpbmdbXTtcclxuICBASW5wdXQoJ25leHRCdG5MYWJlbCcpIG5leHRCdG5MYWJlbDogc3RyaW5nID0gXCJOZXh0XCI7XHJcbiAgQElucHV0KCdwcmV2aW91c0J0bkxhYmVsJykgcHJldmlvdXNCdG5MYWJlbDogc3RyaW5nID0gXCJQcmV2aW91c1wiO1xyXG4gIEBJbnB1dCgnY29uZmlybUJ1dHRvbkxhYmVsJykgY29uZmlybUJ1dHRvbkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnY29uZmlybUJ1dHRvbkljb24nKSBjb25maXJtQnV0dG9uSWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoJ3NlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbCcpIHNlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbCE6IHN0cmluZztcclxuICBASW5wdXQoJ3NlY29uZGFyeUNvbmZpcm1CdXR0b25JY29uJykgc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkljb24hOiBzdHJpbmc7XHJcbiAgQElucHV0KCdpc1JlYWRPbmx5JykgaXNSZWFkT25seTogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCdmb3JtR3JvdXAnKSBmb3JtR3JvdXAhOiBGb3JtR3JvdXA7XHJcblxyXG4gIEBPdXRwdXQoJ2NvbmZpcm1CdXR0b25BY3RpdmF0ZWQnKSBjb25maXJtQnV0dG9uQWN0aXZhdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIEBPdXRwdXQoJ3NlY29uZGFyeUNvbmZpcm1CdXR0b25BY3RpdmF0ZWQnKSBzZWNvbmRhcnlDb25maXJtQnV0dG9uQWN0aXZhdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIEBPdXRwdXQoJ2FjdGl2ZUluZGV4UGFyZW50JykgYWN0aXZlSW5kZXhQYXJlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIG1lc3NhZ2VTZXJ2aWNlOiBNZXNzYWdlU2VydmljZSkge31cclxuXHJcbiAgb25BY3RpdmVJbmRleENoYW5nZShldmVudDphbnkpIHtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXggPSBldmVudDtcclxuICB9XHJcblxyXG4gIG5leHRQYWdlKCkge1xyXG4gICAgICB0aGlzLmFjdGl2ZUluZGV4Kys7XHJcbiAgICAgIHRoaXMuYWN0aXZlSW5kZXhQYXJlbnQuZW1pdCh0aGlzLmFjdGl2ZUluZGV4KTtcclxuICAgICAgcmV0dXJuO1xyXG4gIH1cclxuICBcclxuICBwcmV2aW91c1BhZ2UoKSB7XHJcbiAgICB0aGlzLmFjdGl2ZUluZGV4LS07XHJcbiAgICB0aGlzLmFjdGl2ZUluZGV4UGFyZW50LmVtaXQodGhpcy5hY3RpdmVJbmRleCk7XHJcbiAgfVxyXG4gIFxyXG4gIGNvbmZpcm0oKSB7XHJcbiAgICB0aGlzLmNvbmZpcm1CdXR0b25BY3RpdmF0ZWQuZW1pdCh0cnVlKTtcclxuICB9XHJcblxyXG4gIHNlY29uZGFyeUNvbmZpcm0oKSB7XHJcbiAgICB0aGlzLnNlY29uZGFyeUNvbmZpcm1CdXR0b25BY3RpdmF0ZWQuZW1pdCh0cnVlKTtcclxuICB9XHJcbn1cclxuIiwiPHctYm9keS1ncmlkPlxyXG4gICAgPHctcGFuZWwgY2xhc3M9XCJjb2wtMTJcIiBbYWN0aXZlR3JpZF09XCJmYWxzZVwiPlxyXG4gICAgICAgIDxwLXN0ZXBzIFttb2RlbF09XCJzdGVwc0l0ZW1zXCIgW2FjdGl2ZUluZGV4XT1cImFjdGl2ZUluZGV4XCIgKGFjdGl2ZUluZGV4Q2hhbmdlKT1cIm9uQWN0aXZlSW5kZXhDaGFuZ2UoJGV2ZW50KVwiIFtyZWFkb25seV09XCJpc1JlYWRPbmx5XCI+PC9wLXN0ZXBzPlxyXG4gICAgPC93LXBhbmVsPlxyXG5cclxuICAgIDx3LXBhbmVsIGNsYXNzPVwiY29sLTEyXCIgW2FjdGl2ZUdyaWRdPVwiZmFsc2VcIj5cclxuICAgICAgICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIgc206YWxpZ24taXRlbXMtc3RhcnQgdy13aXphcmQtaGVhZGluZ3NcIj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJzdGVwc0hlYWRpbmdzICYmIHN0ZXBzSGVhZGluZ3NbYWN0aXZlSW5kZXhdXCIgY2xhc3M9XCJ3LXdpemFyZC1oZWFkaW5nXCI+XHJcbiAgICAgICAgICAgICAgICB7e3N0ZXBzSGVhZGluZ3NbYWN0aXZlSW5kZXhdfX1cclxuICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXBzU3ViaGVhZGluZ3MgJiYgc3RlcHNTdWJoZWFkaW5nc1thY3RpdmVJbmRleF1cIiBjbGFzcz1cInctd2l6YXJkLXN1YmhlYWRpbmdcIj5cclxuICAgICAgICAgICAgICAgIHt7c3RlcHNTdWJoZWFkaW5nc1thY3RpdmVJbmRleF19fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMFwiIHNlbGVjdD1cIi5zdGVwLTFcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxXCIgc2VsZWN0PVwiLnN0ZXAtMlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDJcIiBzZWxlY3Q9XCIuc3RlcC0zXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gM1wiIHNlbGVjdD1cIi5zdGVwLTRcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA0XCIgc2VsZWN0PVwiLnN0ZXAtNVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDVcIiBzZWxlY3Q9XCIuc3RlcC02XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gNlwiIHNlbGVjdD1cIi5zdGVwLTdcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA3XCIgc2VsZWN0PVwiLnN0ZXAtOFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDhcIiBzZWxlY3Q9XCIuc3RlcC05XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gOVwiIHNlbGVjdD1cIi5zdGVwLTEwXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTBcIiBzZWxlY3Q9XCIuc3RlcC0xMVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDExXCIgc2VsZWN0PVwiLnN0ZXAtMTJcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxMlwiIHNlbGVjdD1cIi5zdGVwLTEzXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTNcIiBzZWxlY3Q9XCIuc3RlcC0xNFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDE0XCIgc2VsZWN0PVwiLnN0ZXAtMTVcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxNVwiIHNlbGVjdD1cIi5zdGVwLTE2XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTZcIiBzZWxlY3Q9XCIuc3RlcC0xN1wiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDE3XCIgc2VsZWN0PVwiLnN0ZXAtMThcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxOFwiIHNlbGVjdD1cIi5zdGVwLTE5XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTlcIiBzZWxlY3Q9XCIuc3RlcC0yMFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gZmxleC13cmFwIG0tYXV0b1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPHctYnV0dG9uICpuZ0lmPVwiYWN0aXZlSW5kZXggIT0gMFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGktYXJyb3ctbGVmdCdcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInNlY29uZGFyeVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicHJldmlvdXNCdG5MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJwcmV2aW91c1BhZ2UoKVwiPlxyXG4gICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhKHN0ZXBzSXRlbXMubGVuZ3RoIC0xID09IGFjdGl2ZUluZGV4KTsgZWxzZSBjb25maXJtQnV0dG9uc1wiIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPHctYnV0dG9uIHR5cGU9XCJwcmltYXJ5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiJ3BpLWFycm93LXJpZ2h0J1wiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwibmV4dEJ0bkxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cIm5leHRQYWdlKClcIj5cclxuICAgICAgICAgICAgICAgIDwvdy1idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2NvbmZpcm1CdXR0b25zID5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHctYnV0dG9uICpuZ0lmPVwic2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJzZWNvbmRhcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3LXdpemFyZC1idXR0b24tZ2FwXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaSAnK3NlY29uZGFyeUNvbmZpcm1CdXR0b25JY29uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJzZWNvbmRhcnlDb25maXJtQnV0dG9uTGFiZWxcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtR3JvdXAgJiYgIWZvcm1Hcm91cC52YWxpZFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwic2Vjb25kYXJ5Q29uZmlybSgpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8dy1idXR0b24gdHlwZT1cInByaW1hcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiJ3BpICcrY29uZmlybUJ1dHRvbkljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImNvbmZpcm1CdXR0b25MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Hcm91cCAmJiAhZm9ybUdyb3VwLnZhbGlkXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJjb25maXJtKClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L3ctYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L3ctcGFuZWw+XHJcbjwvdy1ib2R5LWdyaWQ+XHJcbiJdfQ==

package/fesm2015/ngx-wapp-components.mjs

@@ -5377,10 +5377,10 @@ class WWizardComponent {
     }
 }
 WWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-WWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WWizardComponent, selector: "w-wizard", inputs: { stepsItems: "stepsItems", stepsHeadings: "stepsHeadings", stepsSubheadings: "stepsSubheadings", nextBtnLabel: "nextBtnLabel", previousBtnLabel: "previousBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", formGroup: "formGroup" }, outputs: { confirmButtonActivated: "confirmButtonActivated", secondaryConfirmButtonActivated: "secondaryConfirmButtonActivated", activeIndexParent: "activeIndexParent" }, providers: [MessageService], ngImport: i0, template: "<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n</w-panel>\r\n\r\n<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    \r\n    <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n        <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n            {{stepsHeadings[activeIndex]}}\r\n        </span>\r\n        <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n            {{stepsSubheadings[activeIndex]}}\r\n        </span>\r\n    </div>\r\n\r\n    <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n    <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n        <div class=\"flex align-items-center justify-content-center\">\r\n            <w-button *ngIf=\"activeIndex != 0\" \r\n                      [icon]=\"'pi-arrow-left'\" \r\n                      type=\"secondary\" \r\n                      [label]=\"previousBtnLabel\" \r\n                      (onClick)=\"previousPage()\">\r\n            </w-button>\r\n        </div>\r\n        <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n            <w-button type=\"primary\"\r\n                      [icon]=\"'pi-arrow-right'\" \r\n                      [label]=\"nextBtnLabel\" \r\n                      (onClick)=\"nextPage()\">\r\n            </w-button>\r\n        </div>\r\n        <ng-template #confirmButtons >\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                          type=\"secondary\"\r\n                          class=\"w-wizard-button-gap\"\r\n                          [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                          [label]=\"secondaryConfirmButtonLabel\" \r\n                          [disabled]=\"formGroup && !formGroup.valid\" \r\n                          (onClick)=\"secondaryConfirm()\">\r\n                </w-button>\r\n                <w-button type=\"primary\"\r\n                           [icon]=\"'pi '+confirmButtonIcon\"\r\n                           [label]=\"confirmButtonLabel\" \r\n                           [disabled]=\"formGroup && !formGroup.valid\" \r\n                           (onClick)=\"confirm()\">\r\n                </w-button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</w-panel>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$b.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions"] }] });
+WWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WWizardComponent, selector: "w-wizard", inputs: { stepsItems: "stepsItems", stepsHeadings: "stepsHeadings", stepsSubheadings: "stepsSubheadings", nextBtnLabel: "nextBtnLabel", previousBtnLabel: "previousBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", formGroup: "formGroup" }, outputs: { confirmButtonActivated: "confirmButtonActivated", secondaryConfirmButtonActivated: "secondaryConfirmButtonActivated", activeIndexParent: "activeIndexParent" }, providers: [MessageService], ngImport: i0, template: "<w-body-grid>\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n    </w-panel>\r\n\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        \r\n        <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n            <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n                {{stepsHeadings[activeIndex]}}\r\n            </span>\r\n            <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n                {{stepsSubheadings[activeIndex]}}\r\n            </span>\r\n        </div>\r\n\r\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n        <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"activeIndex != 0\" \r\n                        [icon]=\"'pi-arrow-left'\" \r\n                        type=\"secondary\" \r\n                        [label]=\"previousBtnLabel\" \r\n                        (onClick)=\"previousPage()\">\r\n                </w-button>\r\n            </div>\r\n            <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n                <w-button type=\"primary\"\r\n                        [icon]=\"'pi-arrow-right'\" \r\n                        [label]=\"nextBtnLabel\" \r\n                        (onClick)=\"nextPage()\">\r\n                </w-button>\r\n            </div>\r\n            <ng-template #confirmButtons >\r\n                <div class=\"flex align-items-center justify-content-center\">\r\n                    <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                            type=\"secondary\"\r\n                            class=\"w-wizard-button-gap\"\r\n                            [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                            [label]=\"secondaryConfirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"secondaryConfirm()\">\r\n                    </w-button>\r\n                    <w-button type=\"primary\"\r\n                            [icon]=\"'pi '+confirmButtonIcon\"\r\n                            [label]=\"confirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"confirm()\">\r\n                    </w-button>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </w-panel>\r\n</w-body-grid>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$b.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions"] }, { kind: "component", type: WBodyGridComponent, selector: "w-body-grid" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-wizard', providers: [MessageService], template: "<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n</w-panel>\r\n\r\n<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    \r\n    <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n        <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n            {{stepsHeadings[activeIndex]}}\r\n        </span>\r\n        <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n            {{stepsSubheadings[activeIndex]}}\r\n        </span>\r\n    </div>\r\n\r\n    <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n    <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n        <div class=\"flex align-items-center justify-content-center\">\r\n            <w-button *ngIf=\"activeIndex != 0\" \r\n                      [icon]=\"'pi-arrow-left'\" \r\n                      type=\"secondary\" \r\n                      [label]=\"previousBtnLabel\" \r\n                      (onClick)=\"previousPage()\">\r\n            </w-button>\r\n        </div>\r\n        <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n            <w-button type=\"primary\"\r\n                      [icon]=\"'pi-arrow-right'\" \r\n                      [label]=\"nextBtnLabel\" \r\n                      (onClick)=\"nextPage()\">\r\n            </w-button>\r\n        </div>\r\n        <ng-template #confirmButtons >\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                          type=\"secondary\"\r\n                          class=\"w-wizard-button-gap\"\r\n                          [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                          [label]=\"secondaryConfirmButtonLabel\" \r\n                          [disabled]=\"formGroup && !formGroup.valid\" \r\n                          (onClick)=\"secondaryConfirm()\">\r\n                </w-button>\r\n                <w-button type=\"primary\"\r\n                           [icon]=\"'pi '+confirmButtonIcon\"\r\n                           [label]=\"confirmButtonLabel\" \r\n                           [disabled]=\"formGroup && !formGroup.valid\" \r\n                           (onClick)=\"confirm()\">\r\n                </w-button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</w-panel>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"] }]
+            args: [{ selector: 'w-wizard', providers: [MessageService], template: "<w-body-grid>\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n    </w-panel>\r\n\r\n    <w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n        \r\n        <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n            <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n                {{stepsHeadings[activeIndex]}}\r\n            </span>\r\n            <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n                {{stepsSubheadings[activeIndex]}}\r\n            </span>\r\n        </div>\r\n\r\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n        <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n        <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"activeIndex != 0\" \r\n                        [icon]=\"'pi-arrow-left'\" \r\n                        type=\"secondary\" \r\n                        [label]=\"previousBtnLabel\" \r\n                        (onClick)=\"previousPage()\">\r\n                </w-button>\r\n            </div>\r\n            <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n                <w-button type=\"primary\"\r\n                        [icon]=\"'pi-arrow-right'\" \r\n                        [label]=\"nextBtnLabel\" \r\n                        (onClick)=\"nextPage()\">\r\n                </w-button>\r\n            </div>\r\n            <ng-template #confirmButtons >\r\n                <div class=\"flex align-items-center justify-content-center\">\r\n                    <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                            type=\"secondary\"\r\n                            class=\"w-wizard-button-gap\"\r\n                            [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                            [label]=\"secondaryConfirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"secondaryConfirm()\">\r\n                    </w-button>\r\n                    <w-button type=\"primary\"\r\n                            [icon]=\"'pi '+confirmButtonIcon\"\r\n                            [label]=\"confirmButtonLabel\" \r\n                            [disabled]=\"formGroup && !formGroup.valid\" \r\n                            (onClick)=\"confirm()\">\r\n                    </w-button>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </w-panel>\r\n</w-body-grid>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4,.w-wizard-heading{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-wizard-subheading,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#202124}.textSoftColor{color:#5f6368}.textSofterColor{color:#9aa0a6}.textSoftestColor{color:#e8eaed}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#202124}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#202124}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#202124}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#202124}.w-view-small-value-text{color:#5f6368}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#202124}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#202124}.w-input-small-placeholder-text-only-color{color:#9aa0a6;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#202124}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#202124}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#202124}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#202124}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#202124}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#202124}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#202124}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#202124}.w-table-td-text{color:#5f6368}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}.w-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#e0f5fc;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$3.MessageService }]; }, propDecorators: { stepsItems: [{
                 type: Input,
                 args: ['stepsItems']