npm - @tuki-io/tuki-widgets - Versions diffs - 0.0.163 → 0.0.164 - Mend

@tuki-io/tuki-widgets 0.0.163 → 0.0.164

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

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

@@ -15,9 +15,9 @@ export class UserDetailsStepComponent {
     }
 }
 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-dropdowns\">\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select site</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Site name\"\r\n          [value]=\"userCreationWizardService.selectedSite\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedSite($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let site of userCreationWizardService.siteOptions\" [value]=\"site\">\r\n            {{ site }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select user template</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Templates\"\r\n          [value]=\"userCreationWizardService.selectedTemplate\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedTemplate($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let template of userCreationWizardService.templateOptions\" [value]=\"template\">\r\n            {{ template }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\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\">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-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" }] });
+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-dropdowns\">\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select site</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Site name\"\r\n          [value]=\"userCreationWizardService.selectedSite\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedSite($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let site of userCreationWizardService.siteOptions\" [value]=\"site\">\r\n            {{ site }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select user template</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Templates\"\r\n          [value]=\"userCreationWizardService.selectedTemplate\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedTemplate($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let template of userCreationWizardService.templateOptions\" [value]=\"template\">\r\n            {{ template }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\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\">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-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"] }]
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZXRhaWxzLXN0ZXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVraS93aWRnZXRzL3VzZXItY3JlYXRpb24vc3JjL3dpZGdldHMvdXNlci1jcmVhdGlvbi13aXphcmQvY29tcG9uZW50cy91c2VyLWRldGFpbHMtc3RlcC91c2VyLWRldGFpbHMtc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90dWtpL3dpZGdldHMvdXNlci1jcmVhdGlvbi9zcmMvd2lkZ2V0cy91c2VyLWNyZWF0aW9uLXdpemFyZC9jb21wb25lbnRzL3VzZXItZGV0YWlscy1zdGVwL3VzZXItZGV0YWlscy1zdGVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7O0FBUTFDLE1BQU0sT0FBTyx3QkFBd0I7SUFDakMsWUFDVyx5QkFBb0Q7UUFBcEQsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUEyQjtJQUM1RCxDQUFDOztzSEFISyx3QkFBd0I7MEdBQXhCLHdCQUF3Qiw0RENSckMsbTZXQW1QQTs0RkQzT2Esd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNJLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vdXNlci1jcmVhdGlvbi13aXphcmQuc2VydmljZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3RrLXVzZXItZGV0YWlscy1zdGVwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWRldGFpbHMtc3RlcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWRldGFpbHMtc3RlcC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVc2VyRGV0YWlsc1N0ZXBDb21wb25lbnQge1xyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHVibGljIHVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2U6IFVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2VcclxuICAgICkge31cclxufSIsIjxzZWN0aW9uIGNsYXNzPVwiZGV0YWlscy1zdGVwLWNvbnRlbnRcIj5cclxuICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1zdGVwLWRyb3Bkb3duc1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1maWVsZFwiPlxyXG4gICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtbGFiZWxcIj5TZWxlY3Qgc2l0ZTwvbGFiZWw+XHJcbiAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWxlY3RcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgIDxtYXQtc2VsZWN0XHJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNpdGUgbmFtZVwiXHJcbiAgICAgICAgICBbdmFsdWVdPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5zZWxlY3RlZFNpdGVcIlxyXG4gICAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFNlbGVjdGVkU2l0ZSgkZXZlbnQudmFsdWUpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgc2l0ZSBvZiB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNpdGVPcHRpb25zXCIgW3ZhbHVlXT1cInNpdGVcIj5cclxuICAgICAgICAgICAge3sgc2l0ZSB9fVxyXG4gICAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtZmllbGRcIj5cclxuICAgICAgPGxhYmVsIGNsYXNzPVwiZGV0YWlscy1zdGVwLWxhYmVsXCI+U2VsZWN0IHVzZXIgdGVtcGxhdGU8L2xhYmVsPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VsZWN0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICA8bWF0LXNlbGVjdFxyXG4gICAgICAgICAgcGxhY2Vob2xkZXI9XCJUZW1wbGF0ZXNcIlxyXG4gICAgICAgICAgW3ZhbHVlXT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2VsZWN0ZWRUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAoc2VsZWN0aW9uQ2hhbmdlKT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2V0U2VsZWN0ZWRUZW1wbGF0ZSgkZXZlbnQudmFsdWUpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgdGVtcGxhdGUgb2YgdXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS50ZW1wbGF0ZU9wdGlvbnNcIiBbdmFsdWVdPVwidGVtcGxhdGVcIj5cclxuICAgICAgICAgICAge3sgdGVtcGxhdGUgfX1cclxuICAgICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1kaXZpZGVyXCI+PC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbnNcIj5cclxuICAgIDxzZWN0aW9uIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25cIj5cclxuICAgICAgPGgzIGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX3RpdGxlXCI+VXNlciBkZXRhaWxzPC9oMz5cclxuICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX19jb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX19wYXJ0XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRzXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkX19sYWJlbFwiPlVzZXIgSUQ8L2xhYmVsPlxyXG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1pbnB1dFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJVc2VyIElEXCJcclxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UudXNlckRldGFpbHNGb3JtLnVzZXJJZFwiXHJcbiAgICAgICAgICAgICAgICAgIChpbnB1dCk9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFVzZXJEZXRhaWxzRmllbGQoJ3VzZXJJZCcsICRhbnkoJGV2ZW50LnRhcmdldCkudmFsdWUpXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZF9fbGFiZWxcIj5GaXJzdCBOYW1lPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiRmlyc3QgTmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnVzZXJEZXRhaWxzRm9ybS5maXJzdE5hbWVcIlxyXG4gICAgICAgICAgICAgICAgICAoaW5wdXQpPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5zZXRVc2VyRGV0YWlsc0ZpZWxkKCdmaXJzdE5hbWUnLCAkYW55KCRldmVudC50YXJnZXQpLnZhbHVlKVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkXCI+XHJcbiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRfX2xhYmVsXCI+TGFzdCBOYW1lPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiTGFzdCBOYW1lXCJcclxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UudXNlckRldGFpbHNGb3JtLmxhc3ROYW1lXCJcclxuICAgICAgICAgICAgICAgICAgKGlucHV0KT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2V0VXNlckRldGFpbHNGaWVsZCgnbGFzdE5hbWUnLCAkYW55KCRldmVudC50YXJnZXQpLnZhbHVlKVwiXHJcbiAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkXCI+XHJcbiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRfX2xhYmVsXCI+RW1haWw8L2xhYmVsPlxyXG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1pbnB1dFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJFbWFpbFwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnVzZXJEZXRhaWxzRm9ybS5lbWFpbFwiXHJcbiAgICAgICAgICAgICAgICAgIChpbnB1dCk9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFVzZXJEZXRhaWxzRmllbGQoJ2VtYWlsJywgJGFueSgkZXZlbnQudGFyZ2V0KS52YWx1ZSlcIlxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkX19sYWJlbFwiPlVzZXIgVGVtcGxhdGU8L2xhYmVsPlxyXG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1pbnB1dFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJVc2VyIFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2VsZWN0ZWRUZW1wbGF0ZSB8fCAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX19wYXJ0XCI+XHJcbiAgICAgICAgICA8bWF0LWFjY29yZGlvbiBjbGFzcz1cImRldGFpbHMtdXNlci1hY2NvcmRpb25cIj5cclxuICAgICAgICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwgdG9nZ2xlUG9zaXRpb249XCJiZWZvcmVcIj5cclxuICAgICAgICAgICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XHJcbiAgICAgICAgICAgICAgICA8bWF0LXBhbmVsLXRpdGxlPkNob29zZSBhbiBleGlzdGluZyBvciBhIExEQVAgdXNlcjwvbWF0LXBhbmVsLXRpdGxlPlxyXG4gICAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRldGFpbHMtdXNlci1hY2NvcmRpb25fX2NvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgIDx0YWJsZSBtYXQtdGFibGUgW2RhdGFTb3VyY2VdPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5sZGFwVXNlcnNcIiBjbGFzcz1cImRldGFpbHMtbGRhcC10YWJsZVwiPlxyXG4gICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInVzZXJJZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+VXNlciBJRDwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IHJvd1wiPnt7IHJvdy51c2VySWQgfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZmlyc3ROYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5GaXJzdCBOYW1lPC90aD5cclxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgcm93XCI+e3sgcm93LmZpcnN0TmFtZSB9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJsYXN0TmFtZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+TGFzdCBOYW1lPC90aD5cclxuICAgICAgICAgICAgICAgICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgcm93XCI+e3sgcm93Lmxhc3ROYW1lIH19PC90ZD5cclxuICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImVtYWlsXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5FbWFpbDwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IHJvd1wiPnt7IHJvdy5lbWFpbCB9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJhZGRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPkFkZDwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNsYXNzPVwiZGV0YWlscy1sZGFwLXRhYmxlX19hZGQtYnRuXCIgdHlwZT1cImJ1dHRvblwiPkFkZCB1c2VyPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC90ZD5cclxuICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICAgICAgICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UubGRhcFRhYmxlQ29sdW1uc1wiPjwvdHI+XHJcbiAgICAgICAgICAgICAgICAgIDx0ciBtYXQtcm93ICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmxkYXBUYWJsZUNvbHVtbnM7XCI+PC90cj5cclxuICAgICAgICAgICAgICAgIDwvdGFibGU+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cclxuICAgICAgICAgIDwvbWF0LWFjY29yZGlvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L3NlY3Rpb24+XHJcblxyXG4gICAgPHNlY3Rpb24gY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvblwiPlxyXG4gICAgICA8aDMgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fdGl0bGVcIj5MaW5lczwvaDM+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtc2VjdGlvbl9fY29udGVudFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lLXJvdXRlLWxpc3RcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJsaW5lLXJvdXRlLXJvd1wiICpuZ0Zvcj1cImxldCBsaW5lU2VsZWN0aW9uIG9mIHVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UubGluZVNlbGVjdGlvbnM7IGxldCBpZHggPSBpbmRleFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGluZS1yb3V0ZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWxlY3QgbGluZS1yb3V0ZS1zZWxlY3RcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgbGluZVwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJsaW5lU2VsZWN0aW9uLmxpbmVOdW1iZXJcIlxyXG4gICAgICAgICAgICAgICAgICAoc2VsZWN0aW9uQ2hhbmdlKT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2V0TGluZVNlbGVjdGlvbihpZHgsICRldmVudC52YWx1ZSlcIlxyXG4gICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgbGluZSBvZiB1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmxpbmVPcHRpb25zXCIgW3ZhbHVlXT1cImxpbmUubnVtYmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgbGluZS5udW1iZXIgfX0gLSB7eyBsaW5lLmRpZCB9fVxyXG4gICAgICAgICAgICAgICAgICA8L21hdC1vcHRpb24+XHJcbiAgICAgICAgICAgICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGluZS1yb3V0ZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWxlY3QgbGluZS1yb3V0ZS1zZWxlY3RcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3Qgcm91dGUgcGFydGl0aW9uXCJcclxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cImxpbmVTZWxlY3Rpb24ucm91dGVQYXJ0aXRpb25OYW1lXCJcclxuICAgICAgICAgICAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLnNldFJvdXRlUGFydGl0aW9uU2VsZWN0aW9uKGlkeCwgJGV2ZW50LnZhbHVlKVwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBwYXJ0aXRpb24gb2YgdXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5yb3V0ZVBhcnRpdGlvbk9wdGlvbnNcIiBbdmFsdWVdPVwicGFydGl0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgcGFydGl0aW9uIH19XHJcbiAgICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgICAgICAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvc2VjdGlvbj5cclxuXHJcbiAgICA8c2VjdGlvbiBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uXCI+XHJcbiAgICAgIDxoMyBjbGFzcz1cImRldGFpbHMtc3RlcC1zZWN0aW9uX190aXRsZVwiPkRldmljZXM8L2gzPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1zdGVwLXNlY3Rpb25fX2NvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGV2aWNlcy1yb3dzXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRzIGRldGFpbHMtaW5saW5lLWZpZWxkcy0tZm91clwiICpuZ0Zvcj1cImxldCBfcm93IG9mIHVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UuZGV2aWNlUm93czsgbGV0IGlkeCA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkX19sYWJlbFwiPkRldmljZSB0eXBlPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiRGV2aWNlIHR5cGVcIlxyXG4gICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidXNlckNyZWF0aW9uV2l6YXJkU2VydmljZS5kZXZpY2VFbnRyaWVzW2lkeF0uZGV2aWNlVHlwZSB8fCAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZF9fbGFiZWxcIj5Qcm90b2NvbDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZGV0YWlscy1zdGVwLWlucHV0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlByb3RvY29sXCJcclxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2UuZGV2aWNlRW50cmllc1tpZHhdLnByb3RvY29sIHx8ICcnXCJcclxuICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZFwiPlxyXG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cImRldGFpbHMtaW5saW5lLWZpZWxkX19sYWJlbFwiPkJ1dHRvbiBUZW1wbGF0ZTwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZGV0YWlscy1zdGVwLWlucHV0XCIgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cclxuICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkJ1dHRvbiBUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmRldmljZUVudHJpZXNbaWR4XS5idXR0b25UZW1wbGF0ZSB8fCAnJ1wiXHJcbiAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1pbmxpbmUtZmllbGRcIj5cclxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJkZXRhaWxzLWlubGluZS1maWVsZF9fbGFiZWxcIj5OYW1lPC9sYWJlbD5cclxuICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJkZXRhaWxzLXN0ZXAtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxyXG4gICAgICAgICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiTmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ1c2VyQ3JlYXRpb25XaXphcmRTZXJ2aWNlLmRldmljZUVudHJpZXNbaWR4XS5uYW1lIHx8ICcnXCJcclxuICAgICAgICAgICAgICAgICAgKGlucHV0KT1cInVzZXJDcmVhdGlvbldpemFyZFNlcnZpY2Uuc2V0RGV2aWNlTmFtZShpZHgsICRhbnkoJGV2ZW50LnRhcmdldCkudmFsdWUpXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L3NlY3Rpb24+XHJcbiAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
+//# 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/fesm2015/tuki-io-tuki-widgets-user-creation.mjs CHANGED Viewed

@@ -566,10 +566,10 @@ class UserDetailsStepComponent {
     }
 }
 UserDetailsStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UserDetailsStepComponent, deps: [{ token: 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-dropdowns\">\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select site</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Site name\"\r\n          [value]=\"userCreationWizardService.selectedSite\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedSite($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let site of userCreationWizardService.siteOptions\" [value]=\"site\">\r\n            {{ site }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select user template</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Templates\"\r\n          [value]=\"userCreationWizardService.selectedTemplate\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedTemplate($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let template of userCreationWizardService.templateOptions\" [value]=\"template\">\r\n            {{ template }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\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\">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-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: i1$1.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" }] });
+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: i1$1.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-dropdowns\">\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select site</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Site name\"\r\n          [value]=\"userCreationWizardService.selectedSite\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedSite($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let site of userCreationWizardService.siteOptions\" [value]=\"site\">\r\n            {{ site }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"details-step-field\">\r\n      <label class=\"details-step-label\">Select user template</label>\r\n      <mat-form-field class=\"details-step-select\" appearance=\"outline\">\r\n        <mat-select\r\n          placeholder=\"Templates\"\r\n          [value]=\"userCreationWizardService.selectedTemplate\"\r\n          (selectionChange)=\"userCreationWizardService.setSelectedTemplate($event.value)\"\r\n        >\r\n          <mat-option *ngFor=\"let template of userCreationWizardService.templateOptions\" [value]=\"template\">\r\n            {{ template }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\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\">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-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"] }]
+            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: UserCreationWizardService }]; } });
 class UserOverviewStepComponent {