@tuki-io/tuki-widgets 0.0.166 → 0.0.168

package/esm2020/user-creation/src/user-creation.module.mjs

@@ -0,0 +1,69 @@
+import { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatExpansionModule } from "@angular/material/expansion";
+import { MatRadioModule } from '@angular/material/radio';
+import { MatStepperModule } from "@angular/material/stepper";
+import { MaterialModule } from "./shared/material.module";
+import { UserCreationApiService } from "./shared/services/user-creation-api.service";
+import { SharedModule } from "./shared/shared.module";
+import { UserDetailsStepComponent } from "./widgets/user-creation-wizard/components/user-details-step/user-details-step.component";
+import { UserOverviewStepComponent } from "./widgets/user-creation-wizard/components/user-overview-step/user-overview-step.component";
+import { UserTemplateStepComponent } from "./widgets/user-creation-wizard/components/user-template-step/user-template-step.component";
+import { UserCreationWizardComponent } from "./widgets/user-creation-wizard/user-creation-wizard.component";
+import { UserCreationWizardService } from "./widgets/user-creation-wizard/user-creation-wizard.service";
+import * as i0 from "@angular/core";
+export class UserCreationModule {
+}
+UserCreationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserCreationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UserCreationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UserCreationModule, declarations: [UserCreationWizardComponent,
+        UserTemplateStepComponent,
+        UserDetailsStepComponent,
+        UserOverviewStepComponent], imports: [CommonModule,
+        SharedModule,
+        MaterialModule,
+        MatStepperModule,
+        MatExpansionModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatRadioModule], exports: [UserCreationWizardComponent] });
+UserCreationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserCreationModule, providers: [
+        UserCreationApiService,
+        UserCreationWizardService,
+    ], imports: [CommonModule,
+        SharedModule,
+        MaterialModule,
+        MatStepperModule,
+        MatExpansionModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatRadioModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserCreationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UserCreationWizardComponent,
+                        UserTemplateStepComponent,
+                        UserDetailsStepComponent,
+                        UserOverviewStepComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        SharedModule,
+                        MaterialModule,
+                        MatStepperModule,
+                        MatExpansionModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatRadioModule
+                    ],
+                    exports: [
+                        UserCreationWizardComponent
+                    ],
+                    providers: [
+                        UserCreationApiService,
+                        UserCreationWizardService,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1jcmVhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvdXNlci1jcmVhdGlvbi9zcmMvdXNlci1jcmVhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDckYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3RELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlGQUF5RixDQUFDO0FBQ25JLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJGQUEyRixDQUFDO0FBQ3RJLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJGQUEyRixDQUFDO0FBQ3RJLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQzVHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDZEQUE2RCxDQUFDOztBQTJCeEcsTUFBTSxPQUFPLGtCQUFrQjs7Z0hBQWxCLGtCQUFrQjtpSEFBbEIsa0JBQWtCLGlCQXZCdkIsMkJBQTJCO1FBQzNCLHlCQUF5QjtRQUN6Qix3QkFBd0I7UUFDeEIseUJBQXlCLGFBR3pCLFlBQVk7UUFDWixZQUFZO1FBQ1osY0FBYztRQUNkLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsV0FBVztRQUNYLG1CQUFtQjtRQUNuQixjQUFjLGFBR2QsMkJBQTJCO2lIQU90QixrQkFBa0IsYUFMaEI7UUFDUCxzQkFBc0I7UUFDdEIseUJBQXlCO0tBQzVCLFlBZkcsWUFBWTtRQUNaLFlBQVk7UUFDWixjQUFjO1FBQ2QsZ0JBQWdCO1FBQ2hCLGtCQUFrQjtRQUNsQixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLGNBQWM7NEZBVVQsa0JBQWtCO2tCQXpCOUIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsMkJBQTJCO3dCQUMzQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixjQUFjO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsMkJBQTJCO3FCQUM5QjtvQkFDRCxTQUFTLEVBQUU7d0JBQ1Asc0JBQXNCO3dCQUN0Qix5QkFBeUI7cUJBQzVCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRFeHBhbnNpb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XHJcbmltcG9ydCB7IE1hdFJhZGlvTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcmFkaW8nO1xyXG5pbXBvcnQgeyBNYXRTdGVwcGVyTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3N0ZXBwZXJcIjtcclxuaW1wb3J0IHsgTWF0ZXJpYWxNb2R1bGUgfSBmcm9tIFwiLi9zaGFyZWQvbWF0ZXJpYWwubW9kdWxlXCI7XHJcbmltcG9ydCB7IFVzZXJDcmVhdGlvbkFwaVNlcnZpY2UgfSBmcm9tIFwiLi9zaGFyZWQvc2VydmljZXMvdXNlci1jcmVhdGlvbi1hcGkuc2VydmljZVwiO1xyXG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tIFwiLi9zaGFyZWQvc2hhcmVkLm1vZHVsZVwiO1xyXG5pbXBvcnQgeyBVc2VyRGV0YWlsc1N0ZXBDb21wb25lbnQgfSBmcm9tIFwiLi93aWRnZXRzL3VzZXItY3JlYXRpb24td2l6YXJkL2NvbXBvbmVudHMvdXNlci1kZXRhaWxzLXN0ZXAvdXNlci1kZXRhaWxzLXN0ZXAuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IFVzZXJPdmVydmlld1N0ZXBDb21wb25lbnQgfSBmcm9tIFwiLi93aWRnZXRzL3VzZXItY3JlYXRpb24td2l6YXJkL2NvbXBvbmVudHMvdXNlci1vdmVydmlldy1zdGVwL3VzZXItb3ZlcnZpZXctc3RlcC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgVXNlclRlbXBsYXRlU3RlcENvbXBvbmVudCB9IGZyb20gXCIuL3dpZGdldHMvdXNlci1jcmVhdGlvbi13aXphcmQvY29tcG9uZW50cy91c2VyLXRlbXBsYXRlLXN0ZXAvdXNlci10ZW1wbGF0ZS1zdGVwLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBVc2VyQ3JlYXRpb25XaXphcmRDb21wb25lbnQgfSBmcm9tIFwiLi93aWRnZXRzL3VzZXItY3JlYXRpb24td2l6YXJkL3VzZXItY3JlYXRpb24td2l6YXJkLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBVc2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlIH0gZnJvbSBcIi4vd2lkZ2V0cy91c2VyLWNyZWF0aW9uLXdpemFyZC91c2VyLWNyZWF0aW9uLXdpemFyZC5zZXJ2aWNlXCI7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgVXNlckNyZWF0aW9uV2l6YXJkQ29tcG9uZW50LFxyXG4gICAgICAgIFVzZXJUZW1wbGF0ZVN0ZXBDb21wb25lbnQsXHJcbiAgICAgICAgVXNlckRldGFpbHNTdGVwQ29tcG9uZW50LFxyXG4gICAgICAgIFVzZXJPdmVydmlld1N0ZXBDb21wb25lbnRcclxuICAgIF0sXHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIFNoYXJlZE1vZHVsZSxcclxuICAgICAgICBNYXRlcmlhbE1vZHVsZSxcclxuICAgICAgICBNYXRTdGVwcGVyTW9kdWxlLFxyXG4gICAgICAgIE1hdEV4cGFuc2lvbk1vZHVsZSxcclxuICAgICAgICBGb3Jtc01vZHVsZSwgXHJcbiAgICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgICAgICBNYXRSYWRpb01vZHVsZVxyXG4gICAgXSxcclxuICAgIGV4cG9ydHM6IFtcclxuICAgICAgICBVc2VyQ3JlYXRpb25XaXphcmRDb21wb25lbnRcclxuICAgIF0sXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICBVc2VyQ3JlYXRpb25BcGlTZXJ2aWNlLFxyXG4gICAgICAgIFVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UsXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVc2VyQ3JlYXRpb25Nb2R1bGUge30iXX0=

package/esm2020/user-creation/src/widgets/user-creation-wizard/components/user-details-step/user-details-step.component.mjs

@@ -0,0 +1,23 @@
+import { Component } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "../../user-creation-wizard.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/table";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@angular/material/select";
+import * as i8 from "@angular/material/core";
+import * as i9 from "@angular/material/expansion";
+export class UserDetailsStepComponent {
+    constructor(userCreationWizardService) {
+        this.userCreationWizardService = userCreationWizardService;
+    }
+}
+UserDetailsStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserDetailsStepComponent, deps: [{ token: i1.UserCreationWizardService }], target: i0.ɵɵFactoryTarget.Component });
+UserDetailsStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UserDetailsStepComponent, selector: "tk-user-details-step", ngImport: i0, template: "<section class=\"details-step-content\">\r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">User details</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"details-step-section__part\">\r\n          <div class=\"details-inline-fields\">\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">User ID</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"User ID\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.userId\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('userId', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">First Name</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"First Name\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.firstName\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('firstName', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Last Name</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Last Name\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.lastName\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('lastName', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Email</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Email\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.email\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('email', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">User Template</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"User Template\"\r\n                  [value]=\"userCreationWizardService.selectedTemplate || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"details-step-section__part\">\r\n          <mat-accordion class=\"details-user-accordion\">\r\n            <mat-expansion-panel togglePosition=\"before\">\r\n              <mat-expansion-panel-header>\r\n                <mat-panel-title>Choose an existing or a LDAP user</mat-panel-title>\r\n              </mat-expansion-panel-header>\r\n              <div class=\"details-user-accordion__content\">\r\n                <table mat-table [dataSource]=\"userCreationWizardService.ldapUsers\" class=\"details-ldap-table\">\r\n                  <ng-container matColumnDef=\"userId\">\r\n                    <th mat-header-cell *matHeaderCellDef>User ID</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.userId }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"firstName\">\r\n                    <th mat-header-cell *matHeaderCellDef>First Name</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.firstName }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"lastName\">\r\n                    <th mat-header-cell *matHeaderCellDef>Last Name</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.lastName }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"email\">\r\n                    <th mat-header-cell *matHeaderCellDef>Email</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.email }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"add\">\r\n                    <th mat-header-cell *matHeaderCellDef>Add</th>\r\n                    <td mat-cell *matCellDef>\r\n                      <button mat-button class=\"details-ldap-table__add-btn\" type=\"button\">Add user</button>\r\n                    </td>\r\n                  </ng-container>\r\n\r\n                  <tr mat-header-row *matHeaderRowDef=\"userCreationWizardService.ldapTableColumns\"></tr>\r\n                  <tr mat-row *matRowDef=\"let row; columns: userCreationWizardService.ldapTableColumns;\"></tr>\r\n                </table>\r\n              </div>\r\n            </mat-expansion-panel>\r\n          </mat-accordion>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Lines</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"line-route-list\">\r\n          <div class=\"line-route-row\" *ngFor=\"let lineSelection of userCreationWizardService.lineSelections; let idx = index\">\r\n            <div class=\"line-route-field\">\r\n              <mat-form-field class=\"details-step-select line-route-select\" appearance=\"outline\">\r\n                <mat-select\r\n                  placeholder=\"Select line\"\r\n                  [value]=\"lineSelection.lineNumber\"\r\n                  (selectionChange)=\"userCreationWizardService.setLineSelection(idx, $event.value)\"\r\n                >\r\n                  <mat-option *ngFor=\"let line of userCreationWizardService.lineOptions\" [value]=\"line.number\">\r\n                    {{ line.number }} - {{ line.did }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"line-route-field\">\r\n              <mat-form-field class=\"details-step-select line-route-select\" appearance=\"outline\">\r\n                <mat-select\r\n                  placeholder=\"Select route partition\"\r\n                  [value]=\"lineSelection.routePartitionName\"\r\n                  (selectionChange)=\"userCreationWizardService.setRoutePartitionSelection(idx, $event.value)\"\r\n                >\r\n                  <mat-option *ngFor=\"let partition of userCreationWizardService.routePartitionOptions\" [value]=\"partition\">\r\n                    {{ partition }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Devices</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"devices-rows\">\r\n          <div class=\"details-inline-fields details-inline-fields--four\" *ngFor=\"let _row of userCreationWizardService.deviceRows; let idx = index\">\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Device type</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Device type\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].deviceType || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Protocol</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Protocol\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].protocol || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Button Template</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Button Template\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].buttonTemplate || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Name</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Name\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].name || ''\"\r\n                  (input)=\"userCreationWizardService.setDeviceName(idx, $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</section>\r\n", styles: [".details-step-content{display:flex;flex-direction:column;gap:0}.details-step-dropdowns{display:flex;flex-direction:column;gap:1rem}.details-step-field{display:flex;flex-direction:column;gap:8px}.details-step-label{font-size:16px;font-weight:400;line-height:100%;letter-spacing:0;color:#333}.details-step-select{width:333px}.details-step-divider{border-top:1px solid #d9d9d9;margin-top:24px}.details-step-sections{display:flex;flex-direction:column}.details-step-section{display:flex;flex-direction:column;gap:0;padding:24px 0}.details-step-sections>.details-step-section:first-child{padding-top:0}.details-step-section+.details-step-section{border-top:1px solid #d9d9d9}.details-step-section__title{margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:100%;letter-spacing:0;color:#333}.details-step-section__content{margin-top:24px}.details-step-section__part+.details-step-section__part{margin-top:24px}.details-user-accordion{width:100%}.details-user-accordion__content{padding:12px 0 0}.details-ldap-table{width:100%}.details-ldap-table__add-btn{min-width:0;padding:0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;color:#0d56aa}:host ::ng-deep .details-ldap-table .mat-header-cell{font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;color:#737480;height:30px;padding:7px 8px}:host ::ng-deep .details-ldap-table .mat-cell{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#333;height:40px;padding:8px}.details-inline-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.details-inline-fields--four{grid-template-columns:repeat(4,minmax(0,1fr))}.devices-rows{display:flex;flex-direction:column;gap:24px}.details-inline-field{display:flex;flex-direction:column;gap:4px}.details-inline-field__label{color:#c0c2ce;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0}.details-step-input{width:100%}.line-route-list{display:flex;flex-direction:column;gap:16px}.line-route-row{display:flex;gap:16px}.line-route-field{display:flex;flex-direction:column;gap:0}.line-route-select{width:185px}:host ::ng-deep .details-step-select .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .details-step-input .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .details-step-select .mat-form-field-flex{align-items:center;height:32px;border:1px solid #767676;border-radius:6px;padding:0 12px}:host ::ng-deep .details-step-input .mat-form-field-flex{align-items:center;height:36px;border:1px solid #767676;border-radius:4px;padding:10px 8px}:host ::ng-deep .details-step-select .mat-form-field-outline,:host ::ng-deep .details-step-select .mat-form-field-outline-start,:host ::ng-deep .details-step-select .mat-form-field-outline-end,:host ::ng-deep .details-step-select .mat-form-field-outline-gap{display:none}:host ::ng-deep .details-step-input .mat-form-field-outline,:host ::ng-deep .details-step-input .mat-form-field-outline-start,:host ::ng-deep .details-step-input .mat-form-field-outline-end,:host ::ng-deep .details-step-input .mat-form-field-outline-gap{display:none}:host ::ng-deep .details-step-select .mat-form-field-infix{width:100%;border-top:0;padding:0}:host ::ng-deep .details-step-input .mat-form-field-infix{width:100%;border-top:0;padding:0}:host ::ng-deep .details-step-select .mat-select-trigger{display:flex;align-items:center;justify-content:space-between;height:100%}:host ::ng-deep .details-step-input .mat-input-element{height:100%;margin:0}:host ::ng-deep .details-step-input.mat-form-field-disabled .mat-form-field-flex{background-color:#f5f6fa;border-color:#b8beca;opacity:.55;cursor:not-allowed}:host ::ng-deep .details-step-input .mat-input-element:disabled{color:#7f8694;-webkit-text-fill-color:#7f8694;cursor:not-allowed}:host ::ng-deep .details-user-accordion .mat-expansion-panel{border:0;border-radius:0!important;background:transparent;box-shadow:none!important}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header{padding:0 0 0 8px;min-height:32px;height:32px}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header-title{margin:0;display:flex;align-items:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;color:#333}:host ::ng-deep .details-user-accordion .mat-expansion-panel-body{padding:0!important}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header .mat-content{display:flex;align-items:center}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header .mat-expansion-indicator{display:block!important;opacity:1!important;color:#333!important;align-self:center;margin:0 8px 0 0!important}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header .mat-expansion-indicator:after{color:#333!important;border-color:#333!important;position:relative;top:-4px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i9.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserDetailsStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-user-details-step', template: "<section class=\"details-step-content\">\r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">User details</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"details-step-section__part\">\r\n          <div class=\"details-inline-fields\">\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">User ID</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"User ID\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.userId\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('userId', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">First Name</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"First Name\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.firstName\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('firstName', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Last Name</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Last Name\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.lastName\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('lastName', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Email</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Email\"\r\n                  [value]=\"userCreationWizardService.userDetailsForm.email\"\r\n                  (input)=\"userCreationWizardService.setUserDetailsField('email', $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">User Template</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"User Template\"\r\n                  [value]=\"userCreationWizardService.selectedTemplate || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"details-step-section__part\">\r\n          <mat-accordion class=\"details-user-accordion\">\r\n            <mat-expansion-panel togglePosition=\"before\">\r\n              <mat-expansion-panel-header>\r\n                <mat-panel-title>Choose an existing or a LDAP user</mat-panel-title>\r\n              </mat-expansion-panel-header>\r\n              <div class=\"details-user-accordion__content\">\r\n                <table mat-table [dataSource]=\"userCreationWizardService.ldapUsers\" class=\"details-ldap-table\">\r\n                  <ng-container matColumnDef=\"userId\">\r\n                    <th mat-header-cell *matHeaderCellDef>User ID</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.userId }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"firstName\">\r\n                    <th mat-header-cell *matHeaderCellDef>First Name</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.firstName }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"lastName\">\r\n                    <th mat-header-cell *matHeaderCellDef>Last Name</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.lastName }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"email\">\r\n                    <th mat-header-cell *matHeaderCellDef>Email</th>\r\n                    <td mat-cell *matCellDef=\"let row\">{{ row.email }}</td>\r\n                  </ng-container>\r\n\r\n                  <ng-container matColumnDef=\"add\">\r\n                    <th mat-header-cell *matHeaderCellDef>Add</th>\r\n                    <td mat-cell *matCellDef>\r\n                      <button mat-button class=\"details-ldap-table__add-btn\" type=\"button\">Add user</button>\r\n                    </td>\r\n                  </ng-container>\r\n\r\n                  <tr mat-header-row *matHeaderRowDef=\"userCreationWizardService.ldapTableColumns\"></tr>\r\n                  <tr mat-row *matRowDef=\"let row; columns: userCreationWizardService.ldapTableColumns;\"></tr>\r\n                </table>\r\n              </div>\r\n            </mat-expansion-panel>\r\n          </mat-accordion>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Lines</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"line-route-list\">\r\n          <div class=\"line-route-row\" *ngFor=\"let lineSelection of userCreationWizardService.lineSelections; let idx = index\">\r\n            <div class=\"line-route-field\">\r\n              <mat-form-field class=\"details-step-select line-route-select\" appearance=\"outline\">\r\n                <mat-select\r\n                  placeholder=\"Select line\"\r\n                  [value]=\"lineSelection.lineNumber\"\r\n                  (selectionChange)=\"userCreationWizardService.setLineSelection(idx, $event.value)\"\r\n                >\r\n                  <mat-option *ngFor=\"let line of userCreationWizardService.lineOptions\" [value]=\"line.number\">\r\n                    {{ line.number }} - {{ line.did }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"line-route-field\">\r\n              <mat-form-field class=\"details-step-select line-route-select\" appearance=\"outline\">\r\n                <mat-select\r\n                  placeholder=\"Select route partition\"\r\n                  [value]=\"lineSelection.routePartitionName\"\r\n                  (selectionChange)=\"userCreationWizardService.setRoutePartitionSelection(idx, $event.value)\"\r\n                >\r\n                  <mat-option *ngFor=\"let partition of userCreationWizardService.routePartitionOptions\" [value]=\"partition\">\r\n                    {{ partition }}\r\n                  </mat-option>\r\n                </mat-select>\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Devices</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"devices-rows\">\r\n          <div class=\"details-inline-fields details-inline-fields--four\" *ngFor=\"let _row of userCreationWizardService.deviceRows; let idx = index\">\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Device type</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Device type\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].deviceType || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Protocol</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Protocol\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].protocol || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Button Template</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Button Template\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].buttonTemplate || ''\"\r\n                  [disabled]=\"true\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n\r\n            <div class=\"details-inline-field\">\r\n              <label class=\"details-inline-field__label\">Name</label>\r\n              <mat-form-field class=\"details-step-input\" appearance=\"outline\">\r\n                <input\r\n                  matInput\r\n                  placeholder=\"Name\"\r\n                  [value]=\"userCreationWizardService.deviceEntries[idx].name || ''\"\r\n                  (input)=\"userCreationWizardService.setDeviceName(idx, $any($event.target).value)\"\r\n                />\r\n              </mat-form-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</section>\r\n", styles: [".details-step-content{display:flex;flex-direction:column;gap:0}.details-step-dropdowns{display:flex;flex-direction:column;gap:1rem}.details-step-field{display:flex;flex-direction:column;gap:8px}.details-step-label{font-size:16px;font-weight:400;line-height:100%;letter-spacing:0;color:#333}.details-step-select{width:333px}.details-step-divider{border-top:1px solid #d9d9d9;margin-top:24px}.details-step-sections{display:flex;flex-direction:column}.details-step-section{display:flex;flex-direction:column;gap:0;padding:24px 0}.details-step-sections>.details-step-section:first-child{padding-top:0}.details-step-section+.details-step-section{border-top:1px solid #d9d9d9}.details-step-section__title{margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:100%;letter-spacing:0;color:#333}.details-step-section__content{margin-top:24px}.details-step-section__part+.details-step-section__part{margin-top:24px}.details-user-accordion{width:100%}.details-user-accordion__content{padding:12px 0 0}.details-ldap-table{width:100%}.details-ldap-table__add-btn{min-width:0;padding:0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;color:#0d56aa}:host ::ng-deep .details-ldap-table .mat-header-cell{font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:16px;letter-spacing:0;color:#737480;height:30px;padding:7px 8px}:host ::ng-deep .details-ldap-table .mat-cell{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;color:#333;height:40px;padding:8px}.details-inline-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.details-inline-fields--four{grid-template-columns:repeat(4,minmax(0,1fr))}.devices-rows{display:flex;flex-direction:column;gap:24px}.details-inline-field{display:flex;flex-direction:column;gap:4px}.details-inline-field__label{color:#c0c2ce;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0}.details-step-input{width:100%}.line-route-list{display:flex;flex-direction:column;gap:16px}.line-route-row{display:flex;gap:16px}.line-route-field{display:flex;flex-direction:column;gap:0}.line-route-select{width:185px}:host ::ng-deep .details-step-select .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .details-step-input .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .details-step-select .mat-form-field-flex{align-items:center;height:32px;border:1px solid #767676;border-radius:6px;padding:0 12px}:host ::ng-deep .details-step-input .mat-form-field-flex{align-items:center;height:36px;border:1px solid #767676;border-radius:4px;padding:10px 8px}:host ::ng-deep .details-step-select .mat-form-field-outline,:host ::ng-deep .details-step-select .mat-form-field-outline-start,:host ::ng-deep .details-step-select .mat-form-field-outline-end,:host ::ng-deep .details-step-select .mat-form-field-outline-gap{display:none}:host ::ng-deep .details-step-input .mat-form-field-outline,:host ::ng-deep .details-step-input .mat-form-field-outline-start,:host ::ng-deep .details-step-input .mat-form-field-outline-end,:host ::ng-deep .details-step-input .mat-form-field-outline-gap{display:none}:host ::ng-deep .details-step-select .mat-form-field-infix{width:100%;border-top:0;padding:0}:host ::ng-deep .details-step-input .mat-form-field-infix{width:100%;border-top:0;padding:0}:host ::ng-deep .details-step-select .mat-select-trigger{display:flex;align-items:center;justify-content:space-between;height:100%}:host ::ng-deep .details-step-input .mat-input-element{height:100%;margin:0}:host ::ng-deep .details-step-input.mat-form-field-disabled .mat-form-field-flex{background-color:#f5f6fa;border-color:#b8beca;opacity:.55;cursor:not-allowed}:host ::ng-deep .details-step-input .mat-input-element:disabled{color:#7f8694;-webkit-text-fill-color:#7f8694;cursor:not-allowed}:host ::ng-deep .details-user-accordion .mat-expansion-panel{border:0;border-radius:0!important;background:transparent;box-shadow:none!important}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header{padding:0 0 0 8px;min-height:32px;height:32px}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header-title{margin:0;display:flex;align-items:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;color:#333}:host ::ng-deep .details-user-accordion .mat-expansion-panel-body{padding:0!important}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header .mat-content{display:flex;align-items:center}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header .mat-expansion-indicator{display:block!important;opacity:1!important;color:#333!important;align-self:center;margin:0 8px 0 0!important}:host ::ng-deep .details-user-accordion .mat-expansion-panel-header .mat-expansion-indicator:after{color:#333!important;border-color:#333!important;position:relative;top:-4px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.UserCreationWizardService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZXRhaWxzLXN0ZXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVraS93aWRnZXRzL3VzZXItY3JlYXRpb24vc3JjL3dpZGdldHMvdXNlci1jcmVhdGlvbi13aXphcmQvY29tcG9uZW50cy91c2VyLWRldGFpbHMtc3RlcC91c2VyLWRldGFpbHMtc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvdXNlci1jcmVhdGlvbi9zcmMvd2lkZ2V0cy91c2VyLWNyZWF0aW9uLXdpemFyZC9jb21wb25lbnRzL3VzZXItZGV0YWlscy1zdGVwL3VzZXItZGV0YWlscy1zdGVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7O0FBUTFDLE1BQU0sT0FBTyx3QkFBd0I7SUFDakMsWUFDVyx5QkFBb0Q7UUFBcEQsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUEyQjtJQUM1RCxDQUFDOztzSEFISyx3QkFBd0I7MEdBQXhCLHdCQUF3Qiw0RENSckMsZ2hVQWlOQTs0RkR6TWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNJLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vdXNlci1jcmVhdGlvbi13aXphcmQuc2VydmljZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3RrLXVzZXItZGV0YWlscy1zdGVwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWRldGFpbHMtc3RlcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWRldGFpbHMtc3RlcC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVc2VyRGV0YWlsc1N0ZXBDb21wb25lbnQge1xyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHVibGljIHVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2U6IFVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2VcclxuICAgICkge31cclxufSIsIjxzZWN0aW9uIGNsYXNzPVwiZGV0YWlscy1zdGVwLWNvbnRlbnRcIj5cclxuICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25zXCI+XHJcbiAgICA8c2VjdGlvbiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uXCI+XHJcbiAgICAgIDxoMyBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX190aXRsZVwiPlVzZXIgZGV0YWlsczwvaDM+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fcGFydFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZF9fbGFiZWxcIj5Vc2VyIElEPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiVXNlciBJRFwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnVzZXJEZXRhaWxzRm9ybS51c2VySWRcIlxyXG4gICAgICAgICAgICAgICAgICAoaW5wdXQpPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5zZXRVc2VyRGV0YWlsc0ZpZWxkKCd1c2VySWQnLCAkYW55KCRldmVudC50YXJnZXQpLnZhbHVlKVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkXCI+XHJcbiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRfX2xhYmVsXCI+Rmlyc3QgTmFtZTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZGV0YWlscy1zdGVwLWlucHV0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkZpcnN0IE5hbWVcIlxyXG4gICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS51c2VyRGV0YWlsc0Zvcm0uZmlyc3ROYW1lXCJcclxuICAgICAgICAgICAgICAgICAgKGlucHV0KT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2V0VXNlckRldGFpbHNGaWVsZCgnZmlyc3ROYW1lJywgJGFueSgkZXZlbnQudGFyZ2V0KS52YWx1ZSlcIlxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkX19sYWJlbFwiPkxhc3QgTmFtZTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZGV0YWlscy1zdGVwLWlucHV0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkxhc3QgTmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnVzZXJEZXRhaWxzRm9ybS5sYXN0TmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgIChpbnB1dCk9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFVzZXJEZXRhaWxzRmllbGQoJ2xhc3ROYW1lJywgJGFueSgkZXZlbnQudGFyZ2V0KS52YWx1ZSlcIlxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkX19sYWJlbFwiPkVtYWlsPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiRW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS51c2VyRGV0YWlsc0Zvcm0uZW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICAoaW5wdXQpPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5zZXRVc2VyRGV0YWlsc0ZpZWxkKCdlbWFpbCcsICRhbnkoJGV2ZW50LnRhcmdldCkudmFsdWUpXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZF9fbGFiZWxcIj5Vc2VyIFRlbXBsYXRlPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiVXNlciBUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNlbGVjdGVkVGVtcGxhdGUgfHwgJydcIlxyXG4gICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fcGFydFwiPlxyXG4gICAgICAgICAgPG1hdC1hY2NvcmRpb24gY2xhc3M9XCJkZXRhaWxzLXVzZXItYWNjb3JkaW9uXCI+XHJcbiAgICAgICAgICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsIHRvZ2dsZVBvc2l0aW9uPVwiYmVmb3JlXCI+XHJcbiAgICAgICAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1wYW5lbC10aXRsZT5DaG9vc2UgYW4gZXhpc3Rpbmcgb3IgYSBMREFQIHVzZXI8L21hdC1wYW5lbC10aXRsZT5cclxuICAgICAgICAgICAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXVzZXItYWNjb3JkaW9uX19jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICA8dGFibGUgbWF0LXRhYmxlIFtkYXRhU291cmNlXT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UubGRhcFVzZXJzXCIgY2xhc3M9XCJkZXRhaWxzLWxkYXAtdGFibGVcIj5cclxuICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJ1c2VySWRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlVzZXIgSUQ8L3RoPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCByb3dcIj57eyByb3cudXNlcklkIH19PC90ZD5cclxuICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImZpcnN0TmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+Rmlyc3QgTmFtZTwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IHJvd1wiPnt7IHJvdy5maXJzdE5hbWUgfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwibGFzdE5hbWVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkxhc3QgTmFtZTwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IHJvd1wiPnt7IHJvdy5sYXN0TmFtZSB9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJlbWFpbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+RW1haWw8L3RoPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCByb3dcIj57eyByb3cuZW1haWwgfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiYWRkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5BZGQ8L3RoPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cImRldGFpbHMtbGRhcC10YWJsZV9fYWRkLWJ0blwiIHR5cGU9XCJidXR0b25cIj5BZGQgdXNlcjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmxkYXBUYWJsZUNvbHVtbnNcIj48L3RyPlxyXG4gICAgICAgICAgICAgICAgICA8dHIgbWF0LXJvdyAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogdXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5sZGFwVGFibGVDb2x1bW5zO1wiPjwvdHI+XHJcbiAgICAgICAgICAgICAgICA8L3RhYmxlPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L21hdC1leHBhbnNpb24tcGFuZWw+XHJcbiAgICAgICAgICA8L21hdC1hY2NvcmRpb24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9zZWN0aW9uPlxyXG5cclxuICAgIDxzZWN0aW9uIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25cIj5cclxuICAgICAgPGgzIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX3RpdGxlXCI+TGluZXM8L2gzPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX2NvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibGluZS1yb3V0ZS1saXN0XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibGluZS1yb3V0ZS1yb3dcIiAqbmdGb3I9XCJsZXQgbGluZVNlbGVjdGlvbiBvZiB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmxpbmVTZWxlY3Rpb25zOyBsZXQgaWR4ID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtcm91dGUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VsZWN0IGxpbmUtcm91dGUtc2VsZWN0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxtYXQtc2VsZWN0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IGxpbmVcIlxyXG4gICAgICAgICAgICAgICAgICBbdmFsdWVdPVwibGluZVNlbGVjdGlvbi5saW5lTnVtYmVyXCJcclxuICAgICAgICAgICAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldExpbmVTZWxlY3Rpb24oaWR4LCAkZXZlbnQudmFsdWUpXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGxpbmUgb2YgdXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5saW5lT3B0aW9uc1wiIFt2YWx1ZV09XCJsaW5lLm51bWJlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IGxpbmUubnVtYmVyIH19IC0ge3sgbGluZS5kaWQgfX1cclxuICAgICAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxpbmUtcm91dGUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VsZWN0IGxpbmUtcm91dGUtc2VsZWN0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxtYXQtc2VsZWN0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2VsZWN0IHJvdXRlIHBhcnRpdGlvblwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJsaW5lU2VsZWN0aW9uLnJvdXRlUGFydGl0aW9uTmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgIChzZWxlY3Rpb25DaGFuZ2UpPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5zZXRSb3V0ZVBhcnRpdGlvblNlbGVjdGlvbihpZHgsICRldmVudC52YWx1ZSlcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgcGFydGl0aW9uIG9mIHVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uucm91dGVQYXJ0aXRpb25PcHRpb25zXCIgW3ZhbHVlXT1cInBhcnRpdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IHBhcnRpdGlvbiB9fVxyXG4gICAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgICAgICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L3NlY3Rpb24+XHJcblxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvblwiPlxyXG4gICAgICA8aDMgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fdGl0bGVcIj5EZXZpY2VzPC9oMz5cclxuICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX19jb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRldmljZXMtcm93c1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkcyBkZXRhaWxzLWlubGluZS1maWVsZHMtLWZvdXJcIiAqbmdGb3I9XCJsZXQgX3JvdyBvZiB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmRldmljZVJvd3M7IGxldCBpZHggPSBpbmRleFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZF9fbGFiZWxcIj5EZXZpY2UgdHlwZTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZGV0YWlscy1zdGVwLWlucHV0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkRldmljZSB0eXBlXCJcclxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UuZGV2aWNlRW50cmllc1tpZHhdLmRldmljZVR5cGUgfHwgJydcIlxyXG4gICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkXCI+XHJcbiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRfX2xhYmVsXCI+UHJvdG9jb2w8L2xhYmVsPlxyXG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1pbnB1dFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJQcm90b2NvbFwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmRldmljZUVudHJpZXNbaWR4XS5wcm90b2NvbCB8fCAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZF9fbGFiZWxcIj5CdXR0b24gVGVtcGxhdGU8L2xhYmVsPlxyXG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1pbnB1dFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJCdXR0b24gVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5kZXZpY2VFbnRyaWVzW2lkeF0uYnV0dG9uVGVtcGxhdGUgfHwgJydcIlxyXG4gICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkXCI+XHJcbiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRfX2xhYmVsXCI+TmFtZTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZGV0YWlscy1zdGVwLWlucHV0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIk5hbWVcIlxyXG4gICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5kZXZpY2VFbnRyaWVzW2lkeF0ubmFtZSB8fCAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgIChpbnB1dCk9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldERldmljZU5hbWUoaWR4LCAkYW55KCRldmVudC50YXJnZXQpLnZhbHVlKVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9zZWN0aW9uPlxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==

package/esm2020/user-creation/src/widgets/user-creation-wizard/components/user-overview-step/user-overview-step.component.mjs

@@ -0,0 +1,19 @@
+import { Component } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "../../user-creation-wizard.service";
+import * as i2 from "@angular/common";
+export class UserOverviewStepComponent {
+    constructor(userCreationWizardService) {
+        this.userCreationWizardService = userCreationWizardService;
+        this.USER_DETAILS_COLS = ['User ID', 'First name', 'Last name', 'Email', 'User templates'];
+        this.LINES_COLS = ['Number', 'DID', 'Route partition name', 'CSS', 'Description'];
+        this.DEVICES_COLS = ['Name', 'Device type', 'Lines', 'Description'];
+    }
+}
+UserOverviewStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserOverviewStepComponent, deps: [{ token: i1.UserCreationWizardService }], target: i0.ɵɵFactoryTarget.Component });
+UserOverviewStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UserOverviewStepComponent, selector: "tk-user-overview-step", ngImport: i0, template: "<section class=\"details-step-content\">\r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">User details</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"preview-list\" [style.--preview-cols]=\"USER_DETAILS_COLS.length\">\r\n          <div class=\"preview-list__header\">\r\n            <span *ngFor=\"let col of USER_DETAILS_COLS\">{{ col }}</span>\r\n          </div>\r\n          <div class=\"preview-list__row\" *ngFor=\"let user of userCreationWizardService.overviewUsers\">\r\n            <span>{{ user.userId }}</span>\r\n            <span>{{ user.firstName }}</span>\r\n            <span>{{ user.lastName }}</span>\r\n            <span>{{ user.email }}</span>\r\n            <span>{{ user.userTemplate }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n  \r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Lines</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"preview-list\" [style.--preview-cols]=\"LINES_COLS.length\">\r\n          <div class=\"preview-list__header\">\r\n            <span *ngFor=\"let col of LINES_COLS\">{{ col }}</span>\r\n          </div>\r\n          <div class=\"preview-list__row\" *ngFor=\"let line of userCreationWizardService.overviewLines\">\r\n            <span>{{ line.number }}</span>\r\n            <span>{{ line.did }}</span>\r\n            <span>{{ line.routePartitionName }}</span>\r\n            <span>{{ line.css }}</span>\r\n            <span>{{ line.description }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n  \r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Devices</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"preview-list\" [style.--preview-cols]=\"DEVICES_COLS.length\">\r\n          <div class=\"preview-list__header\">\r\n            <span *ngFor=\"let col of DEVICES_COLS\">{{ col }}</span>\r\n          </div>\r\n          <div class=\"preview-list__row\" *ngFor=\"let device of userCreationWizardService.overviewDevices\">\r\n            <span>{{ device.name }}</span>\r\n            <span>{{ device.deviceType }}</span>\r\n            <span>{{ device.lines }}</span>\r\n            <span>{{ device.description }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n\r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Single Number Reach</h3>\r\n      <div class=\"details-step-section__content\"></div>\r\n    </section>\r\n  </div>\r\n\r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Features</h3>\r\n      <div class=\"details-step-section__content\"></div>\r\n    </section>\r\n  </div>\r\n\r\n</section>\r\n", styles: [".details-step-content{display:flex;flex-direction:column;gap:24px}.details-step-divider{border-top:1px solid #d9d9d9}.details-step-sections{display:flex;flex-direction:column}.details-step-section{display:flex;flex-direction:column;gap:16px}.details-step-section+.details-step-section{border-top:1px solid #d9d9d9}.details-step-section__title{margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:100%;letter-spacing:0;color:#333}.preview-list{display:flex;flex-direction:column;gap:4px}.preview-list__header,.preview-list__row{display:grid;grid-template-columns:repeat(var(--preview-cols, 1),minmax(0,1fr));column-gap:24px}.preview-list__header>span,.preview-list__row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Gray-700, #737480);font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.preview-list__row>span{min-width:0;color:var(--Gray-700, #333);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserOverviewStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-user-overview-step', template: "<section class=\"details-step-content\">\r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">User details</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"preview-list\" [style.--preview-cols]=\"USER_DETAILS_COLS.length\">\r\n          <div class=\"preview-list__header\">\r\n            <span *ngFor=\"let col of USER_DETAILS_COLS\">{{ col }}</span>\r\n          </div>\r\n          <div class=\"preview-list__row\" *ngFor=\"let user of userCreationWizardService.overviewUsers\">\r\n            <span>{{ user.userId }}</span>\r\n            <span>{{ user.firstName }}</span>\r\n            <span>{{ user.lastName }}</span>\r\n            <span>{{ user.email }}</span>\r\n            <span>{{ user.userTemplate }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n  \r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Lines</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"preview-list\" [style.--preview-cols]=\"LINES_COLS.length\">\r\n          <div class=\"preview-list__header\">\r\n            <span *ngFor=\"let col of LINES_COLS\">{{ col }}</span>\r\n          </div>\r\n          <div class=\"preview-list__row\" *ngFor=\"let line of userCreationWizardService.overviewLines\">\r\n            <span>{{ line.number }}</span>\r\n            <span>{{ line.did }}</span>\r\n            <span>{{ line.routePartitionName }}</span>\r\n            <span>{{ line.css }}</span>\r\n            <span>{{ line.description }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n  \r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Devices</h3>\r\n      <div class=\"details-step-section__content\">\r\n        <div class=\"preview-list\" [style.--preview-cols]=\"DEVICES_COLS.length\">\r\n          <div class=\"preview-list__header\">\r\n            <span *ngFor=\"let col of DEVICES_COLS\">{{ col }}</span>\r\n          </div>\r\n          <div class=\"preview-list__row\" *ngFor=\"let device of userCreationWizardService.overviewDevices\">\r\n            <span>{{ device.name }}</span>\r\n            <span>{{ device.deviceType }}</span>\r\n            <span>{{ device.lines }}</span>\r\n            <span>{{ device.description }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n\r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Single Number Reach</h3>\r\n      <div class=\"details-step-section__content\"></div>\r\n    </section>\r\n  </div>\r\n\r\n  <div class=\"details-step-divider\"></div>\r\n  \r\n  <div class=\"details-step-sections\">\r\n    <section class=\"details-step-section\">\r\n      <h3 class=\"details-step-section__title\">Features</h3>\r\n      <div class=\"details-step-section__content\"></div>\r\n    </section>\r\n  </div>\r\n\r\n</section>\r\n", styles: [".details-step-content{display:flex;flex-direction:column;gap:24px}.details-step-divider{border-top:1px solid #d9d9d9}.details-step-sections{display:flex;flex-direction:column}.details-step-section{display:flex;flex-direction:column;gap:16px}.details-step-section+.details-step-section{border-top:1px solid #d9d9d9}.details-step-section__title{margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:100%;letter-spacing:0;color:#333}.preview-list{display:flex;flex-direction:column;gap:4px}.preview-list__header,.preview-list__row{display:grid;grid-template-columns:repeat(var(--preview-cols, 1),minmax(0,1fr));column-gap:24px}.preview-list__header>span,.preview-list__row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Gray-700, #737480);font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.preview-list__row>span{min-width:0;color:var(--Gray-700, #333);font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:150%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.UserCreationWizardService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1vdmVydmlldy1zdGVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy91c2VyLWNyZWF0aW9uL3NyYy93aWRnZXRzL3VzZXItY3JlYXRpb24td2l6YXJkL2NvbXBvbmVudHMvdXNlci1vdmVydmlldy1zdGVwL3VzZXItb3ZlcnZpZXctc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvdXNlci1jcmVhdGlvbi9zcmMvd2lkZ2V0cy91c2VyLWNyZWF0aW9uLXdpemFyZC9jb21wb25lbnRzL3VzZXItb3ZlcnZpZXctc3RlcC91c2VyLW92ZXJ2aWV3LXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExQyxNQUFNLE9BQU8seUJBQXlCO0lBS2xDLFlBQ1cseUJBQW9EO1FBQXBELDhCQUF5QixHQUF6Qix5QkFBeUIsQ0FBMkI7UUFMdEQsc0JBQWlCLEdBQUcsQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQUN0RixlQUFVLEdBQUcsQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFLEtBQUssRUFBRSxhQUFhLENBQUMsQ0FBQztRQUM3RSxpQkFBWSxHQUFHLENBQUMsTUFBTSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFJckUsQ0FBQzs7dUhBUEsseUJBQXlCOzJHQUF6Qix5QkFBeUIsNkRDUnRDLHUwR0FtRkE7NEZEM0VhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBVc2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL3VzZXItY3JlYXRpb24td2l6YXJkLnNlcnZpY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0ay11c2VyLW92ZXJ2aWV3LXN0ZXAnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VzZXItb3ZlcnZpZXctc3RlcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLW92ZXJ2aWV3LXN0ZXAuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXNlck92ZXJ2aWV3U3RlcENvbXBvbmVudCB7XHJcbiAgICByZWFkb25seSBVU0VSX0RFVEFJTFNfQ09MUyA9IFsnVXNlciBJRCcsICdGaXJzdCBuYW1lJywgJ0xhc3QgbmFtZScsICdFbWFpbCcsICdVc2VyIHRlbXBsYXRlcyddO1xyXG4gICAgcmVhZG9ubHkgTElORVNfQ09MUyA9IFsnTnVtYmVyJywgJ0RJRCcsICdSb3V0ZSBwYXJ0aXRpb24gbmFtZScsICdDU1MnLCAnRGVzY3JpcHRpb24nXTtcclxuICAgIHJlYWRvbmx5IERFVklDRVNfQ09MUyA9IFsnTmFtZScsICdEZXZpY2UgdHlwZScsICdMaW5lcycsICdEZXNjcmlwdGlvbiddO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHB1YmxpYyB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlOiBVc2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlXHJcbiAgICApIHt9XHJcbn0iLCI8c2VjdGlvbiBjbGFzcz1cImRldGFpbHMtc3RlcC1jb250ZW50XCI+XHJcbiAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uc1wiPlxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvblwiPlxyXG4gICAgICA8aDMgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fdGl0bGVcIj5Vc2VyIGRldGFpbHM8L2gzPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX2NvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0XCIgW3N0eWxlLi0tcHJldmlldy1jb2xzXT1cIlVTRVJfREVUQUlMU19DT0xTLmxlbmd0aFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdF9faGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0Zvcj1cImxldCBjb2wgb2YgVVNFUl9ERVRBSUxTX0NPTFNcIj57eyBjb2wgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWxpc3RfX3Jvd1wiICpuZ0Zvcj1cImxldCB1c2VyIG9mIHVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uub3ZlcnZpZXdVc2Vyc1wiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyB1c2VyLnVzZXJJZCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgdXNlci5maXJzdE5hbWUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IHVzZXIubGFzdE5hbWUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IHVzZXIuZW1haWwgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IHVzZXIudXNlclRlbXBsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9zZWN0aW9uPlxyXG4gIDwvZGl2PlxyXG4gIFxyXG4gIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtZGl2aWRlclwiPjwvZGl2PlxyXG4gIFxyXG4gIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbnNcIj5cclxuICAgIDxzZWN0aW9uIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25cIj5cclxuICAgICAgPGgzIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX3RpdGxlXCI+TGluZXM8L2gzPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX2NvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0XCIgW3N0eWxlLi0tcHJldmlldy1jb2xzXT1cIkxJTkVTX0NPTFMubGVuZ3RoXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0X19oZWFkZXJcIj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nRm9yPVwibGV0IGNvbCBvZiBMSU5FU19DT0xTXCI+e3sgY29sIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0X19yb3dcIiAqbmdGb3I9XCJsZXQgbGluZSBvZiB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLm92ZXJ2aWV3TGluZXNcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgbGluZS5udW1iZXIgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGxpbmUuZGlkIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyBsaW5lLnJvdXRlUGFydGl0aW9uTmFtZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgbGluZS5jc3MgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGxpbmUuZGVzY3JpcHRpb24gfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L3NlY3Rpb24+XHJcbiAgPC9kaXY+XHJcbiAgXHJcbiAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1kaXZpZGVyXCI+PC9kaXY+XHJcbiAgXHJcbiAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uc1wiPlxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvblwiPlxyXG4gICAgICA8aDMgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fdGl0bGVcIj5EZXZpY2VzPC9oMz5cclxuICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX19jb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdFwiIFtzdHlsZS4tLXByZXZpZXctY29sc109XCJERVZJQ0VTX0NPTFMubGVuZ3RoXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1saXN0X19oZWFkZXJcIj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nRm9yPVwibGV0IGNvbCBvZiBERVZJQ0VTX0NPTFNcIj57eyBjb2wgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWxpc3RfX3Jvd1wiICpuZ0Zvcj1cImxldCBkZXZpY2Ugb2YgdXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5vdmVydmlld0RldmljZXNcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgZGV2aWNlLm5hbWUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGRldmljZS5kZXZpY2VUeXBlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyBkZXZpY2UubGluZXMgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGRldmljZS5kZXNjcmlwdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvc2VjdGlvbj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1kaXZpZGVyXCI+PC9kaXY+XHJcbiAgXHJcbiAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uc1wiPlxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvblwiPlxyXG4gICAgICA8aDMgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fdGl0bGVcIj5TaW5nbGUgTnVtYmVyIFJlYWNoPC9oMz5cclxuICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX19jb250ZW50XCI+PC9kaXY+XHJcbiAgICA8L3NlY3Rpb24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtZGl2aWRlclwiPjwvZGl2PlxyXG4gIFxyXG4gIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbnNcIj5cclxuICAgIDxzZWN0aW9uIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25cIj5cclxuICAgICAgPGgzIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX3RpdGxlXCI+RmVhdHVyZXM8L2gzPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX2NvbnRlbnRcIj48L2Rpdj5cclxuICAgIDwvc2VjdGlvbj5cclxuICA8L2Rpdj5cclxuXHJcbjwvc2VjdGlvbj5cclxuIl19

package/esm2020/user-creation/src/widgets/user-creation-wizard/components/user-template-step/user-template-step.component.mjs

@@ -0,0 +1,114 @@
+import { Component, Input } from "@angular/core";
+import { USER_CREATION_TYPES } from '../../../../app.constants';
+import { FormControl } from "@angular/forms";
+import { filter, of, startWith, Subject, switchMap, takeUntil, tap } from "rxjs";
+import * as i0 from "@angular/core";
+import * as i1 from "../../user-creation-wizard.service";
+import * as i2 from "../../../../shared/services/user-creation-api.service";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/form-field";
+import * as i6 from "@angular/material/select";
+import * as i7 from "@angular/material/core";
+import * as i8 from "@angular/material/radio";
+export class UserTemplateStepComponent {
+    constructor(userCreationWizardService, userCreationService, fb) {
+        this.userCreationWizardService = userCreationWizardService;
+        this.userCreationService = userCreationService;
+        this.fb = fb;
+        this.formGroup = this.fb.group({
+            userType: [USER_CREATION_TYPES.CUCM],
+            siteId: [null],
+            userTemplateId: [''],
+        });
+        this.userCreationType = USER_CREATION_TYPES.CUCM;
+        this.USER_CREATION_TYPES = USER_CREATION_TYPES;
+        this.defaultTemplateName = 'User 8851 Office';
+        this.fallbackTemplateId = '-1';
+        this.destroy$ = new Subject();
+        this.sitesList$ = this.userCreationService.sitesList$.pipe(takeUntil(this.destroy$));
+        this.templatesList$ = this.userCreationService.templatesList$.pipe(tap((templates) => {
+            this.templates = templates || [];
+            const templateControl = this.formGroup.get('userTemplateId');
+            const currentTemplateId = templateControl?.value;
+            const selectedSiteId = this.formGroup.get('siteId')?.value;
+            const defaultTemplate = this.templates.find(template => template.name === this.defaultTemplateName);
+            const hasSelectedSite = selectedSiteId !== null && selectedSiteId !== undefined;
+            if (hasSelectedSite && defaultTemplate && String(currentTemplateId || '') !== String(defaultTemplate.id)) {
+                templateControl?.setValue(String(defaultTemplate.id));
+            }
+        }), takeUntil(this.destroy$));
+        this.isTemplateSelectable = false;
+        this.templates = [];
+        this.templateToggleFormControl = new FormControl(true);
+    }
+    ngOnInit() {
+        this.formGroup.get('userType').valueChanges
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((value) => {
+            const isOnlyWithLocations = value === USER_CREATION_TYPES.MT ? true : false;
+            this.getSites(isOnlyWithLocations).subscribe();
+            this.reseFieldstForm();
+        });
+        this.formGroup.get('siteId').valueChanges
+            .pipe(filter((value) => value !== null && value !== undefined), tap(() => {
+            this.formGroup.get('userTemplateId')?.setValue(this.fallbackTemplateId);
+            this.userCreationWizardService.setSelectedTemplate(this.defaultTemplateName);
+        }), startWith(this.formGroup.get('siteId')?.value), takeUntil(this.destroy$), switchMap((value) => this.userCreationService.fetchAllUserTemplates(Number(value))))
+            .subscribe();
+        this.formGroup.get('userTemplateId').valueChanges
+            .pipe(filter((value) => value !== null && value !== undefined && String(value).trim().length > 0), takeUntil(this.destroy$), switchMap((value) => {
+            if (String(value) === this.fallbackTemplateId) {
+                this.userCreationWizardService.setSelectedTemplate(this.defaultTemplateName);
+                return of(null);
+            }
+            return this.userCreationService.getUserTemplateToken(String(value), String(String(this.customerId)))
+                .pipe(tap((payload) => {
+                const selectedTemplate = this.templates.find(template => String(template.id) === String(value));
+                this.userCreationWizardService.setSelectedTemplate(selectedTemplate?.name || null);
+                this.userCreationWizardService.applyTemplateTokenPayload(payload);
+            }));
+        }))
+            .subscribe();
+        // this.templateToggleFormControl.valueChanges
+        //     .pipe(startWith(true), takeUntil(this.destroy$), distinctUntilChanged())
+        //     .subscribe((value) => {
+        //         if(value === true) {
+        //             const siteId = this.formGroup.get('siteId')?.value || 7095;
+        //             this.userCreationService.fetchAllUserTemplates(siteId)
+        //                 .subscribe();
+        //         } else {
+        //             this.formGroup.get('userTemplateId')?.reset();
+        //         }
+        //     });
+        this.getData();
+    }
+    reseFieldstForm() {
+        this.formGroup.get('siteId')?.reset();
+        this.formGroup.get('userTemplateId')?.reset();
+        this.userCreationWizardService.setSelectedTemplate(null);
+        this.userCreationWizardService.resetTemplateDrivenData();
+    }
+    getData() {
+        const isOnlyWithLocations = this.formGroup.get('userType')?.value === USER_CREATION_TYPES.MT ? true : false;
+        this.userCreationService.checkControlHubIntegration(String(this.customerId))
+            .pipe(switchMap(() => this.getSites(isOnlyWithLocations)))
+            .subscribe();
+    }
+    getSites(isOnlyWithLocations) {
+        return this.userCreationService.getAllCustomerSites(String(this.customerId), isOnlyWithLocations);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+UserTemplateStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserTemplateStepComponent, deps: [{ token: i1.UserCreationWizardService }, { token: i2.UserCreationApiService }, { token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+UserTemplateStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UserTemplateStepComponent, selector: "tk-user-template-step", inputs: { customerId: "customerId" }, ngImport: i0, template: "<section class=\"template-step-content\">\r\n  <ng-container [formGroup]=\"formGroup\">\r\n    <div class=\"template-step-field template-step-field--user-type\">\r\n      <label class=\"template-step-label\">User type</label>\r\n      <mat-radio-group class=\"user-type-mat-radio-group\" formControlName=\"userType\">\r\n        <mat-radio-button class=\"user-type-mat-radio\" id=\"userCreationCucm\" [value]=\"USER_CREATION_TYPES.CUCM\">\r\n          UCM/DI\r\n        </mat-radio-button>\r\n        <mat-radio-button class=\"user-type-mat-radio\" id=\"userCreationMT\" [value]=\"USER_CREATION_TYPES.MT\">\r\n          MT\r\n        </mat-radio-button>\r\n      </mat-radio-group>\r\n    </div>\r\n\r\n    <div class=\"template-step-field\">\r\n      <label class=\"template-step-label\">Select site</label>\r\n      <mat-form-field class=\"template-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Site name\"\r\n          formControlName=\"siteId\">\r\n          <mat-option *ngFor=\"let site of sitesList$ | async\" [value]=\"site.id\">\r\n            {{ site.name }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"formGroup.get('userType')?.value === USER_CREATION_TYPES.CUCM\">\r\n      <div class=\"template-step-field\">\r\n        <!-- <label class=\"template-step-label\">Would you like to use a template for the user creation?</label>\r\n        <mat-radio-group [formControl]=\"templateToggleFormControl\">\r\n          <mat-radio-button [color]=\"'primary'\" [value]=\"true\">\r\n            {{ 'Yes' }}\r\n          </mat-radio-button>\r\n          <mat-radio-button [color]=\"'primary'\" [value]=\"false\">\r\n            {{ 'No' }}\r\n          </mat-radio-button>\r\n        </mat-radio-group> -->\r\n\r\n        <!-- <ng-container *ngIf=\"templateToggleFormControl.value === true\"> -->\r\n          <label class=\"template-step-label\">Select user template</label>\r\n          <mat-form-field class=\"template-step-select\" appearance=\"outline\">\r\n            <mat-select\r\n              placeholder=\"Templates\"\r\n              formControlName=\"userTemplateId\">\r\n              <mat-option [value]=\"fallbackTemplateId\">\r\n                {{ defaultTemplateName }}\r\n              </mat-option>\r\n              <mat-option *ngFor=\"let template of templatesList$ | async\" [value]=\"template.id\">\r\n                {{ template.name }}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        <!-- </ng-container> -->\r\n      </div>\r\n    </ng-container>\r\n    \r\n  </ng-container>\r\n</section>\r\n", styles: [".template-step-content{display:flex;flex-direction:column;gap:20px;max-width:420px}.template-step-field{display:flex;flex-direction:column;gap:10px}.template-step-field--user-type{margin-bottom:6px}.template-step-label{font-size:14px;font-weight:600;line-height:100%;letter-spacing:.1px;color:#2a2f3b}.template-step-select{width:100%;max-width:333px}.user-type-mat-radio-group{display:flex;flex-direction:column;gap:10px;margin-left:16px;margin-top:8px}.user-type-mat-radio{color:#2a2f3b;font-size:14px;font-weight:500}:host ::ng-deep .user-type-mat-radio .mat-radio-label{gap:10px}:host ::ng-deep .user-type-mat-radio .mat-radio-outer-circle{border-color:#8a93a3;border-width:2px}:host ::ng-deep .user-type-mat-radio .mat-radio-inner-circle{background-color:#1170cf}:host ::ng-deep .user-type-mat-radio.mat-radio-checked .mat-radio-outer-circle{border-color:#1170cf}:host ::ng-deep .user-type-mat-radio.mat-radio-checked .mat-radio-ripple .mat-ripple-element{background-color:#1176ce26!important}:host ::ng-deep .user-type-mat-radio .mdc-radio__outer-circle{border-color:#8a93a3!important;border-width:2px!important}:host ::ng-deep .user-type-mat-radio .mdc-radio__inner-circle{border-color:#1170cf!important}:host ::ng-deep .user-type-mat-radio.mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:#1170cf!important}:host ::ng-deep .user-type-mat-radio.mat-mdc-radio-checked .mdc-radio__background:before{background-color:#1176ce1f!important}:host ::ng-deep .template-step-select .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .template-step-select .mat-form-field-flex{align-items:center;height:32px;border:1px solid #767676;border-radius:6px;padding:0 12px}:host ::ng-deep .template-step-select .mat-form-field-outline,:host ::ng-deep .template-step-select .mat-form-field-outline-start,:host ::ng-deep .template-step-select .mat-form-field-outline-end,:host ::ng-deep .template-step-select .mat-form-field-outline-gap{display:none}:host ::ng-deep .template-step-select .mat-form-field-infix{width:100%;border-top:0;padding:0}:host ::ng-deep .template-step-select .mat-select-trigger{display:flex;align-items:center;justify-content:space-between;height:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i8.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i8.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserTemplateStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-user-template-step', template: "<section class=\"template-step-content\">\r\n  <ng-container [formGroup]=\"formGroup\">\r\n    <div class=\"template-step-field template-step-field--user-type\">\r\n      <label class=\"template-step-label\">User type</label>\r\n      <mat-radio-group class=\"user-type-mat-radio-group\" formControlName=\"userType\">\r\n        <mat-radio-button class=\"user-type-mat-radio\" id=\"userCreationCucm\" [value]=\"USER_CREATION_TYPES.CUCM\">\r\n          UCM/DI\r\n        </mat-radio-button>\r\n        <mat-radio-button class=\"user-type-mat-radio\" id=\"userCreationMT\" [value]=\"USER_CREATION_TYPES.MT\">\r\n          MT\r\n        </mat-radio-button>\r\n      </mat-radio-group>\r\n    </div>\r\n\r\n    <div class=\"template-step-field\">\r\n      <label class=\"template-step-label\">Select site</label>\r\n      <mat-form-field class=\"template-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Site name\"\r\n          formControlName=\"siteId\">\r\n          <mat-option *ngFor=\"let site of sitesList$ | async\" [value]=\"site.id\">\r\n            {{ site.name }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"formGroup.get('userType')?.value === USER_CREATION_TYPES.CUCM\">\r\n      <div class=\"template-step-field\">\r\n        <!-- <label class=\"template-step-label\">Would you like to use a template for the user creation?</label>\r\n        <mat-radio-group [formControl]=\"templateToggleFormControl\">\r\n          <mat-radio-button [color]=\"'primary'\" [value]=\"true\">\r\n            {{ 'Yes' }}\r\n          </mat-radio-button>\r\n          <mat-radio-button [color]=\"'primary'\" [value]=\"false\">\r\n            {{ 'No' }}\r\n          </mat-radio-button>\r\n        </mat-radio-group> -->\r\n\r\n        <!-- <ng-container *ngIf=\"templateToggleFormControl.value === true\"> -->\r\n          <label class=\"template-step-label\">Select user template</label>\r\n          <mat-form-field class=\"template-step-select\" appearance=\"outline\">\r\n            <mat-select\r\n              placeholder=\"Templates\"\r\n              formControlName=\"userTemplateId\">\r\n              <mat-option [value]=\"fallbackTemplateId\">\r\n                {{ defaultTemplateName }}\r\n              </mat-option>\r\n              <mat-option *ngFor=\"let template of templatesList$ | async\" [value]=\"template.id\">\r\n                {{ template.name }}\r\n              </mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        <!-- </ng-container> -->\r\n      </div>\r\n    </ng-container>\r\n    \r\n  </ng-container>\r\n</section>\r\n", styles: [".template-step-content{display:flex;flex-direction:column;gap:20px;max-width:420px}.template-step-field{display:flex;flex-direction:column;gap:10px}.template-step-field--user-type{margin-bottom:6px}.template-step-label{font-size:14px;font-weight:600;line-height:100%;letter-spacing:.1px;color:#2a2f3b}.template-step-select{width:100%;max-width:333px}.user-type-mat-radio-group{display:flex;flex-direction:column;gap:10px;margin-left:16px;margin-top:8px}.user-type-mat-radio{color:#2a2f3b;font-size:14px;font-weight:500}:host ::ng-deep .user-type-mat-radio .mat-radio-label{gap:10px}:host ::ng-deep .user-type-mat-radio .mat-radio-outer-circle{border-color:#8a93a3;border-width:2px}:host ::ng-deep .user-type-mat-radio .mat-radio-inner-circle{background-color:#1170cf}:host ::ng-deep .user-type-mat-radio.mat-radio-checked .mat-radio-outer-circle{border-color:#1170cf}:host ::ng-deep .user-type-mat-radio.mat-radio-checked .mat-radio-ripple .mat-ripple-element{background-color:#1176ce26!important}:host ::ng-deep .user-type-mat-radio .mdc-radio__outer-circle{border-color:#8a93a3!important;border-width:2px!important}:host ::ng-deep .user-type-mat-radio .mdc-radio__inner-circle{border-color:#1170cf!important}:host ::ng-deep .user-type-mat-radio.mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:#1170cf!important}:host ::ng-deep .user-type-mat-radio.mat-mdc-radio-checked .mdc-radio__background:before{background-color:#1176ce1f!important}:host ::ng-deep .template-step-select .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .template-step-select .mat-form-field-flex{align-items:center;height:32px;border:1px solid #767676;border-radius:6px;padding:0 12px}:host ::ng-deep .template-step-select .mat-form-field-outline,:host ::ng-deep .template-step-select .mat-form-field-outline-start,:host ::ng-deep .template-step-select .mat-form-field-outline-end,:host ::ng-deep .template-step-select .mat-form-field-outline-gap{display:none}:host ::ng-deep .template-step-select .mat-form-field-infix{width:100%;border-top:0;padding:0}:host ::ng-deep .template-step-select .mat-select-trigger{display:flex;align-items:center;justify-content:space-between;height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.UserCreationWizardService }, { type: i2.UserCreationApiService }, { type: i3.FormBuilder }]; }, propDecorators: { customerId: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci10ZW1wbGF0ZS1zdGVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1a2kvd2lkZ2V0cy91c2VyLWNyZWF0aW9uL3NyYy93aWRnZXRzL3VzZXItY3JlYXRpb24td2l6YXJkL2NvbXBvbmVudHMvdXNlci10ZW1wbGF0ZS1zdGVwL3VzZXItdGVtcGxhdGUtc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvdXNlci1jcmVhdGlvbi9zcmMvd2lkZ2V0cy91c2VyLWNyZWF0aW9uLXdpemFyZC9jb21wb25lbnRzL3VzZXItdGVtcGxhdGUtc3RlcC91c2VyLXRlbXBsYXRlLXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDaEUsT0FBTyxFQUFlLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFELE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7Ozs7QUFTakYsTUFBTSxPQUFPLHlCQUF5QjtJQXlDbEMsWUFDVyx5QkFBb0QsRUFDMUMsbUJBQTJDLEVBQzNDLEVBQWU7UUFGekIsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUEyQjtRQUMxQyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXdCO1FBQzNDLE9BQUUsR0FBRixFQUFFLENBQWE7UUF6QzdCLGNBQVMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUM3QixRQUFRLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUM7WUFDcEMsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDO1lBQ2QsY0FBYyxFQUFFLENBQUMsRUFBRSxDQUFDO1NBQ3ZCLENBQUMsQ0FBQztRQUVJLHFCQUFnQixHQUFHLG1CQUFtQixDQUFDLElBQUksQ0FBQztRQUVuQyx3QkFBbUIsR0FBRyxtQkFBbUIsQ0FBQztRQUNqRCx3QkFBbUIsR0FBRyxrQkFBa0IsQ0FBQztRQUN6Qyx1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFFbEIsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFaEMsZUFBVSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUNoRixtQkFBYyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUN6RSxHQUFHLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxJQUFJLEVBQUUsQ0FBQztZQUNqQyxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQzdELE1BQU0saUJBQWlCLEdBQUcsZUFBZSxFQUFFLEtBQUssQ0FBQztZQUNqRCxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLENBQUM7WUFDM0QsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQ3ZDLFFBQVEsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsbUJBQW1CLENBQ3pELENBQUM7WUFFRixNQUFNLGVBQWUsR0FBRyxjQUFjLEtBQUssSUFBSSxJQUFJLGNBQWMsS0FBSyxTQUFTLENBQUM7WUFDaEYsSUFBSSxlQUFlLElBQUksZUFBZSxJQUFJLE1BQU0sQ0FBQyxpQkFBaUIsSUFBSSxFQUFFLENBQUMsS0FBSyxNQUFNLENBQUMsZUFBZSxDQUFDLEVBQUUsQ0FBQyxFQUFFO2dCQUN0RyxlQUFlLEVBQUUsUUFBUSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQzthQUN6RDtRQUNMLENBQUMsQ0FBQyxFQUNGLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQzNCLENBQUM7UUFFRix5QkFBb0IsR0FBRyxLQUFLLENBQUM7UUFDN0IsY0FBUyxHQUE0QixFQUFFLENBQUM7UUFFeEIsOEJBQXlCLEdBQUcsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFNL0QsQ0FBQztJQUVKLFFBQVE7UUFFSixJQUFJLENBQUMsU0FBVSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUUsQ0FBQyxZQUFZO2FBQ3hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ2pCLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxLQUFLLG1CQUFtQixDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7WUFDNUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQy9DLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztRQUVQLElBQUksQ0FBQyxTQUFVLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBRSxDQUFDLFlBQVk7YUFDdEMsSUFBSSxDQUNELE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLEVBQ3hELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztZQUN4RSxJQUFJLENBQUMseUJBQXlCLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDakYsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEtBQUssQ0FBQyxFQUM5QyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUN4QixTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUV0RjthQUNBLFNBQVMsRUFBRSxDQUFDO1FBRWpCLElBQUksQ0FBQyxTQUFVLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFFLENBQUMsWUFBWTthQUM5QyxJQUFJLENBQ0QsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsRUFDM0YsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFDeEIsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDaEIsSUFBSSxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUFDLGtCQUFrQixFQUFFO2dCQUMzQyxJQUFJLENBQUMseUJBQXlCLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUM7Z0JBQzdFLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ25CO1lBQ0QsT0FBTyxJQUFJLENBQUMsbUJBQW1CLENBQUMsb0JBQW9CLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7aUJBQy9GLElBQUksQ0FDRCxHQUFHLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtnQkFDWixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsS0FBSyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztnQkFDaEcsSUFBSSxDQUFDLHlCQUF5QixDQUFDLG1CQUFtQixDQUFDLGdCQUFnQixFQUFFLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQztnQkFDbkYsSUFBSSxDQUFDLHlCQUF5QixDQUFDLHlCQUF5QixDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3RFLENBQUMsQ0FBQyxDQUNMLENBQUM7UUFDVixDQUFDLENBQUMsQ0FDTDthQUNBLFNBQVMsRUFBRSxDQUFDO1FBRWpCLDhDQUE4QztRQUM5QywrRUFBK0U7UUFDL0UsOEJBQThCO1FBQzlCLCtCQUErQjtRQUMvQiwwRUFBMEU7UUFDMUUscUVBQXFFO1FBQ3JFLGdDQUFnQztRQUNoQyxtQkFBbUI7UUFDbkIsNkRBQTZEO1FBQzdELFlBQVk7UUFDWixVQUFVO1FBRVYsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxlQUFlO1FBQ1osSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUM5QyxJQUFJLENBQUMseUJBQXlCLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLHlCQUF5QixDQUFDLHVCQUF1QixFQUFFLENBQUM7SUFDNUQsQ0FBQztJQUVPLE9BQU87UUFDWCxNQUFNLG1CQUFtQixHQUFHLElBQUksQ0FBQyxTQUFVLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxFQUFFLEtBQUssS0FBSyxtQkFBbUIsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBRTdHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQywwQkFBMEIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQ3ZFLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUM7YUFDekQsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVPLFFBQVEsQ0FBQyxtQkFBNEI7UUFDekMsT0FBTyxJQUFJLENBQUMsbUJBQW1CLENBQUMsbUJBQW1CLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3RHLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7O3VIQWpJUSx5QkFBeUI7MkdBQXpCLHlCQUF5QixtR0NidEMsK29GQTJEQTs0RkQ5Q2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNJLHVCQUF1QjsrS0FLeEIsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBVc2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL3VzZXItY3JlYXRpb24td2l6YXJkLnNlcnZpY2VcIjtcclxuaW1wb3J0IHsgVVNFUl9DUkVBVElPTl9UWVBFUyB9IGZyb20gJy4uLy4uLy4uLy4uL2FwcC5jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHsgZmlsdGVyLCBvZiwgc3RhcnRXaXRoLCBTdWJqZWN0LCBzd2l0Y2hNYXAsIHRha2VVbnRpbCwgdGFwIH0gZnJvbSBcInJ4anNcIjtcclxuaW1wb3J0IHsgVXNlckNyZWF0aW9uQXBpU2VydmljZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9zaGFyZWQvc2VydmljZXMvdXNlci1jcmVhdGlvbi1hcGkuc2VydmljZVwiO1xyXG5pbXBvcnQgeyBVc2VyVGVtcGxhdGVJbnRlcmZhY2UgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY2xhc3Nlcy9zaXRlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndGstdXNlci10ZW1wbGF0ZS1zdGVwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLXRlbXBsYXRlLXN0ZXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vdXNlci10ZW1wbGF0ZS1zdGVwLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFVzZXJUZW1wbGF0ZVN0ZXBDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgY3VzdG9tZXJJZCE6IG51bWJlcjtcclxuXHJcbiAgICBwdWJsaWMgZm9ybUdyb3VwID0gdGhpcy5mYi5ncm91cCh7XHJcbiAgICAgICAgdXNlclR5cGU6IFtVU0VSX0NSRUFUSU9OX1RZUEVTLkNVQ01dLFxyXG4gICAgICAgIHNpdGVJZDogW251bGxdLFxyXG4gICAgICAgIHVzZXJUZW1wbGF0ZUlkOiBbJyddLFxyXG4gICAgfSk7XHJcblxyXG4gICAgcHVibGljIHVzZXJDcmVhdGlvblR5cGUgPSBVU0VSX0NSRUFUSU9OX1RZUEVTLkNVQ007XHJcblxyXG4gICAgcHVibGljIHJlYWRvbmx5IFVTRVJfQ1JFQVRJT05fVFlQRVMgPSBVU0VSX0NSRUFUSU9OX1RZUEVTO1xyXG4gICAgcmVhZG9ubHkgZGVmYXVsdFRlbXBsYXRlTmFtZSA9ICdVc2VyIDg4NTEgT2ZmaWNlJztcclxuICAgIHJlYWRvbmx5IGZhbGxiYWNrVGVtcGxhdGVJZCA9ICctMSc7XHJcblxyXG4gICAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcblxyXG4gICAgcHVibGljIHJlYWRvbmx5IHNpdGVzTGlzdCQgPSB0aGlzLnVzZXJDcmVhdGlvblNlcnZpY2Uuc2l0ZXNMaXN0JC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSk7XHJcbiAgICBwdWJsaWMgcmVhZG9ubHkgdGVtcGxhdGVzTGlzdCQgPSB0aGlzLnVzZXJDcmVhdGlvblNlcnZpY2UudGVtcGxhdGVzTGlzdCQucGlwZShcclxuICAgICAgICB0YXAoKHRlbXBsYXRlcykgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLnRlbXBsYXRlcyA9IHRlbXBsYXRlcyB8fCBbXTtcclxuICAgICAgICAgICAgY29uc3QgdGVtcGxhdGVDb250cm9sID0gdGhpcy5mb3JtR3JvdXAuZ2V0KCd1c2VyVGVtcGxhdGVJZCcpO1xyXG4gICAgICAgICAgICBjb25zdCBjdXJyZW50VGVtcGxhdGVJZCA9IHRlbXBsYXRlQ29udHJvbD8udmFsdWU7XHJcbiAgICAgICAgICAgIGNvbnN0IHNlbGVjdGVkU2l0ZUlkID0gdGhpcy5mb3JtR3JvdXAuZ2V0KCdzaXRlSWQnKT8udmFsdWU7XHJcbiAgICAgICAgICAgIGNvbnN0IGRlZmF1bHRUZW1wbGF0ZSA9IHRoaXMudGVtcGxhdGVzLmZpbmQoXHJcbiAgICAgICAgICAgICAgICB0ZW1wbGF0ZSA9PiB0ZW1wbGF0ZS5uYW1lID09PSB0aGlzLmRlZmF1bHRUZW1wbGF0ZU5hbWVcclxuICAgICAgICAgICAgKTtcclxuXHJcbiAgICAgICAgICAgIGNvbnN0IGhhc1NlbGVjdGVkU2l0ZSA9IHNlbGVjdGVkU2l0ZUlkICE9PSBudWxsICYmIHNlbGVjdGVkU2l0ZUlkICE9PSB1bmRlZmluZWQ7XHJcbiAgICAgICAgICAgIGlmIChoYXNTZWxlY3RlZFNpdGUgJiYgZGVmYXVsdFRlbXBsYXRlICYmIFN0cmluZyhjdXJyZW50VGVtcGxhdGVJZCB8fCAnJykgIT09IFN0cmluZyhkZWZhdWx0VGVtcGxhdGUuaWQpKSB7XHJcbiAgICAgICAgICAgICAgICB0ZW1wbGF0ZUNvbnRyb2w/LnNldFZhbHVlKFN0cmluZyhkZWZhdWx0VGVtcGxhdGUuaWQpKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pLFxyXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKVxyXG4gICAgKTtcclxuXHJcbiAgICBpc1RlbXBsYXRlU2VsZWN0YWJsZSA9IGZhbHNlO1xyXG4gICAgdGVtcGxhdGVzOiBVc2VyVGVtcGxhdGVJbnRlcmZhY2VbXSA9IFtdO1xyXG5cclxuICAgIHB1YmxpYyByZWFkb25seSB0ZW1wbGF0ZVRvZ2dsZUZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKHRydWUpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHB1YmxpYyB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlOiBVc2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLFxyXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgdXNlckNyZWF0aW9uU2VydmljZTogVXNlckNyZWF0aW9uQXBpU2VydmljZSxcclxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGZiOiBGb3JtQnVpbGRlcixcclxuICAgICkge31cclxuXHJcbiAgICBuZ09uSW5pdCgpIHtcclxuXHJcbiAgICAgICAgdGhpcy5mb3JtR3JvdXAhLmdldCgndXNlclR5cGUnKSEudmFsdWVDaGFuZ2VzXHJcbiAgICAgICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgICAgICAgLnN1YnNjcmliZSgodmFsdWUpID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGlzT25seVdpdGhMb2NhdGlvbnMgPSB2YWx1ZSA9PT0gVVNFUl9DUkVBVElPTl9UWVBFUy5NVCA/IHRydWUgOiBmYWxzZTtcclxuICAgICAgICAgICAgICAgIHRoaXMuZ2V0U2l0ZXMoaXNPbmx5V2l0aExvY2F0aW9ucykuc3Vic2NyaWJlKCk7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnJlc2VGaWVsZHN0Rm9ybSgpO1xyXG4gICAgICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgdGhpcy5mb3JtR3JvdXAhLmdldCgnc2l0ZUlkJykhLnZhbHVlQ2hhbmdlc1xyXG4gICAgICAgICAgICAucGlwZShcclxuICAgICAgICAgICAgICAgIGZpbHRlcigodmFsdWUpID0+IHZhbHVlICE9PSBudWxsICYmIHZhbHVlICE9PSB1bmRlZmluZWQpLFxyXG4gICAgICAgICAgICAgICAgdGFwKCgpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC5nZXQoJ3VzZXJUZW1wbGF0ZUlkJyk/LnNldFZhbHVlKHRoaXMuZmFsbGJhY2tUZW1wbGF0ZUlkKTtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2V0U2VsZWN0ZWRUZW1wbGF0ZSh0aGlzLmRlZmF1bHRUZW1wbGF0ZU5hbWUpO1xyXG4gICAgICAgICAgICAgICAgfSksXHJcbiAgICAgICAgICAgICAgICBzdGFydFdpdGgodGhpcy5mb3JtR3JvdXAuZ2V0KCdzaXRlSWQnKT8udmFsdWUpLFxyXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpLFxyXG4gICAgICAgICAgICAgICAgc3dpdGNoTWFwKCh2YWx1ZSkgPT4gdGhpcy51c2VyQ3JlYXRpb25TZXJ2aWNlLmZldGNoQWxsVXNlclRlbXBsYXRlcyhOdW1iZXIodmFsdWUpKSksXHJcbiAgICAgICAgICAgICAgICAvLyBzd2l0Y2hNYXAoKHZhbHVlKSA9PiB0aGlzLnVzZXJDcmVhdGlvblNlcnZpY2UuZ2V0U2l0ZURhdGEodGhpcy5mb3JtR3JvdXAhLmdldCgnc2l0ZUlkJyk/LnZhbHVlIHx8IDcwOTUpKVxyXG4gICAgICAgICAgICApXHJcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKTtcclxuXHJcbiAgICAgICAgdGhpcy5mb3JtR3JvdXAhLmdldCgndXNlclRlbXBsYXRlSWQnKSEudmFsdWVDaGFuZ2VzXHJcbiAgICAgICAgICAgIC5waXBlKFxyXG4gICAgICAgICAgICAgICAgZmlsdGVyKCh2YWx1ZSkgPT4gdmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHVuZGVmaW5lZCAmJiBTdHJpbmcodmFsdWUpLnRyaW0oKS5sZW5ndGggPiAwKSxcclxuICAgICAgICAgICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSxcclxuICAgICAgICAgICAgICAgIHN3aXRjaE1hcCgodmFsdWUpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoU3RyaW5nKHZhbHVlKSA9PT0gdGhpcy5mYWxsYmFja1RlbXBsYXRlSWQpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy51c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFNlbGVjdGVkVGVtcGxhdGUodGhpcy5kZWZhdWx0VGVtcGxhdGVOYW1lKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG9mKG51bGwpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy51c2VyQ3JlYXRpb25TZXJ2aWNlLmdldFVzZXJUZW1wbGF0ZVRva2VuKFN0cmluZyh2YWx1ZSksIFN0cmluZyhTdHJpbmcodGhpcy5jdXN0b21lcklkKSkpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5waXBlKFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGFwKChwYXlsb2FkKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2VsZWN0ZWRUZW1wbGF0ZSA9IHRoaXMudGVtcGxhdGVzLmZpbmQodGVtcGxhdGUgPT4gU3RyaW5nKHRlbXBsYXRlLmlkKSA9PT0gU3RyaW5nKHZhbHVlKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy51c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFNlbGVjdGVkVGVtcGxhdGUoc2VsZWN0ZWRUZW1wbGF0ZT8ubmFtZSB8fCBudWxsKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UuYXBwbHlUZW1wbGF0ZVRva2VuUGF5bG9hZChwYXlsb2FkKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICk7XHJcbiAgICAgICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICApXHJcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKTtcclxuXHJcbiAgICAgICAgLy8gdGhpcy50ZW1wbGF0ZVRvZ2dsZUZvcm1Db250cm9sLnZhbHVlQ2hhbmdlc1xyXG4gICAgICAgIC8vICAgICAucGlwZShzdGFydFdpdGgodHJ1ZSksIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcclxuICAgICAgICAvLyAgICAgLnN1YnNjcmliZSgodmFsdWUpID0+IHtcclxuICAgICAgICAvLyAgICAgICAgIGlmKHZhbHVlID09PSB0cnVlKSB7XHJcbiAgICAgICAgLy8gICAgICAgICAgICAgY29uc3Qgc2l0ZUlkID0gdGhpcy5mb3JtR3JvdXAuZ2V0KCdzaXRlSWQnKT8udmFsdWUgfHwgNzA5NTtcclxuICAgICAgICAvLyAgICAgICAgICAgICB0aGlzLnVzZXJDcmVhdGlvblNlcnZpY2UuZmV0Y2hBbGxVc2VyVGVtcGxhdGVzKHNpdGVJZClcclxuICAgICAgICAvLyAgICAgICAgICAgICAgICAgLnN1YnNjcmliZSgpO1xyXG4gICAgICAgIC8vICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAvLyAgICAgICAgICAgICB0aGlzLmZvcm1Hcm91cC5nZXQoJ3VzZXJUZW1wbGF0ZUlkJyk/LnJlc2V0KCk7XHJcbiAgICAgICAgLy8gICAgICAgICB9XHJcbiAgICAgICAgLy8gICAgIH0pO1xyXG5cclxuICAgICAgICB0aGlzLmdldERhdGEoKTtcclxuICAgIH1cclxuXHJcbiAgICByZXNlRmllbGRzdEZvcm0oKSB7XHJcbiAgICAgICB0aGlzLmZvcm1Hcm91cC5nZXQoJ3NpdGVJZCcpPy5yZXNldCgpO1xyXG4gICAgICAgdGhpcy5mb3JtR3JvdXAuZ2V0KCd1c2VyVGVtcGxhdGVJZCcpPy5yZXNldCgpO1xyXG4gICAgICAgdGhpcy51c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFNlbGVjdGVkVGVtcGxhdGUobnVsbCk7XHJcbiAgICAgICB0aGlzLnVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UucmVzZXRUZW1wbGF0ZURyaXZlbkRhdGEoKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdldERhdGEoKSB7XHJcbiAgICAgICAgY29uc3QgaXNPbmx5V2l0aExvY2F0aW9ucyA9IHRoaXMuZm9ybUdyb3VwIS5nZXQoJ3VzZXJUeXBlJyk/LnZhbHVlID09PSBVU0VSX0NSRUFUSU9OX1RZUEVTLk1UID8gdHJ1ZSA6IGZhbHNlO1xyXG5cclxuICAgICAgICB0aGlzLnVzZXJDcmVhdGlvblNlcnZpY2UuY2hlY2tDb250cm9sSHViSW50ZWdyYXRpb24oU3RyaW5nKHRoaXMuY3VzdG9tZXJJZCkpXHJcbiAgICAgICAgICAgIC5waXBlKHN3aXRjaE1hcCgoKSA9PiB0aGlzLmdldFNpdGVzKGlzT25seVdpdGhMb2NhdGlvbnMpKSlcclxuICAgICAgICAgICAgLnN1YnNjcmliZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgZ2V0U2l0ZXMoaXNPbmx5V2l0aExvY2F0aW9uczogYm9vbGVhbikge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnVzZXJDcmVhdGlvblNlcnZpY2UuZ2V0QWxsQ3VzdG9tZXJTaXRlcyhTdHJpbmcodGhpcy5jdXN0b21lcklkKSwgaXNPbmx5V2l0aExvY2F0aW9ucyk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICAgICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XHJcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xyXG4gICAgfVxyXG59IiwiPHNlY3Rpb24gY2xhc3M9XCJ0ZW1wbGF0ZS1zdGVwLWNvbnRlbnRcIj5cclxuICA8bmctY29udGFpbmVyIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGVtcGxhdGUtc3RlcC1maWVsZCB0ZW1wbGF0ZS1zdGVwLWZpZWxkLS11c2VyLXR5cGVcIj5cclxuICAgICAgPGxhYmVsIGNsYXNzPVwidGVtcGxhdGUtc3RlcC1sYWJlbFwiPlVzZXIgdHlwZTwvbGFiZWw+XHJcbiAgICAgIDxtYXQtcmFkaW8tZ3JvdXAgY2xhc3M9XCJ1c2VyLXR5cGUtbWF0LXJhZGlvLWdyb3VwXCIgZm9ybUNvbnRyb2xOYW1lPVwidXNlclR5cGVcIj5cclxuICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBjbGFzcz1cInVzZXItdHlwZS1tYXQtcmFkaW9cIiBpZD1cInVzZXJDcmVhdGlvbkN1Y21cIiBbdmFsdWVdPVwiVVNFUl9DUkVBVElPTl9UWVBFUy5DVUNNXCI+XHJcbiAgICAgICAgICBVQ00vRElcclxuICAgICAgICA8L21hdC1yYWRpby1idXR0b24+XHJcbiAgICAgICAgPG1hdC1yYWRpby1idXR0b24gY2xhc3M9XCJ1c2VyLXR5cGUtbWF0LXJhZGlvXCIgaWQ9XCJ1c2VyQ3JlYXRpb25NVFwiIFt2YWx1ZV09XCJVU0VSX0NSRUFUSU9OX1RZUEVTLk1UXCI+XHJcbiAgICAgICAgICBNVFxyXG4gICAgICAgIDwvbWF0LXJhZGlvLWJ1dHRvbj5cclxuICAgICAgPC9tYXQtcmFkaW8tZ3JvdXA+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwidGVtcGxhdGUtc3RlcC1maWVsZFwiPlxyXG4gICAgICA8bGFiZWwgY2xhc3M9XCJ0ZW1wbGF0ZS1zdGVwLWxhYmVsXCI+U2VsZWN0IHNpdGU8L2xhYmVsPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJ0ZW1wbGF0ZS1zdGVwLXNlbGVjdFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwiU2l0ZSBuYW1lXCJcclxuICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInNpdGVJZFwiPlxyXG4gICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHNpdGUgb2Ygc2l0ZXNMaXN0JCB8IGFzeW5jXCIgW3ZhbHVlXT1cInNpdGUuaWRcIj5cclxuICAgICAgICAgICAge3sgc2l0ZS5uYW1lIH19XHJcbiAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZvcm1Hcm91cC5nZXQoJ3VzZXJUeXBlJyk/LnZhbHVlID09PSBVU0VSX0NSRUFUSU9OX1RZUEVTLkNVQ01cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRlbXBsYXRlLXN0ZXAtZmllbGRcIj5cclxuICAgICAgICA8IS0tIDxsYWJlbCBjbGFzcz1cInRlbXBsYXRlLXN0ZXAtbGFiZWxcIj5Xb3VsZCB5b3UgbGlrZSB0byB1c2UgYSB0ZW1wbGF0ZSBmb3IgdGhlIHVzZXIgY3JlYXRpb24/PC9sYWJlbD5cclxuICAgICAgICA8bWF0LXJhZGlvLWdyb3VwIFtmb3JtQ29udHJvbF09XCJ0ZW1wbGF0ZVRvZ2dsZUZvcm1Db250cm9sXCI+XHJcbiAgICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBbY29sb3JdPVwiJ3ByaW1hcnknXCIgW3ZhbHVlXT1cInRydWVcIj5cclxuICAgICAgICAgICAge3sgJ1llcycgfX1cclxuICAgICAgICAgIDwvbWF0LXJhZGlvLWJ1dHRvbj5cclxuICAgICAgICAgIDxtYXQtcmFkaW8tYnV0dG9uIFtjb2xvcl09XCIncHJpbWFyeSdcIiBbdmFsdWVdPVwiZmFsc2VcIj5cclxuICAgICAgICAgICAge3sgJ05vJyB9fVxyXG4gICAgICAgICAgPC9tYXQtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgIDwvbWF0LXJhZGlvLWdyb3VwPiAtLT5cclxuXHJcbiAgICAgICAgPCEtLSA8bmctY29udGFpbmVyICpuZ0lmPVwidGVtcGxhdGVUb2dnbGVGb3JtQ29udHJvbC52YWx1ZSA9PT0gdHJ1ZVwiPiAtLT5cclxuICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInRlbXBsYXRlLXN0ZXAtbGFiZWxcIj5TZWxlY3QgdXNlciB0ZW1wbGF0ZTwvbGFiZWw+XHJcbiAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJ0ZW1wbGF0ZS1zdGVwLXNlbGVjdFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgIDxtYXQtc2VsZWN0XHJcbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJUZW1wbGF0ZXNcIlxyXG4gICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cInVzZXJUZW1wbGF0ZUlkXCI+XHJcbiAgICAgICAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cImZhbGxiYWNrVGVtcGxhdGVJZFwiPlxyXG4gICAgICAgICAgICAgICAge3sgZGVmYXVsdFRlbXBsYXRlTmFtZSB9fVxyXG4gICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgdGVtcGxhdGUgb2YgdGVtcGxhdGVzTGlzdCQgfCBhc3luY1wiIFt2YWx1ZV09XCJ0ZW1wbGF0ZS5pZFwiPlxyXG4gICAgICAgICAgICAgICAge3sgdGVtcGxhdGUubmFtZSB9fVxyXG4gICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICA8IS0tIDwvbmctY29udGFpbmVyPiAtLT5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIFxyXG4gIDwvbmctY29udGFpbmVyPlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==

package/esm2020/user-creation/src/widgets/user-creation-wizard/user-creation-wizard.component.mjs

@@ -0,0 +1,60 @@
+import { Component, EventEmitter, inject, Input, Output, ViewEncapsulation } from '@angular/core';
+import { APIService } from '../../shared/api/api.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/stepper";
+import * as i4 from "./components/user-template-step/user-template-step.component";
+import * as i5 from "./components/user-details-step/user-details-step.component";
+import * as i6 from "./components/user-overview-step/user-overview-step.component";
+export class UserCreationWizardComponent {
+    constructor() {
+        this.apiService = inject(APIService);
+        this.title = 'Create User';
+        this.cancel = new EventEmitter();
+        this.submit = new EventEmitter();
+        this.isSubmitting = false;
+        this.submitTimerId = null;
+    }
+    ngOnInit() {
+        this.apiService.token = this.token;
+    }
+    onCancel() {
+        this.cancel.emit();
+    }
+    onSubmit() {
+        if (this.isSubmitting) {
+            return;
+        }
+        this.isSubmitting = true;
+        const delayMs = 3000 + Math.floor(Math.random() * 1001);
+        this.submitTimerId = window.setTimeout(() => {
+            this.isSubmitting = false;
+            this.submitTimerId = null;
+            this.submit.emit();
+        }, delayMs);
+    }
+    ngOnDestroy() {
+        if (this.submitTimerId) {
+            window.clearTimeout(this.submitTimerId);
+            this.submitTimerId = null;
+        }
+    }
+}
+UserCreationWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserCreationWizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UserCreationWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UserCreationWizardComponent, selector: "tk-user-creation-wizard", inputs: { title: "title", token: "token", customerId: "customerId" }, outputs: { cancel: "cancel", submit: "submit" }, ngImport: i0, template: "<div class=\"move-user-stepper-container\" [attr.aria-busy]=\"isSubmitting\">\r\n  <header class=\"move-user-header\">\r\n    <div class=\"move-user-header__title\">{{ title }}</div>\r\n    <div class=\"move-user-header__close\">\r\n      <span class=\"app-icon user-creation-close-icon\" (click)=\"onCancel()\"></span>\r\n    </div>\r\n  </header>\r\n\r\n  <div id=\"user-creation-stepper\">\r\n    <mat-stepper [linear]=\"false\" labelPosition=\"bottom\" #stepper>\r\n      <mat-step>\r\n        <div class=\"step-title\">Step 1: User creation with template</div>\r\n        <ng-template matStepLabel>User creation</ng-template>\r\n\r\n        <div class=\"move-user-tab-content-box\">\r\n          <tk-user-template-step [customerId]=\"customerId\"></tk-user-template-step>\r\n        </div>\r\n      </mat-step>\r\n\r\n      <mat-step>\r\n        <div class=\"step-title\">Step 2 : User details</div>\r\n        <ng-template matStepLabel>User details</ng-template>\r\n\r\n        <div class=\"move-user-tab-content-box\">\r\n          <tk-user-details-step></tk-user-details-step>\r\n        </div>\r\n      </mat-step>\r\n\r\n      <mat-step>\r\n        <div class=\"step-title\">Step 3: Review</div>\r\n        <ng-template matStepLabel>Review</ng-template>\r\n\r\n        <div class=\"move-user-tab-content-box\">\r\n          <tk-user-overview-step></tk-user-overview-step>\r\n        </div>\r\n      </mat-step>\r\n    </mat-stepper>\r\n\r\n    <div class=\"wizard-actions\">\r\n      <ng-container [ngSwitch]=\"stepper.selectedIndex\">\r\n        <ng-container *ngSwitchCase=\"0\">\r\n          <button mat-button class=\"uc-btn uc-btn-primary\" type=\"button\" (click)=\"stepper.next()\">\r\n            Next\r\n          </button>\r\n          <button mat-button class=\"uc-btn uc-btn-secondary\" type=\"button\" (click)=\"onCancel()\">\r\n            Cancel\r\n          </button>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"1\">\r\n          <button mat-button class=\"uc-btn uc-btn-primary\" type=\"button\" (click)=\"stepper.next()\">\r\n            Next\r\n          </button>\r\n          <button mat-button class=\"uc-btn uc-btn-secondary\" type=\"button\" (click)=\"stepper.previous()\">\r\n            Previous\r\n          </button>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"2\">\r\n          <button\r\n            mat-button\r\n            class=\"uc-btn uc-btn-primary\"\r\n            type=\"button\"\r\n            [disabled]=\"isSubmitting\"\r\n            (click)=\"onSubmit()\"\r\n          >\r\n            <span class=\"uc-btn__inline-content\">\r\n              <span class=\"uc-btn__spinner\" *ngIf=\"isSubmitting\" aria-hidden=\"true\"></span>\r\n              <span>{{ isSubmitting ? 'Creating...' : 'Create' }}</span>\r\n            </span>\r\n          </button>\r\n          <button\r\n            mat-button\r\n            class=\"uc-btn uc-btn-secondary\"\r\n            type=\"button\"\r\n            [disabled]=\"isSubmitting\"\r\n            (click)=\"stepper.previous()\"\r\n          >\r\n            Previous\r\n          </button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"wizard-loading-overlay\" [class.wizard-loading-overlay--visible]=\"isSubmitting\" aria-hidden=\"true\"></div>\r\n</div>\r\n", styles: [".move-user-stepper-container{background-color:#f3f3f3;padding:0 0 16px;position:relative;overflow:hidden}.move-user-header{background-color:#1170cf;height:45px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:18px;font-weight:500}.move-user-header__close{cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0}.move-user-header__close i{font-size:25px;font-weight:100}.app-icon{height:20px;width:20px;display:block;cursor:pointer;background-repeat:no-repeat;background-position:center}.user-creation-close-icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M13.0606 11.9998L19.2803 5.78001C19.35 5.71038 19.4052 5.6277 19.4429 5.53672C19.4806 5.44573 19.5 5.34822 19.5 5.24974C19.5 5.15126 19.4806 5.05374 19.4429 4.96276C19.4052 4.87177 19.3499 4.7891 19.2803 4.71947C19.2107 4.64983 19.128 4.5946 19.037 4.55691C18.946 4.51923 18.8485 4.49983 18.75 4.49983C18.6515 4.49984 18.554 4.51924 18.463 4.55692C18.3721 4.59461 18.2894 4.64985 18.2198 4.71949L12 10.9392L5.78026 4.71949C5.71077 4.64921 5.62807 4.59335 5.53691 4.55514C5.44576 4.51692 5.34795 4.49711 5.24911 4.49683C5.15027 4.49655 5.05235 4.51581 4.96098 4.55351C4.86961 4.59121 4.78659 4.64659 4.7167 4.71648C4.64681 4.78638 4.59143 4.8694 4.55374 4.96077C4.51605 5.05214 4.49679 5.15006 4.49707 5.2489C4.49736 5.34774 4.51718 5.44555 4.5554 5.5367C4.59361 5.62786 4.64947 5.71055 4.71976 5.78004L10.9395 11.9998L4.71976 18.2195C4.65013 18.2892 4.59489 18.3718 4.5572 18.4628C4.51951 18.5538 4.50011 18.6513 4.50011 18.7498C4.50011 18.8483 4.51951 18.9458 4.5572 19.0368C4.59488 19.1278 4.65012 19.2105 4.71976 19.2801C4.7894 19.3497 4.87207 19.405 4.96305 19.4427C5.05403 19.4803 5.15155 19.4997 5.25003 19.4997C5.34851 19.4997 5.44603 19.4803 5.53701 19.4427C5.628 19.405 5.71067 19.3497 5.78031 19.2801L12.0001 13.0603L18.2198 19.2801C18.3604 19.4207 18.5512 19.4997 18.7501 19.4997C18.949 19.4997 19.1397 19.4207 19.2804 19.2801C19.421 19.1395 19.5 18.9487 19.5 18.7498C19.5 18.5509 19.421 18.3602 19.2804 18.2195L13.0606 11.9998Z%22 fill%3D%22white%22 fill-opacity%3D%220.95%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-size:20px 20px}#user-creation-stepper{display:flex;flex-direction:column;width:100%}#user-creation-stepper .mat-stepper-horizontal{margin:0 auto;width:100%;background-color:transparent}#user-creation-stepper .mat-horizontal-stepper-header-container{margin:0 auto;width:800px}#user-creation-stepper .mat-step-icon{width:28px;height:28px;border:3px solid hsl(0,0%,50.2%)}#user-creation-stepper .mat-step-icon-selected{background-color:#c6c6c6!important;border-color:#19487d}#user-creation-stepper .mat-step-icon-state-number{background-color:#fff}#user-creation-stepper .mat-step-icon-state-edit,#user-creation-stepper .mat-step-header .mat-step-icon-state-done{background-color:#1170cf;border-color:#1170cf}#user-creation-stepper .mat-step-icon-content{display:none}#user-creation-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):before,#user-creation-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):before,#user-creation-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):after,#user-creation-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):after{border-top-width:3px!important}#user-creation-stepper .mat-horizontal-stepper-header:before,#user-creation-stepper .mat-horizontal-stepper-header:after,#user-creation-stepper .mat-stepper-horizontal-line{border-top-color:#1170cf!important;border-top-width:3px!important;border-top-style:solid!important}#user-creation-stepper .mat-horizontal-stepper-header[aria-selected=true]~.mat-stepper-horizontal-line,#user-creation-stepper .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:before,#user-creation-stepper .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:after{border-top-width:3px!important;background-color:#7b7b7b!important;border-top-color:#7b7b7b!important}#user-creation-stepper .mat-horizontal-content-container{padding:0!important;margin-top:3rem}#user-creation-stepper .mat-horizontal-stepper-content[aria-expanded=true]{padding-bottom:0}.step-title{font-size:26px;font-weight:500;width:70%;margin:0 auto 1rem;min-height:32px;display:flex;align-items:center}.wizard-actions{display:flex;flex-flow:row-reverse;justify-content:flex-start;align-items:center;margin:16px 16px 0 0;align-self:flex-end;gap:1rem;position:relative;z-index:30}.uc-btn{border-radius:50px!important;padding:8px 16px!important;min-width:80px!important;line-height:normal!important;cursor:pointer}.uc-btn__inline-content{display:inline-flex;align-items:center;gap:8px}.uc-btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:uc-btn-spin .7s linear infinite}@keyframes uc-btn-spin{to{transform:rotate(360deg)}}.uc-btn-primary{background-color:#000!important;color:#fff!important;border:1px solid black!important}.uc-btn-secondary{background-color:#fff!important;color:#000!important;border:1px solid black!important}.move-user-tab-content-box{width:70%;margin:0 auto;background-color:#fff;min-height:350px;border:1px solid #C3C1C1;border-radius:8px;box-sizing:border-box;padding:25px}.wizard-loading-overlay{position:absolute;inset:0;background:rgba(243,243,243,.72);backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20}.wizard-loading-overlay--visible{opacity:1;pointer-events:auto}.mat-button-disabled{background-color:#bbb;color:#fff;border:1px solid grey;cursor:default!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i3.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i3.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "component", type: i4.UserTemplateStepComponent, selector: "tk-user-template-step", inputs: ["customerId"] }, { kind: "component", type: i5.UserDetailsStepComponent, selector: "tk-user-details-step" }, { kind: "component", type: i6.UserOverviewStepComponent, selector: "tk-user-overview-step" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserCreationWizardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-user-creation-wizard', encapsulation: ViewEncapsulation.None, template: "<div class=\"move-user-stepper-container\" [attr.aria-busy]=\"isSubmitting\">\r\n  <header class=\"move-user-header\">\r\n    <div class=\"move-user-header__title\">{{ title }}</div>\r\n    <div class=\"move-user-header__close\">\r\n      <span class=\"app-icon user-creation-close-icon\" (click)=\"onCancel()\"></span>\r\n    </div>\r\n  </header>\r\n\r\n  <div id=\"user-creation-stepper\">\r\n    <mat-stepper [linear]=\"false\" labelPosition=\"bottom\" #stepper>\r\n      <mat-step>\r\n        <div class=\"step-title\">Step 1: User creation with template</div>\r\n        <ng-template matStepLabel>User creation</ng-template>\r\n\r\n        <div class=\"move-user-tab-content-box\">\r\n          <tk-user-template-step [customerId]=\"customerId\"></tk-user-template-step>\r\n        </div>\r\n      </mat-step>\r\n\r\n      <mat-step>\r\n        <div class=\"step-title\">Step 2 : User details</div>\r\n        <ng-template matStepLabel>User details</ng-template>\r\n\r\n        <div class=\"move-user-tab-content-box\">\r\n          <tk-user-details-step></tk-user-details-step>\r\n        </div>\r\n      </mat-step>\r\n\r\n      <mat-step>\r\n        <div class=\"step-title\">Step 3: Review</div>\r\n        <ng-template matStepLabel>Review</ng-template>\r\n\r\n        <div class=\"move-user-tab-content-box\">\r\n          <tk-user-overview-step></tk-user-overview-step>\r\n        </div>\r\n      </mat-step>\r\n    </mat-stepper>\r\n\r\n    <div class=\"wizard-actions\">\r\n      <ng-container [ngSwitch]=\"stepper.selectedIndex\">\r\n        <ng-container *ngSwitchCase=\"0\">\r\n          <button mat-button class=\"uc-btn uc-btn-primary\" type=\"button\" (click)=\"stepper.next()\">\r\n            Next\r\n          </button>\r\n          <button mat-button class=\"uc-btn uc-btn-secondary\" type=\"button\" (click)=\"onCancel()\">\r\n            Cancel\r\n          </button>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"1\">\r\n          <button mat-button class=\"uc-btn uc-btn-primary\" type=\"button\" (click)=\"stepper.next()\">\r\n            Next\r\n          </button>\r\n          <button mat-button class=\"uc-btn uc-btn-secondary\" type=\"button\" (click)=\"stepper.previous()\">\r\n            Previous\r\n          </button>\r\n        </ng-container>\r\n\r\n        <ng-container *ngSwitchCase=\"2\">\r\n          <button\r\n            mat-button\r\n            class=\"uc-btn uc-btn-primary\"\r\n            type=\"button\"\r\n            [disabled]=\"isSubmitting\"\r\n            (click)=\"onSubmit()\"\r\n          >\r\n            <span class=\"uc-btn__inline-content\">\r\n              <span class=\"uc-btn__spinner\" *ngIf=\"isSubmitting\" aria-hidden=\"true\"></span>\r\n              <span>{{ isSubmitting ? 'Creating...' : 'Create' }}</span>\r\n            </span>\r\n          </button>\r\n          <button\r\n            mat-button\r\n            class=\"uc-btn uc-btn-secondary\"\r\n            type=\"button\"\r\n            [disabled]=\"isSubmitting\"\r\n            (click)=\"stepper.previous()\"\r\n          >\r\n            Previous\r\n          </button>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"wizard-loading-overlay\" [class.wizard-loading-overlay--visible]=\"isSubmitting\" aria-hidden=\"true\"></div>\r\n</div>\r\n", styles: [".move-user-stepper-container{background-color:#f3f3f3;padding:0 0 16px;position:relative;overflow:hidden}.move-user-header{background-color:#1170cf;height:45px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:18px;font-weight:500}.move-user-header__close{cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0}.move-user-header__close i{font-size:25px;font-weight:100}.app-icon{height:20px;width:20px;display:block;cursor:pointer;background-repeat:no-repeat;background-position:center}.user-creation-close-icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M13.0606 11.9998L19.2803 5.78001C19.35 5.71038 19.4052 5.6277 19.4429 5.53672C19.4806 5.44573 19.5 5.34822 19.5 5.24974C19.5 5.15126 19.4806 5.05374 19.4429 4.96276C19.4052 4.87177 19.3499 4.7891 19.2803 4.71947C19.2107 4.64983 19.128 4.5946 19.037 4.55691C18.946 4.51923 18.8485 4.49983 18.75 4.49983C18.6515 4.49984 18.554 4.51924 18.463 4.55692C18.3721 4.59461 18.2894 4.64985 18.2198 4.71949L12 10.9392L5.78026 4.71949C5.71077 4.64921 5.62807 4.59335 5.53691 4.55514C5.44576 4.51692 5.34795 4.49711 5.24911 4.49683C5.15027 4.49655 5.05235 4.51581 4.96098 4.55351C4.86961 4.59121 4.78659 4.64659 4.7167 4.71648C4.64681 4.78638 4.59143 4.8694 4.55374 4.96077C4.51605 5.05214 4.49679 5.15006 4.49707 5.2489C4.49736 5.34774 4.51718 5.44555 4.5554 5.5367C4.59361 5.62786 4.64947 5.71055 4.71976 5.78004L10.9395 11.9998L4.71976 18.2195C4.65013 18.2892 4.59489 18.3718 4.5572 18.4628C4.51951 18.5538 4.50011 18.6513 4.50011 18.7498C4.50011 18.8483 4.51951 18.9458 4.5572 19.0368C4.59488 19.1278 4.65012 19.2105 4.71976 19.2801C4.7894 19.3497 4.87207 19.405 4.96305 19.4427C5.05403 19.4803 5.15155 19.4997 5.25003 19.4997C5.34851 19.4997 5.44603 19.4803 5.53701 19.4427C5.628 19.405 5.71067 19.3497 5.78031 19.2801L12.0001 13.0603L18.2198 19.2801C18.3604 19.4207 18.5512 19.4997 18.7501 19.4997C18.949 19.4997 19.1397 19.4207 19.2804 19.2801C19.421 19.1395 19.5 18.9487 19.5 18.7498C19.5 18.5509 19.421 18.3602 19.2804 18.2195L13.0606 11.9998Z%22 fill%3D%22white%22 fill-opacity%3D%220.95%22%2F%3E%0D%3C%2Fsvg%3E%0D\");background-size:20px 20px}#user-creation-stepper{display:flex;flex-direction:column;width:100%}#user-creation-stepper .mat-stepper-horizontal{margin:0 auto;width:100%;background-color:transparent}#user-creation-stepper .mat-horizontal-stepper-header-container{margin:0 auto;width:800px}#user-creation-stepper .mat-step-icon{width:28px;height:28px;border:3px solid hsl(0,0%,50.2%)}#user-creation-stepper .mat-step-icon-selected{background-color:#c6c6c6!important;border-color:#19487d}#user-creation-stepper .mat-step-icon-state-number{background-color:#fff}#user-creation-stepper .mat-step-icon-state-edit,#user-creation-stepper .mat-step-header .mat-step-icon-state-done{background-color:#1170cf;border-color:#1170cf}#user-creation-stepper .mat-step-icon-content{display:none}#user-creation-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):before,#user-creation-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):before,#user-creation-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child):after,#user-creation-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child):after{border-top-width:3px!important}#user-creation-stepper .mat-horizontal-stepper-header:before,#user-creation-stepper .mat-horizontal-stepper-header:after,#user-creation-stepper .mat-stepper-horizontal-line{border-top-color:#1170cf!important;border-top-width:3px!important;border-top-style:solid!important}#user-creation-stepper .mat-horizontal-stepper-header[aria-selected=true]~.mat-stepper-horizontal-line,#user-creation-stepper .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:before,#user-creation-stepper .mat-horizontal-stepper-header[aria-selected=true]~.mat-horizontal-stepper-header:after{border-top-width:3px!important;background-color:#7b7b7b!important;border-top-color:#7b7b7b!important}#user-creation-stepper .mat-horizontal-content-container{padding:0!important;margin-top:3rem}#user-creation-stepper .mat-horizontal-stepper-content[aria-expanded=true]{padding-bottom:0}.step-title{font-size:26px;font-weight:500;width:70%;margin:0 auto 1rem;min-height:32px;display:flex;align-items:center}.wizard-actions{display:flex;flex-flow:row-reverse;justify-content:flex-start;align-items:center;margin:16px 16px 0 0;align-self:flex-end;gap:1rem;position:relative;z-index:30}.uc-btn{border-radius:50px!important;padding:8px 16px!important;min-width:80px!important;line-height:normal!important;cursor:pointer}.uc-btn__inline-content{display:inline-flex;align-items:center;gap:8px}.uc-btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:uc-btn-spin .7s linear infinite}@keyframes uc-btn-spin{to{transform:rotate(360deg)}}.uc-btn-primary{background-color:#000!important;color:#fff!important;border:1px solid black!important}.uc-btn-secondary{background-color:#fff!important;color:#000!important;border:1px solid black!important}.move-user-tab-content-box{width:70%;margin:0 auto;background-color:#fff;min-height:350px;border:1px solid #C3C1C1;border-radius:8px;box-sizing:border-box;padding:25px}.wizard-loading-overlay{position:absolute;inset:0;background:rgba(243,243,243,.72);backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20}.wizard-loading-overlay--visible{opacity:1;pointer-events:auto}.mat-button-disabled{background-color:#bbb;color:#fff;border:1px solid grey;cursor:default!important}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], token: [{
+                type: Input
+            }], customerId: [{
+                type: Input
+            }], cancel: [{
+                type: Output
+            }], submit: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1jcmVhdGlvbi13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVraS93aWRnZXRzL3VzZXItY3JlYXRpb24vc3JjL3dpZGdldHMvdXNlci1jcmVhdGlvbi13aXphcmQvdXNlci1jcmVhdGlvbi13aXphcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVraS93aWRnZXRzL3VzZXItY3JlYXRpb24vc3JjL3dpZGdldHMvdXNlci1jcmVhdGlvbi13aXphcmQvdXNlci1jcmVhdGlvbi13aXphcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7QUFRMUQsTUFBTSxPQUFPLDJCQUEyQjtJQU54QztRQU9tQixlQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRXhDLFVBQUssR0FBRyxhQUFhLENBQUM7UUFLckIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDNUMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDYixrQkFBYSxHQUFrQixJQUFJLENBQUM7S0ErQjdDO0lBN0JDLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNyQixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUV6QixNQUFNLE9BQU8sR0FBRyxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUMxQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztZQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUNkLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLE1BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ3hDLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1NBQzNCO0lBQ0gsQ0FBQzs7eUhBekNVLDJCQUEyQjs2R0FBM0IsMkJBQTJCLHNMQ1R4QyxreUdBdUZBOzRGRDlFYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0UseUJBQXlCLGlCQUdwQixpQkFBaUIsQ0FBQyxJQUFJOzhCQUs1QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBUElTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2FwaS9hcGkuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RrLXVzZXItY3JlYXRpb24td2l6YXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1jcmVhdGlvbi13aXphcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3VzZXItY3JlYXRpb24td2l6YXJkLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVXNlckNyZWF0aW9uV2l6YXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgYXBpU2VydmljZSA9IGluamVjdChBUElTZXJ2aWNlKTtcclxuXHJcbiAgQElucHV0KCkgdGl0bGUgPSAnQ3JlYXRlIFVzZXInO1xyXG4gIFxyXG4gIEBJbnB1dCgpIHRva2VuITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGN1c3RvbWVySWQhOiBudW1iZXI7XHJcblxyXG4gIEBPdXRwdXQoKSBjYW5jZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHN1Ym1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBpc1N1Ym1pdHRpbmcgPSBmYWxzZTtcclxuICBwcml2YXRlIHN1Ym1pdFRpbWVySWQ6IG51bWJlciB8IG51bGwgPSBudWxsO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYXBpU2VydmljZS50b2tlbiA9IHRoaXMudG9rZW47XHJcbiAgfVxyXG5cclxuICBvbkNhbmNlbCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2FuY2VsLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG9uU3VibWl0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNTdWJtaXR0aW5nKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmlzU3VibWl0dGluZyA9IHRydWU7XHJcblxyXG4gICAgY29uc3QgZGVsYXlNcyA9IDMwMDAgKyBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxMDAxKTtcclxuICAgIHRoaXMuc3VibWl0VGltZXJJZCA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5pc1N1Ym1pdHRpbmcgPSBmYWxzZTtcclxuICAgICAgdGhpcy5zdWJtaXRUaW1lcklkID0gbnVsbDtcclxuICAgICAgdGhpcy5zdWJtaXQuZW1pdCgpO1xyXG4gICAgfSwgZGVsYXlNcyk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnN1Ym1pdFRpbWVySWQpIHtcclxuICAgICAgd2luZG93LmNsZWFyVGltZW91dCh0aGlzLnN1Ym1pdFRpbWVySWQpO1xyXG4gICAgICB0aGlzLnN1Ym1pdFRpbWVySWQgPSBudWxsO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibW92ZS11c2VyLXN0ZXBwZXItY29udGFpbmVyXCIgW2F0dHIuYXJpYS1idXN5XT1cImlzU3VibWl0dGluZ1wiPlxyXG4gIDxoZWFkZXIgY2xhc3M9XCJtb3ZlLXVzZXItaGVhZGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibW92ZS11c2VyLWhlYWRlcl9fdGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vdmUtdXNlci1oZWFkZXJfX2Nsb3NlXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiYXBwLWljb24gdXNlci1jcmVhdGlvbi1jbG9zZS1pY29uXCIgKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2hlYWRlcj5cclxuXHJcbiAgPGRpdiBpZD1cInVzZXItY3JlYXRpb24tc3RlcHBlclwiPlxyXG4gICAgPG1hdC1zdGVwcGVyIFtsaW5lYXJdPVwiZmFsc2VcIiBsYWJlbFBvc2l0aW9uPVwiYm90dG9tXCIgI3N0ZXBwZXI+XHJcbiAgICAgIDxtYXQtc3RlcD5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiPlN0ZXAgMTogVXNlciBjcmVhdGlvbiB3aXRoIHRlbXBsYXRlPC9kaXY+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIG1hdFN0ZXBMYWJlbD5Vc2VyIGNyZWF0aW9uPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vdmUtdXNlci10YWItY29udGVudC1ib3hcIj5cclxuICAgICAgICAgIDx0ay11c2VyLXRlbXBsYXRlLXN0ZXAgW2N1c3RvbWVySWRdPVwiY3VzdG9tZXJJZFwiPjwvdGstdXNlci10ZW1wbGF0ZS1zdGVwPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L21hdC1zdGVwPlxyXG5cclxuICAgICAgPG1hdC1zdGVwPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRpdGxlXCI+U3RlcCAyIDogVXNlciBkZXRhaWxzPC9kaXY+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIG1hdFN0ZXBMYWJlbD5Vc2VyIGRldGFpbHM8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW92ZS11c2VyLXRhYi1jb250ZW50LWJveFwiPlxyXG4gICAgICAgICAgPHRrLXVzZXItZGV0YWlscy1zdGVwPjwvdGstdXNlci1kZXRhaWxzLXN0ZXA+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbWF0LXN0ZXA+XHJcblxyXG4gICAgICA8bWF0LXN0ZXA+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtdGl0bGVcIj5TdGVwIDM6IFJldmlldzwvZGl2PlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBtYXRTdGVwTGFiZWw+UmV2aWV3PC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vdmUtdXNlci10YWItY29udGVudC1ib3hcIj5cclxuICAgICAgICAgIDx0ay11c2VyLW92ZXJ2aWV3LXN0ZXA+PC90ay11c2VyLW92ZXJ2aWV3LXN0ZXA+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbWF0LXN0ZXA+XHJcbiAgICA8L21hdC1zdGVwcGVyPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJ3aXphcmQtYWN0aW9uc1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzdGVwcGVyLnNlbGVjdGVkSW5kZXhcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIwXCI+XHJcbiAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gY2xhc3M9XCJ1Yy1idG4gdWMtYnRuLXByaW1hcnlcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cInN0ZXBwZXIubmV4dCgpXCI+XHJcbiAgICAgICAgICAgIE5leHRcclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNsYXNzPVwidWMtYnRuIHVjLWJ0bi1zZWNvbmRhcnlcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj5cclxuICAgICAgICAgICAgQ2FuY2VsXHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiMVwiPlxyXG4gICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNsYXNzPVwidWMtYnRuIHVjLWJ0bi1wcmltYXJ5XCIgdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJzdGVwcGVyLm5leHQoKVwiPlxyXG4gICAgICAgICAgICBOZXh0XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBjbGFzcz1cInVjLWJ0biB1Yy1idG4tc2Vjb25kYXJ5XCIgdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJzdGVwcGVyLnByZXZpb3VzKClcIj5cclxuICAgICAgICAgICAgUHJldmlvdXNcclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIyXCI+XHJcbiAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgIG1hdC1idXR0b25cclxuICAgICAgICAgICAgY2xhc3M9XCJ1Yy1idG4gdWMtYnRuLXByaW1hcnlcIlxyXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImlzU3VibWl0dGluZ1wiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvblN1Ym1pdCgpXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ1Yy1idG5fX2lubGluZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ1Yy1idG5fX3NwaW5uZXJcIiAqbmdJZj1cImlzU3VibWl0dGluZ1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICA8c3Bhbj57eyBpc1N1Ym1pdHRpbmcgPyAnQ3JlYXRpbmcuLi4nIDogJ0NyZWF0ZScgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICBtYXQtYnV0dG9uXHJcbiAgICAgICAgICAgIGNsYXNzPVwidWMtYnRuIHVjLWJ0bi1zZWNvbmRhcnlcIlxyXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImlzU3VibWl0dGluZ1wiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJzdGVwcGVyLnByZXZpb3VzKClcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICBQcmV2aW91c1xyXG4gICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJ3aXphcmQtbG9hZGluZy1vdmVybGF5XCIgW2NsYXNzLndpemFyZC1sb2FkaW5nLW92ZXJsYXktLXZpc2libGVdPVwiaXNTdWJtaXR0aW5nXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=