ngx-wapp-components 1.14.30 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +31 -14
- package/fesm2015/ngx-wapp-components.mjs +30 -13
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +30 -13
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/misc/w-wizard/w-wizard.component.d.ts +7 -4
- package/package.json +1 -1
|
@@ -13,17 +13,26 @@ export class WWizardComponent {
|
|
|
13
13
|
this.messageService = messageService;
|
|
14
14
|
this.location = location;
|
|
15
15
|
this.router = router;
|
|
16
|
-
this.
|
|
16
|
+
this._activeIndex = 0;
|
|
17
17
|
this.nextBtnLabel = "Next";
|
|
18
18
|
this.previousBtnLabel = "Previous";
|
|
19
19
|
this.cancelBtnLabel = "Cancel";
|
|
20
20
|
this.isReadOnly = true;
|
|
21
|
+
this.disableConfirmButton = false;
|
|
22
|
+
this.disableSecondaryConfirmButton = false;
|
|
23
|
+
this.disableNextPageButton = false;
|
|
21
24
|
this.confirmButtonActivated = new EventEmitter();
|
|
22
25
|
this.secondaryConfirmButtonActivated = new EventEmitter();
|
|
23
26
|
this.activeIndexParent = new EventEmitter();
|
|
24
27
|
}
|
|
28
|
+
set activeIndex(value) {
|
|
29
|
+
this._activeIndex = value;
|
|
30
|
+
}
|
|
31
|
+
get activeIndex() {
|
|
32
|
+
return this._activeIndex;
|
|
33
|
+
}
|
|
25
34
|
onActiveIndexChange(event) {
|
|
26
|
-
this.
|
|
35
|
+
this._activeIndex = event;
|
|
27
36
|
}
|
|
28
37
|
cancel() {
|
|
29
38
|
if (this.cancelCustomRoute) {
|
|
@@ -33,13 +42,13 @@ export class WWizardComponent {
|
|
|
33
42
|
this.location.back();
|
|
34
43
|
}
|
|
35
44
|
nextPage() {
|
|
36
|
-
this.
|
|
37
|
-
this.activeIndexParent.emit(this.
|
|
45
|
+
this._activeIndex++;
|
|
46
|
+
this.activeIndexParent.emit(this._activeIndex);
|
|
38
47
|
return;
|
|
39
48
|
}
|
|
40
49
|
previousPage() {
|
|
41
|
-
this.
|
|
42
|
-
this.activeIndexParent.emit(this.
|
|
50
|
+
this._activeIndex--;
|
|
51
|
+
this.activeIndexParent.emit(this._activeIndex);
|
|
43
52
|
}
|
|
44
53
|
confirm() {
|
|
45
54
|
this.confirmButtonActivated.emit(true);
|
|
@@ -49,11 +58,13 @@ export class WWizardComponent {
|
|
|
49
58
|
}
|
|
50
59
|
}
|
|
51
60
|
WWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, deps: [{ token: i1.MessageService }, { token: i2.Location }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
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", cancelBtnLabel: "cancelBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", formGroup: "formGroup", cancelCustomRoute: "cancelCustomRoute" }, 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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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: i4.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i5.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: i6.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions"] }, { kind: "component", type: i7.WBodyGridComponent, selector: "w-body-grid" }] });
|
|
61
|
+
WWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WWizardComponent, selector: "w-wizard", inputs: { activeIndex: "activeIndex", stepsItems: "stepsItems", stepsHeadings: "stepsHeadings", stepsSubheadings: "stepsSubheadings", nextBtnLabel: "nextBtnLabel", previousBtnLabel: "previousBtnLabel", cancelBtnLabel: "cancelBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", cancelCustomRoute: "cancelCustomRoute", disableConfirmButton: "disableConfirmButton", disableSecondaryConfirmButton: "disableSecondaryConfirmButton", disableNextPageButton: "disableNextPageButton" }, 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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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 [disabled]=\"disableNextPageButton\"\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]=\"disableSecondaryConfirmButton\" \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]=\"disableConfirmButton\" \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: i4.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i5.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading", "buttonClass"], outputs: ["onClick"] }, { kind: "component", type: i6.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions"] }, { kind: "component", type: i7.WBodyGridComponent, selector: "w-body-grid" }] });
|
|
53
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, decorators: [{
|
|
54
63
|
type: Component,
|
|
55
|
-
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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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"] }]
|
|
56
|
-
}], ctorParameters: function () { return [{ type: i1.MessageService }, { type: i2.Location }, { type: i3.Router }]; }, propDecorators: {
|
|
64
|
+
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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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 [disabled]=\"disableNextPageButton\"\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]=\"disableSecondaryConfirmButton\" \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]=\"disableConfirmButton\" \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"] }]
|
|
65
|
+
}], ctorParameters: function () { return [{ type: i1.MessageService }, { type: i2.Location }, { type: i3.Router }]; }, propDecorators: { activeIndex: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], stepsItems: [{
|
|
57
68
|
type: Input,
|
|
58
69
|
args: ['stepsItems']
|
|
59
70
|
}], stepsHeadings: [{
|
|
@@ -86,12 +97,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
86
97
|
}], isReadOnly: [{
|
|
87
98
|
type: Input,
|
|
88
99
|
args: ['isReadOnly']
|
|
89
|
-
}], formGroup: [{
|
|
90
|
-
type: Input,
|
|
91
|
-
args: ['formGroup']
|
|
92
100
|
}], cancelCustomRoute: [{
|
|
93
101
|
type: Input,
|
|
94
|
-
args: [
|
|
102
|
+
args: ['cancelCustomRoute']
|
|
103
|
+
}], disableConfirmButton: [{
|
|
104
|
+
type: Input,
|
|
105
|
+
args: ['disableConfirmButton']
|
|
106
|
+
}], disableSecondaryConfirmButton: [{
|
|
107
|
+
type: Input,
|
|
108
|
+
args: ['disableSecondaryConfirmButton']
|
|
109
|
+
}], disableNextPageButton: [{
|
|
110
|
+
type: Input,
|
|
111
|
+
args: ['disableNextPageButton']
|
|
95
112
|
}], confirmButtonActivated: [{
|
|
96
113
|
type: Output,
|
|
97
114
|
args: ['confirmButtonActivated']
|
|
@@ -102,4 +119,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
102
119
|
type: Output,
|
|
103
120
|
args: ['activeIndexParent']
|
|
104
121
|
}] } });
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWlzYy93LXdpemFyZC93LXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctd2l6YXJkL3ctd2l6YXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdkUsT0FBTyxFQUFZLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7Ozs7O0FBU3ZELE1BQU0sT0FBTyxnQkFBZ0I7SUFzQjNCLFlBQ1MsY0FBOEIsRUFDN0IsUUFBa0IsRUFDbEIsTUFBYztRQUZmLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM3QixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2xCLFdBQU0sR0FBTixNQUFNLENBQVE7UUF2QnhCLGdCQUFXLEdBQVcsQ0FBQyxDQUFDO1FBS0QsaUJBQVksR0FBVyxNQUFNLENBQUM7UUFDMUIscUJBQWdCLEdBQVcsVUFBVSxDQUFDO1FBQ3hDLG1CQUFjLEdBQVcsUUFBUSxDQUFDO1FBS3RDLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFJZCwyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzVDLG9DQUErQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDNUUsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQU16RSxDQUFDO0lBRUosbUJBQW1CLENBQUMsS0FBUztRQUMzQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUcsSUFBSSxDQUFDLGlCQUFpQixFQUFDO1lBQ3hCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtZQUM5QyxPQUFNO1NBQ1A7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzlDLE9BQU87SUFDWCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQywrQkFBK0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEQsQ0FBQzs7NkdBekRVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLGtzQkFGaEIsQ0FBQyxjQUFjLENBQUMsMEJDVjdCLGtvS0FnRkE7MkZEcEVhLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVLGFBR1QsQ0FBQyxjQUFjLENBQUM7aUpBTU4sVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNLLGFBQWE7c0JBQXBDLEtBQUs7dUJBQUMsZUFBZTtnQkFDSyxnQkFBZ0I7c0JBQTFDLEtBQUs7dUJBQUMsa0JBQWtCO2dCQUNGLFlBQVk7c0JBQWxDLEtBQUs7dUJBQUMsY0FBYztnQkFDTSxnQkFBZ0I7c0JBQTFDLEtBQUs7dUJBQUMsa0JBQWtCO2dCQUNBLGNBQWM7c0JBQXRDLEtBQUs7dUJBQUMsZ0JBQWdCO2dCQUNNLGtCQUFrQjtzQkFBOUMsS0FBSzt1QkFBQyxvQkFBb0I7Z0JBQ0MsaUJBQWlCO3NCQUE1QyxLQUFLO3VCQUFDLG1CQUFtQjtnQkFDWSwyQkFBMkI7c0JBQWhFLEtBQUs7dUJBQUMsNkJBQTZCO2dCQUNDLDBCQUEwQjtzQkFBOUQsS0FBSzt1QkFBQyw0QkFBNEI7Z0JBQ2QsVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNDLFNBQVM7c0JBQTVCLEtBQUs7dUJBQUMsV0FBVztnQkFDaUIsaUJBQWlCO3NCQUFuRCxLQUFLO3VCQUFDLG1CQUFtQjtnQkFFUSxzQkFBc0I7c0JBQXZELE1BQU07dUJBQUMsd0JBQXdCO2dCQUNXLCtCQUErQjtzQkFBekUsTUFBTTt1QkFBQyxpQ0FBaUM7Z0JBQ1osaUJBQWlCO3NCQUE3QyxNQUFNO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5pbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctd2l6YXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy13aXphcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctd2l6YXJkLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbTWVzc2FnZVNlcnZpY2VdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXV2l6YXJkQ29tcG9uZW50IHtcclxuICBpdGVtcyE6IE1lbnVJdGVtW107XHJcbiAgYWN0aXZlSW5kZXg6IG51bWJlciA9IDA7XHJcblxyXG4gIEBJbnB1dCgnc3RlcHNJdGVtcycpIHN0ZXBzSXRlbXMhOiBNZW51SXRlbVtdO1xyXG4gIEBJbnB1dCgnc3RlcHNIZWFkaW5ncycpIHN0ZXBzSGVhZGluZ3MhOiBzdHJpbmdbXTtcclxuICBASW5wdXQoJ3N0ZXBzU3ViaGVhZGluZ3MnKSBzdGVwc1N1YmhlYWRpbmdzITogc3RyaW5nW107XHJcbiAgQElucHV0KCduZXh0QnRuTGFiZWwnKSBuZXh0QnRuTGFiZWw6IHN0cmluZyA9IFwiTmV4dFwiO1xyXG4gIEBJbnB1dCgncHJldmlvdXNCdG5MYWJlbCcpIHByZXZpb3VzQnRuTGFiZWw6IHN0cmluZyA9IFwiUHJldmlvdXNcIjtcclxuICBASW5wdXQoJ2NhbmNlbEJ0bkxhYmVsJykgY2FuY2VsQnRuTGFiZWw6IHN0cmluZyA9IFwiQ2FuY2VsXCI7XHJcbiAgQElucHV0KCdjb25maXJtQnV0dG9uTGFiZWwnKSBjb25maXJtQnV0dG9uTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdjb25maXJtQnV0dG9uSWNvbicpIGNvbmZpcm1CdXR0b25JY29uITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsJykgc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkljb24nKSBzZWNvbmRhcnlDb25maXJtQnV0dG9uSWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoJ2lzUmVhZE9ubHknKSBpc1JlYWRPbmx5OiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoJ2Zvcm1Hcm91cCcpIGZvcm1Hcm91cCE6IEZvcm1Hcm91cDtcclxuICBASW5wdXQoXCJjYW5jZWxDdXN0b21Sb3V0ZVwiKSBwdWJsaWMgY2FuY2VsQ3VzdG9tUm91dGUhOiBzdHJpbmc7XHJcblxyXG4gIEBPdXRwdXQoJ2NvbmZpcm1CdXR0b25BY3RpdmF0ZWQnKSBjb25maXJtQnV0dG9uQWN0aXZhdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIEBPdXRwdXQoJ3NlY29uZGFyeUNvbmZpcm1CdXR0b25BY3RpdmF0ZWQnKSBzZWNvbmRhcnlDb25maXJtQnV0dG9uQWN0aXZhdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIEBPdXRwdXQoJ2FjdGl2ZUluZGV4UGFyZW50JykgYWN0aXZlSW5kZXhQYXJlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb24sXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyXHJcbiAgKSB7fVxyXG5cclxuICBvbkFjdGl2ZUluZGV4Q2hhbmdlKGV2ZW50OmFueSkge1xyXG4gICAgdGhpcy5hY3RpdmVJbmRleCA9IGV2ZW50O1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCl7XHJcbiAgICBpZih0aGlzLmNhbmNlbEN1c3RvbVJvdXRlKXtcclxuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3RoaXMuY2FuY2VsQ3VzdG9tUm91dGVdKVxyXG4gICAgICByZXR1cm5cclxuICAgIH1cclxuICAgIHRoaXMubG9jYXRpb24uYmFjaygpO1xyXG4gIH1cclxuXHJcbiAgbmV4dFBhZ2UoKSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlSW5kZXgrKztcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleFBhcmVudC5lbWl0KHRoaXMuYWN0aXZlSW5kZXgpO1xyXG4gICAgICByZXR1cm47XHJcbiAgfVxyXG4gIFxyXG4gIHByZXZpb3VzUGFnZSgpIHtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXgtLTtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXhQYXJlbnQuZW1pdCh0aGlzLmFjdGl2ZUluZGV4KTtcclxuICB9XHJcbiAgXHJcbiAgY29uZmlybSgpIHtcclxuICAgIHRoaXMuY29uZmlybUJ1dHRvbkFjdGl2YXRlZC5lbWl0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgc2Vjb25kYXJ5Q29uZmlybSgpIHtcclxuICAgIHRoaXMuc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkFjdGl2YXRlZC5lbWl0KHRydWUpO1xyXG4gIH1cclxufVxyXG4iLCI8dy1ib2R5LWdyaWQ+XHJcbiAgICA8dy1wYW5lbCBjbGFzcz1cImNvbC0xMlwiIFthY3RpdmVHcmlkXT1cImZhbHNlXCI+XHJcbiAgICAgICAgPHAtc3RlcHMgW21vZGVsXT1cInN0ZXBzSXRlbXNcIiBbYWN0aXZlSW5kZXhdPVwiYWN0aXZlSW5kZXhcIiAoYWN0aXZlSW5kZXhDaGFuZ2UpPVwib25BY3RpdmVJbmRleENoYW5nZSgkZXZlbnQpXCIgW3JlYWRvbmx5XT1cImlzUmVhZE9ubHlcIj48L3Atc3RlcHM+XHJcbiAgICA8L3ctcGFuZWw+XHJcblxyXG4gICAgPHctcGFuZWwgY2xhc3M9XCJjb2wtMTJcIiBbYWN0aXZlR3JpZF09XCJmYWxzZVwiPlxyXG4gICAgICAgIFxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLWNlbnRlciBzbTphbGlnbi1pdGVtcy1zdGFydCB3LXdpemFyZC1oZWFkaW5nc1wiPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXBzSGVhZGluZ3MgJiYgc3RlcHNIZWFkaW5nc1thY3RpdmVJbmRleF1cIiBjbGFzcz1cInctd2l6YXJkLWhlYWRpbmdcIj5cclxuICAgICAgICAgICAgICAgIHt7c3RlcHNIZWFkaW5nc1thY3RpdmVJbmRleF19fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic3RlcHNTdWJoZWFkaW5ncyAmJiBzdGVwc1N1YmhlYWRpbmdzW2FjdGl2ZUluZGV4XVwiIGNsYXNzPVwidy13aXphcmQtc3ViaGVhZGluZ1wiPlxyXG4gICAgICAgICAgICAgICAge3tzdGVwc1N1YmhlYWRpbmdzW2FjdGl2ZUluZGV4XX19XHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAwXCIgc2VsZWN0PVwiLnN0ZXAtMVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDFcIiBzZWxlY3Q9XCIuc3RlcC0yXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMlwiIHNlbGVjdD1cIi5zdGVwLTNcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAzXCIgc2VsZWN0PVwiLnN0ZXAtNFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDRcIiBzZWxlY3Q9XCIuc3RlcC01XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gNVwiIHNlbGVjdD1cIi5zdGVwLTZcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA2XCIgc2VsZWN0PVwiLnN0ZXAtN1wiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDdcIiBzZWxlY3Q9XCIuc3RlcC04XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gOFwiIHNlbGVjdD1cIi5zdGVwLTlcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA5XCIgc2VsZWN0PVwiLnN0ZXAtMTBcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxMFwiIHNlbGVjdD1cIi5zdGVwLTExXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTFcIiBzZWxlY3Q9XCIuc3RlcC0xMlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDEyXCIgc2VsZWN0PVwiLnN0ZXAtMTNcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxM1wiIHNlbGVjdD1cIi5zdGVwLTE0XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTRcIiBzZWxlY3Q9XCIuc3RlcC0xNVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDE1XCIgc2VsZWN0PVwiLnN0ZXAtMTZcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxNlwiIHNlbGVjdD1cIi5zdGVwLTE3XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTdcIiBzZWxlY3Q9XCIuc3RlcC0xOFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDE4XCIgc2VsZWN0PVwiLnN0ZXAtMTlcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxOVwiIHNlbGVjdD1cIi5zdGVwLTIwXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBmbGV4LXdyYXAgbS1hdXRvXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8dy1idXR0b24gKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAwXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaS10aW1lcydcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInNlY29uZGFyeVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiY2FuY2VsQnRuTGFiZWxcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwiY2FuY2VsKClcIj5cclxuICAgICAgICAgICAgICAgIDwvdy1idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8dy1idXR0b24gKm5nSWY9XCJhY3RpdmVJbmRleCAhPSAwXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaS1hcnJvdy1sZWZ0J1wiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwic2Vjb25kYXJ5XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJwcmV2aW91c0J0bkxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cInByZXZpb3VzUGFnZSgpXCI+XHJcbiAgICAgICAgICAgICAgICA8L3ctYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiEoc3RlcHNJdGVtcy5sZW5ndGggLTEgPT0gYWN0aXZlSW5kZXgpOyBlbHNlIGNvbmZpcm1CdXR0b25zXCIgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8dy1idXR0b24gdHlwZT1cInByaW1hcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGktYXJyb3ctcmlnaHQnXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJuZXh0QnRuTGFiZWxcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwibmV4dFBhZ2UoKVwiPlxyXG4gICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjY29uZmlybUJ1dHRvbnMgPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8dy1idXR0b24gKm5nSWY9XCJzZWNvbmRhcnlDb25maXJtQnV0dG9uTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInNlY29uZGFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInctd2l6YXJkLWJ1dHRvbi1nYXBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiJ3BpICcrc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cInNlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Hcm91cCAmJiAhZm9ybUdyb3VwLnZhbGlkXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJzZWNvbmRhcnlDb25maXJtKClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L3ctYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDx3LWJ1dHRvbiB0eXBlPVwicHJpbWFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGkgJytjb25maXJtQnV0dG9uSWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiY29uZmlybUJ1dHRvbkxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZm9ybUdyb3VwICYmICFmb3JtR3JvdXAudmFsaWRcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cImNvbmZpcm0oKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvdy1idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvdy1wYW5lbD5cclxuPC93LWJvZHktZ3JpZD5cclxuIl19
|
|
122
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWlzYy93LXdpemFyZC93LXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctd2l6YXJkL3ctd2l6YXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdkUsT0FBTyxFQUFZLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7Ozs7O0FBU3ZELE1BQU0sT0FBTyxnQkFBZ0I7SUFnQzNCLFlBQ1MsY0FBOEIsRUFDN0IsUUFBa0IsRUFDbEIsTUFBYztRQUZmLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM3QixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2xCLFdBQU0sR0FBTixNQUFNLENBQVE7UUFqQ2hCLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBYVYsaUJBQVksR0FBVyxNQUFNLENBQUM7UUFDMUIscUJBQWdCLEdBQVcsVUFBVSxDQUFDO1FBQ3hDLG1CQUFjLEdBQVcsUUFBUSxDQUFDO1FBS3RDLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFFakIseUJBQW9CLEdBQVksS0FBSyxDQUFDO1FBQzdCLGtDQUE2QixHQUFZLEtBQUssQ0FBQztRQUN2RCwwQkFBcUIsR0FBWSxLQUFLLENBQUM7UUFFckMsMkJBQXNCLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM1QyxvQ0FBK0IsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzVFLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFNekUsQ0FBQztJQWhDSixJQUFhLFdBQVcsQ0FBQyxLQUFhO1FBQ3BDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQTRCRCxtQkFBbUIsQ0FBQyxLQUFTO1FBQzNCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBRyxJQUFJLENBQUMsaUJBQWlCLEVBQUM7WUFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFBO1lBQzlDLE9BQU07U0FDUDtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDL0MsT0FBTztJQUNYLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLCtCQUErQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsRCxDQUFDOzs2R0FuRVUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsbzJCQUZoQixDQUFDLGNBQWMsQ0FBQywwQkNWN0IsMHJLQWlGQTsyRkRyRWEsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsYUFHVCxDQUFDLGNBQWMsQ0FBQztpSkFNZCxXQUFXO3NCQUF2QixLQUFLO2dCQVFlLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDSyxhQUFhO3NCQUFwQyxLQUFLO3VCQUFDLGVBQWU7Z0JBQ0ssZ0JBQWdCO3NCQUExQyxLQUFLO3VCQUFDLGtCQUFrQjtnQkFDRixZQUFZO3NCQUFsQyxLQUFLO3VCQUFDLGNBQWM7Z0JBQ00sZ0JBQWdCO3NCQUExQyxLQUFLO3VCQUFDLGtCQUFrQjtnQkFDQSxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDTSxrQkFBa0I7c0JBQTlDLEtBQUs7dUJBQUMsb0JBQW9CO2dCQUNDLGlCQUFpQjtzQkFBNUMsS0FBSzt1QkFBQyxtQkFBbUI7Z0JBQ1ksMkJBQTJCO3NCQUFoRSxLQUFLO3VCQUFDLDZCQUE2QjtnQkFDQywwQkFBMEI7c0JBQTlELEtBQUs7dUJBQUMsNEJBQTRCO2dCQUNkLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDZ0IsaUJBQWlCO3NCQUFuRCxLQUFLO3VCQUFDLG1CQUFtQjtnQkFDSyxvQkFBb0I7c0JBQWxELEtBQUs7dUJBQUMsc0JBQXNCO2dCQUNXLDZCQUE2QjtzQkFBcEUsS0FBSzt1QkFBQywrQkFBK0I7Z0JBQ04scUJBQXFCO3NCQUFwRCxLQUFLO3VCQUFDLHVCQUF1QjtnQkFFSSxzQkFBc0I7c0JBQXZELE1BQU07dUJBQUMsd0JBQXdCO2dCQUNXLCtCQUErQjtzQkFBekUsTUFBTTt1QkFBQyxpQ0FBaUM7Z0JBQ1osaUJBQWlCO3NCQUE3QyxNQUFNO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5pbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctd2l6YXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy13aXphcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctd2l6YXJkLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbTWVzc2FnZVNlcnZpY2VdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXV2l6YXJkQ29tcG9uZW50IHtcclxuICBpdGVtcyE6IE1lbnVJdGVtW107XHJcbiAgcHJpdmF0ZSBfYWN0aXZlSW5kZXg6IG51bWJlciA9IDA7XHJcblxyXG4gIEBJbnB1dCgpIHNldCBhY3RpdmVJbmRleCh2YWx1ZTogbnVtYmVyKSB7XHJcbiAgICB0aGlzLl9hY3RpdmVJbmRleCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGFjdGl2ZUluZGV4KCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX2FjdGl2ZUluZGV4O1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCdzdGVwc0l0ZW1zJykgc3RlcHNJdGVtcyE6IE1lbnVJdGVtW107XHJcbiAgQElucHV0KCdzdGVwc0hlYWRpbmdzJykgc3RlcHNIZWFkaW5ncyE6IHN0cmluZ1tdO1xyXG4gIEBJbnB1dCgnc3RlcHNTdWJoZWFkaW5ncycpIHN0ZXBzU3ViaGVhZGluZ3MhOiBzdHJpbmdbXTtcclxuICBASW5wdXQoJ25leHRCdG5MYWJlbCcpIG5leHRCdG5MYWJlbDogc3RyaW5nID0gXCJOZXh0XCI7XHJcbiAgQElucHV0KCdwcmV2aW91c0J0bkxhYmVsJykgcHJldmlvdXNCdG5MYWJlbDogc3RyaW5nID0gXCJQcmV2aW91c1wiO1xyXG4gIEBJbnB1dCgnY2FuY2VsQnRuTGFiZWwnKSBjYW5jZWxCdG5MYWJlbDogc3RyaW5nID0gXCJDYW5jZWxcIjtcclxuICBASW5wdXQoJ2NvbmZpcm1CdXR0b25MYWJlbCcpIGNvbmZpcm1CdXR0b25MYWJlbCE6IHN0cmluZztcclxuICBASW5wdXQoJ2NvbmZpcm1CdXR0b25JY29uJykgY29uZmlybUJ1dHRvbkljb24hOiBzdHJpbmc7XHJcbiAgQElucHV0KCdzZWNvbmRhcnlDb25maXJtQnV0dG9uTGFiZWwnKSBzZWNvbmRhcnlDb25maXJtQnV0dG9uTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdzZWNvbmRhcnlDb25maXJtQnV0dG9uSWNvbicpIHNlY29uZGFyeUNvbmZpcm1CdXR0b25JY29uITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnaXNSZWFkT25seScpIGlzUmVhZE9ubHk6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgnY2FuY2VsQ3VzdG9tUm91dGUnKSBwdWJsaWMgY2FuY2VsQ3VzdG9tUm91dGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdkaXNhYmxlQ29uZmlybUJ1dHRvbicpIGRpc2FibGVDb25maXJtQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdkaXNhYmxlU2Vjb25kYXJ5Q29uZmlybUJ1dHRvbicpIGRpc2FibGVTZWNvbmRhcnlDb25maXJtQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdkaXNhYmxlTmV4dFBhZ2VCdXR0b24nKSBkaXNhYmxlTmV4dFBhZ2VCdXR0b246IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgnY29uZmlybUJ1dHRvbkFjdGl2YXRlZCcpIGNvbmZpcm1CdXR0b25BY3RpdmF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkFjdGl2YXRlZCcpIHNlY29uZGFyeUNvbmZpcm1CdXR0b25BY3RpdmF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgnYWN0aXZlSW5kZXhQYXJlbnQnKSBhY3RpdmVJbmRleFBhcmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBtZXNzYWdlU2VydmljZTogTWVzc2FnZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGxvY2F0aW9uOiBMb2NhdGlvbixcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXJcclxuICApIHt9XHJcblxyXG4gIG9uQWN0aXZlSW5kZXhDaGFuZ2UoZXZlbnQ6YW55KSB7XHJcbiAgICB0aGlzLl9hY3RpdmVJbmRleCA9IGV2ZW50O1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCl7XHJcbiAgICBpZih0aGlzLmNhbmNlbEN1c3RvbVJvdXRlKXtcclxuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW3RoaXMuY2FuY2VsQ3VzdG9tUm91dGVdKVxyXG4gICAgICByZXR1cm5cclxuICAgIH1cclxuICAgIHRoaXMubG9jYXRpb24uYmFjaygpO1xyXG4gIH1cclxuXHJcbiAgbmV4dFBhZ2UoKSB7XHJcbiAgICAgIHRoaXMuX2FjdGl2ZUluZGV4Kys7XHJcbiAgICAgIHRoaXMuYWN0aXZlSW5kZXhQYXJlbnQuZW1pdCh0aGlzLl9hY3RpdmVJbmRleCk7XHJcbiAgICAgIHJldHVybjtcclxuICB9XHJcbiAgXHJcbiAgcHJldmlvdXNQYWdlKCkge1xyXG4gICAgdGhpcy5fYWN0aXZlSW5kZXgtLTtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXhQYXJlbnQuZW1pdCh0aGlzLl9hY3RpdmVJbmRleCk7XHJcbiAgfVxyXG4gIFxyXG4gIGNvbmZpcm0oKSB7XHJcbiAgICB0aGlzLmNvbmZpcm1CdXR0b25BY3RpdmF0ZWQuZW1pdCh0cnVlKTtcclxuICB9XHJcblxyXG4gIHNlY29uZGFyeUNvbmZpcm0oKSB7XHJcbiAgICB0aGlzLnNlY29uZGFyeUNvbmZpcm1CdXR0b25BY3RpdmF0ZWQuZW1pdCh0cnVlKTtcclxuICB9XHJcbn1cclxuIiwiPHctYm9keS1ncmlkPlxyXG4gICAgPHctcGFuZWwgY2xhc3M9XCJjb2wtMTJcIiBbYWN0aXZlR3JpZF09XCJmYWxzZVwiPlxyXG4gICAgICAgIDxwLXN0ZXBzIFttb2RlbF09XCJzdGVwc0l0ZW1zXCIgW2FjdGl2ZUluZGV4XT1cImFjdGl2ZUluZGV4XCIgKGFjdGl2ZUluZGV4Q2hhbmdlKT1cIm9uQWN0aXZlSW5kZXhDaGFuZ2UoJGV2ZW50KVwiIFtyZWFkb25seV09XCJpc1JlYWRPbmx5XCI+PC9wLXN0ZXBzPlxyXG4gICAgPC93LXBhbmVsPlxyXG5cclxuICAgIDx3LXBhbmVsIGNsYXNzPVwiY29sLTEyXCIgW2FjdGl2ZUdyaWRdPVwiZmFsc2VcIj5cclxuICAgICAgICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIgc206YWxpZ24taXRlbXMtc3RhcnQgdy13aXphcmQtaGVhZGluZ3NcIj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJzdGVwc0hlYWRpbmdzICYmIHN0ZXBzSGVhZGluZ3NbYWN0aXZlSW5kZXhdXCIgY2xhc3M9XCJ3LXdpemFyZC1oZWFkaW5nXCI+XHJcbiAgICAgICAgICAgICAgICB7e3N0ZXBzSGVhZGluZ3NbYWN0aXZlSW5kZXhdfX1cclxuICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXBzU3ViaGVhZGluZ3MgJiYgc3RlcHNTdWJoZWFkaW5nc1thY3RpdmVJbmRleF1cIiBjbGFzcz1cInctd2l6YXJkLXN1YmhlYWRpbmdcIj5cclxuICAgICAgICAgICAgICAgIHt7c3RlcHNTdWJoZWFkaW5nc1thY3RpdmVJbmRleF19fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMFwiIHNlbGVjdD1cIi5zdGVwLTFcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxXCIgc2VsZWN0PVwiLnN0ZXAtMlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDJcIiBzZWxlY3Q9XCIuc3RlcC0zXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gM1wiIHNlbGVjdD1cIi5zdGVwLTRcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA0XCIgc2VsZWN0PVwiLnN0ZXAtNVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDVcIiBzZWxlY3Q9XCIuc3RlcC02XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gNlwiIHNlbGVjdD1cIi5zdGVwLTdcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA3XCIgc2VsZWN0PVwiLnN0ZXAtOFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDhcIiBzZWxlY3Q9XCIuc3RlcC05XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gOVwiIHNlbGVjdD1cIi5zdGVwLTEwXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTBcIiBzZWxlY3Q9XCIuc3RlcC0xMVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDExXCIgc2VsZWN0PVwiLnN0ZXAtMTJcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxMlwiIHNlbGVjdD1cIi5zdGVwLTEzXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTNcIiBzZWxlY3Q9XCIuc3RlcC0xNFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDE0XCIgc2VsZWN0PVwiLnN0ZXAtMTVcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxNVwiIHNlbGVjdD1cIi5zdGVwLTE2XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTZcIiBzZWxlY3Q9XCIuc3RlcC0xN1wiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDE3XCIgc2VsZWN0PVwiLnN0ZXAtMThcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxOFwiIHNlbGVjdD1cIi5zdGVwLTE5XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTlcIiBzZWxlY3Q9XCIuc3RlcC0yMFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gZmxleC13cmFwIG0tYXV0b1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPHctYnV0dG9uICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGktdGltZXMnXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJzZWNvbmRhcnlcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImNhbmNlbEJ0bkxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cImNhbmNlbCgpXCI+XHJcbiAgICAgICAgICAgICAgICA8L3ctYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPHctYnV0dG9uICpuZ0lmPVwiYWN0aXZlSW5kZXggIT0gMFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGktYXJyb3ctbGVmdCdcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInNlY29uZGFyeVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicHJldmlvdXNCdG5MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJwcmV2aW91c1BhZ2UoKVwiPlxyXG4gICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhKHN0ZXBzSXRlbXMubGVuZ3RoIC0xID09IGFjdGl2ZUluZGV4KTsgZWxzZSBjb25maXJtQnV0dG9uc1wiIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPHctYnV0dG9uIHR5cGU9XCJwcmltYXJ5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiJ3BpLWFycm93LXJpZ2h0J1wiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwibmV4dEJ0bkxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlTmV4dFBhZ2VCdXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJuZXh0UGFnZSgpXCI+XHJcbiAgICAgICAgICAgICAgICA8L3ctYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNjb25maXJtQnV0dG9ucyA+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx3LWJ1dHRvbiAqbmdJZj1cInNlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwic2Vjb25kYXJ5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidy13aXphcmQtYnV0dG9uLWdhcFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGkgJytzZWNvbmRhcnlDb25maXJtQnV0dG9uSWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwic2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZVNlY29uZGFyeUNvbmZpcm1CdXR0b25cIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cInNlY29uZGFyeUNvbmZpcm0oKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvdy1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPHctYnV0dG9uIHR5cGU9XCJwcmltYXJ5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaSAnKyBjb25maXJtQnV0dG9uSWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiY29uZmlybUJ1dHRvbkxhYmVsXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZUNvbmZpcm1CdXR0b25cIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cImNvbmZpcm0oKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvdy1idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvdy1wYW5lbD5cclxuPC93LWJvZHktZ3JpZD5cclxuIl19
|
|
@@ -5423,17 +5423,26 @@ class WWizardComponent {
|
|
|
5423
5423
|
this.messageService = messageService;
|
|
5424
5424
|
this.location = location;
|
|
5425
5425
|
this.router = router;
|
|
5426
|
-
this.
|
|
5426
|
+
this._activeIndex = 0;
|
|
5427
5427
|
this.nextBtnLabel = "Next";
|
|
5428
5428
|
this.previousBtnLabel = "Previous";
|
|
5429
5429
|
this.cancelBtnLabel = "Cancel";
|
|
5430
5430
|
this.isReadOnly = true;
|
|
5431
|
+
this.disableConfirmButton = false;
|
|
5432
|
+
this.disableSecondaryConfirmButton = false;
|
|
5433
|
+
this.disableNextPageButton = false;
|
|
5431
5434
|
this.confirmButtonActivated = new EventEmitter();
|
|
5432
5435
|
this.secondaryConfirmButtonActivated = new EventEmitter();
|
|
5433
5436
|
this.activeIndexParent = new EventEmitter();
|
|
5434
5437
|
}
|
|
5438
|
+
set activeIndex(value) {
|
|
5439
|
+
this._activeIndex = value;
|
|
5440
|
+
}
|
|
5441
|
+
get activeIndex() {
|
|
5442
|
+
return this._activeIndex;
|
|
5443
|
+
}
|
|
5435
5444
|
onActiveIndexChange(event) {
|
|
5436
|
-
this.
|
|
5445
|
+
this._activeIndex = event;
|
|
5437
5446
|
}
|
|
5438
5447
|
cancel() {
|
|
5439
5448
|
if (this.cancelCustomRoute) {
|
|
@@ -5443,13 +5452,13 @@ class WWizardComponent {
|
|
|
5443
5452
|
this.location.back();
|
|
5444
5453
|
}
|
|
5445
5454
|
nextPage() {
|
|
5446
|
-
this.
|
|
5447
|
-
this.activeIndexParent.emit(this.
|
|
5455
|
+
this._activeIndex++;
|
|
5456
|
+
this.activeIndexParent.emit(this._activeIndex);
|
|
5448
5457
|
return;
|
|
5449
5458
|
}
|
|
5450
5459
|
previousPage() {
|
|
5451
|
-
this.
|
|
5452
|
-
this.activeIndexParent.emit(this.
|
|
5460
|
+
this._activeIndex--;
|
|
5461
|
+
this.activeIndexParent.emit(this._activeIndex);
|
|
5453
5462
|
}
|
|
5454
5463
|
confirm() {
|
|
5455
5464
|
this.confirmButtonActivated.emit(true);
|
|
@@ -5459,11 +5468,13 @@ class WWizardComponent {
|
|
|
5459
5468
|
}
|
|
5460
5469
|
}
|
|
5461
5470
|
WWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, deps: [{ token: i1$3.MessageService }, { token: i1.Location }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
5462
|
-
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", cancelBtnLabel: "cancelBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", formGroup: "formGroup", cancelCustomRoute: "cancelCustomRoute" }, 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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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: i4$4.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" }] });
|
|
5471
|
+
WWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WWizardComponent, selector: "w-wizard", inputs: { activeIndex: "activeIndex", stepsItems: "stepsItems", stepsHeadings: "stepsHeadings", stepsSubheadings: "stepsSubheadings", nextBtnLabel: "nextBtnLabel", previousBtnLabel: "previousBtnLabel", cancelBtnLabel: "cancelBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", cancelCustomRoute: "cancelCustomRoute", disableConfirmButton: "disableConfirmButton", disableSecondaryConfirmButton: "disableSecondaryConfirmButton", disableNextPageButton: "disableNextPageButton" }, 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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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 [disabled]=\"disableNextPageButton\"\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]=\"disableSecondaryConfirmButton\" \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]=\"disableConfirmButton\" \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: i4$4.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" }] });
|
|
5463
5472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, decorators: [{
|
|
5464
5473
|
type: Component,
|
|
5465
|
-
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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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"] }]
|
|
5466
|
-
}], ctorParameters: function () { return [{ type: i1$3.MessageService }, { type: i1.Location }, { type: i1$4.Router }]; }, propDecorators: {
|
|
5474
|
+
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-times'\" \r\n type=\"secondary\" \r\n [label]=\"cancelBtnLabel\" \r\n (onClick)=\"cancel()\">\r\n </w-button>\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 [disabled]=\"disableNextPageButton\"\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]=\"disableSecondaryConfirmButton\" \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]=\"disableConfirmButton\" \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"] }]
|
|
5475
|
+
}], ctorParameters: function () { return [{ type: i1$3.MessageService }, { type: i1.Location }, { type: i1$4.Router }]; }, propDecorators: { activeIndex: [{
|
|
5476
|
+
type: Input
|
|
5477
|
+
}], stepsItems: [{
|
|
5467
5478
|
type: Input,
|
|
5468
5479
|
args: ['stepsItems']
|
|
5469
5480
|
}], stepsHeadings: [{
|
|
@@ -5496,12 +5507,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
5496
5507
|
}], isReadOnly: [{
|
|
5497
5508
|
type: Input,
|
|
5498
5509
|
args: ['isReadOnly']
|
|
5499
|
-
}], formGroup: [{
|
|
5500
|
-
type: Input,
|
|
5501
|
-
args: ['formGroup']
|
|
5502
5510
|
}], cancelCustomRoute: [{
|
|
5503
5511
|
type: Input,
|
|
5504
|
-
args: [
|
|
5512
|
+
args: ['cancelCustomRoute']
|
|
5513
|
+
}], disableConfirmButton: [{
|
|
5514
|
+
type: Input,
|
|
5515
|
+
args: ['disableConfirmButton']
|
|
5516
|
+
}], disableSecondaryConfirmButton: [{
|
|
5517
|
+
type: Input,
|
|
5518
|
+
args: ['disableSecondaryConfirmButton']
|
|
5519
|
+
}], disableNextPageButton: [{
|
|
5520
|
+
type: Input,
|
|
5521
|
+
args: ['disableNextPageButton']
|
|
5505
5522
|
}], confirmButtonActivated: [{
|
|
5506
5523
|
type: Output,
|
|
5507
5524
|
args: ['confirmButtonActivated']
|