iptdevs-design-system 3.1.983 → 3.1.985

package/fesm2020/iptdevs-design-system.mjs

@@ -2319,12 +2319,7 @@ class updateUserFormComponent {
         }
     }
     selectReason(reason) {
-        if (reason !== null) {
-            this.confirmForm.controls['reason'].setValue(reason);
-        }
-        else {
-            this.confirmForm.controls['reason'].setValue(null);
-        }
+        this.confirmForm.controls['reason'].setValue(reason ? reason.code : null);
     }
     setPhoto(type) {
         if (type === 'student')
@@ -2408,6 +2403,7 @@ class updateUserFormComponent {
                     position: 'center',
                     icon: 'error',
                     title: 'Ha ocurrido un error inesperado',
+                    text: response.data.message,
                     showConfirmButton: false,
                     timer: 2500,
                 });
@@ -2623,6 +2619,7 @@ class updateUserFormComponent {
                         position: 'center',
                         icon: 'error',
                         title: 'Ha ocurrido un error inesperado',
+                        text: response.data.message,
                         showConfirmButton: false,
                         timer: 2500,
                     });
@@ -2664,19 +2661,21 @@ class updateUserFormComponent {
     acceptConfirmDialog() {
         if (this.confirmForm.invalid) {
             this.confirmForm.markAllAsTouched();
+            console.log('Confirm form invalid:', this.confirmForm.errors);
             return;
         }
         this.sendUpdateRequest();
     }
     rejectConfirmDialog() {
         this.confirmForm.reset();
+        console.log('Confirm dialog rejected');
     }
 }
 updateUserFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: updateUserFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: ParameterService }, { token: BaseService }, { token: UserService }, { token: i2.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
-updateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: updateUserFormComponent, selector: "ipt-update-user-form", inputs: { DataStudent: "DataStudent", visibleModal: "visibleModal" }, outputs: { closeModalIS: "closeModalIS", userUpdatedEvent: "userUpdatedEvent" }, providers: [ConfirmationService], usesOnChanges: true, ngImport: i0, template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\">\n              </p-selectButton>\n              <!-- [disabled]=\"isStudent\"> -->\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n          <!-- Nueva secci\u00F3n de confirmaci\u00F3n -->\n          <!-- <div *ngIf=\"showConfirmSection\" class=\"section-header\">\n            <h2>Confirmar Ajuste</h2>\n          </div>\n          <div *ngIf=\"showConfirmSection\" class=\"form-grid\">\n            <div class=\"p-field\">\n              <label for=\"reason\">Raz\u00F3n del ajuste</label>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['reason'].value\"\n                [control]=\"confirmForm.controls['reason'].value\" \n                [data]=\"reasons\" \n                (eventSelect)=\"selectReason($event)\" \n                [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              ></ipt-select>\n\n              <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n                La raz\u00F3n es requerida\n              </small>\n            </div>\n            <div class=\"p-field\">\n              <label for=\"observation\">Observaci\u00F3n</label>\n              <textarea \n                id=\"observation\" \n                pInputTextarea \n                formControlName=\"observation\" \n                rows=\"3\" \n                placeholder=\"Describe detalles adicionales del ajuste\"\n              ></textarea>\n              <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n                La observaci\u00F3n es requerida\n              </small>\n            </div>\n          </div> -->\n          <!-- Botones -->\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmDialog()\"\n                [primary]=\"true\"\n                ></ipt-button>\n                <!-- (onClick)=\"updateUser()\" -->\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n    <!-- Confirm Dialog para raz\u00F3n y observaci\u00F3n -->\n  <p-confirmDialog key=\"confirmUpdate\" [style]=\"{width: '40vw'}\">\n    <ng-template pTemplate=\"header\">\n      <h3>Confirmar Ajuste de Usuario</h3>\n    </ng-template>\n    <ng-template pTemplate=\"message\">\n      <form [formGroup]=\"confirmForm\" class=\"confirm-form\">\n        <div class=\"p-field\">\n          <label for=\"reason\">Raz\u00F3n del ajuste</label>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['reason'].value\"\n              [control]=\"confirmForm.controls['reason'].value\" \n              [data]=\"reasons\" \n              (eventSelect)=\"selectReason($event)\" \n              [defaultText]=\"'Seleccione la raz\u00F3n'\"\n            ></ipt-select>\n          <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n            La raz\u00F3n es requerida\n          </small>\n        </div>\n        <div class=\"p-field\">\n          <label for=\"observation\">Observaci\u00F3n</label>\n          <textarea \n            id=\"observation\" \n            pInputTextarea \n            formControlName=\"observation\" \n            rows=\"3\" \n            placeholder=\"Describe detalles adicionales del ajuste\"\n            [style]=\"{width: '100%'}\"\n          ></textarea>\n          <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n            La observaci\u00F3n es requerida\n          </small>\n        </div>\n      </form>\n    </ng-template>\n    <ng-template pTemplate=\"footer\">\n      <button pButton label=\"Cancelar\" class=\"p-button-secondary\" (click)=\"rejectConfirmDialog()\"></button>\n      <button pButton label=\"Confirmar\" [disabled]=\"confirmForm.invalid\" (click)=\"acceptConfirmDialog()\"></button>\n    </ng-template>\n  </p-confirmDialog>\n\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;margin-left:9px}.card-status{margin-top:15px}.p-field{margin-bottom:1.5rem}.p-field label{display:block;margin-bottom:.5rem;font-weight:700}.p-error{color:red;font-size:.8rem}.confirm-form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .p-confirm-dialog .p-dialog-content{padding:1.5rem}:host ::ng-deep .p-confirm-dialog .p-dialog-footer{display:flex;justify-content:flex-end;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i8.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i9.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "pipe", type: GenderDisplayPipe, name: "genderDisplay" }] });
+updateUserFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: updateUserFormComponent, selector: "ipt-update-user-form", inputs: { DataStudent: "DataStudent", visibleModal: "visibleModal" }, outputs: { closeModalIS: "closeModalIS", userUpdatedEvent: "userUpdatedEvent" }, providers: [ConfirmationService], usesOnChanges: true, ngImport: i0, template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\">\n              </p-selectButton>\n              <!-- [disabled]=\"isStudent\"> -->\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n          <!-- Nueva secci\u00F3n de confirmaci\u00F3n -->\n          <!-- <div *ngIf=\"showConfirmSection\" class=\"section-header\">\n            <h2>Confirmar Ajuste</h2>\n          </div>\n          <div *ngIf=\"showConfirmSection\" class=\"form-grid\">\n            <div class=\"p-field\">\n              <label for=\"reason\">Raz\u00F3n del ajuste</label>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['reason'].value\"\n                [control]=\"confirmForm.controls['reason'].value\" \n                [data]=\"reasons\" \n                (eventSelect)=\"selectReason($event)\" \n                [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              ></ipt-select>\n\n              <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n                La raz\u00F3n es requerida\n              </small>\n            </div>\n            <div class=\"p-field\">\n              <label for=\"observation\">Observaci\u00F3n</label>\n              <textarea \n                id=\"observation\" \n                pInputTextarea \n                formControlName=\"observation\" \n                rows=\"3\" \n                placeholder=\"Describe detalles adicionales del ajuste\"\n              ></textarea>\n              <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n                La observaci\u00F3n es requerida\n              </small>\n            </div>\n          </div> -->\n          <!-- Botones -->\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmDialog()\"\n                [primary]=\"true\"\n                ></ipt-button>\n                <!-- (onClick)=\"updateUser()\" -->\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n  <!-- Confirm Dialog para raz\u00F3n y observaci\u00F3n -->\n  <p-confirmDialog key=\"confirmUpdate\" [style]=\"{width: '40vw'}\">\n    <ng-template pTemplate=\"header\">\n      <h3>Confirmar Ajuste de Usuario</h3>\n    </ng-template>\n    <ng-template pTemplate=\"body\">\n      <form [formGroup]=\"confirmForm\" class=\"confirm-form\">\n        <div class=\"p-field\">\n          <!-- <label for=\"reason\">Raz\u00F3n del ajuste</label> -->\n            <ipt-select\n              [initialValue]=\"confirmForm.controls['reason'].value\"\n              [control]=\"confirmForm.controls['reason'].value\" \n              [data]=\"reasons\" \n              (eventSelect)=\"selectReason($event)\" \n              [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              [isRequired]=\"true\"\n            ></ipt-select>\n          <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n            La raz\u00F3n es requerida\n          </small>\n        </div>\n        <div class=\"p-field\">\n          <label for=\"observation\">Observaci\u00F3n</label>\n          <textarea\n            id=\"observation\"\n            pInputTextarea\n            formControlName=\"observation\"\n            rows=\"3\"\n            placeholder=\"Describe detalles adicionales del ajuste\"\n            [style]=\"{width: '100%'}\"\n          ></textarea>\n          <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n            La observaci\u00F3n es requerida\n          </small>\n        </div>\n      </form>\n    </ng-template>\n    <ng-template pTemplate=\"footer\">\n      <button pButton label=\"Cancelar\" class=\"p-button-secondary\" (click)=\"rejectConfirmDialog()\"></button>\n      <button pButton label=\"Confirmar\" [disabled]=\"confirmForm.invalid\" (click)=\"acceptConfirmDialog()\"></button>\n    </ng-template>\n  </p-confirmDialog>\n\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;margin-left:9px}.card-status{margin-top:15px}:host ::ng-deep .p-field{margin-bottom:1.5rem}:host ::ng-deep .p-field label{display:block;margin-bottom:.5rem;font-weight:700}.p-error{color:red;font-size:.8rem}.confirm-form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .p-confirm-dialog .p-dialog-content{padding:1.5rem}:host ::ng-deep .p-confirm-dialog .p-dialog-footer{display:flex;justify-content:flex-end;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i8.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "component", type: i9.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "pipe", type: GenderDisplayPipe, name: "genderDisplay" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: updateUserFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-update-user-form', providers: [ConfirmationService], template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\">\n              </p-selectButton>\n              <!-- [disabled]=\"isStudent\"> -->\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n          <!-- Nueva secci\u00F3n de confirmaci\u00F3n -->\n          <!-- <div *ngIf=\"showConfirmSection\" class=\"section-header\">\n            <h2>Confirmar Ajuste</h2>\n          </div>\n          <div *ngIf=\"showConfirmSection\" class=\"form-grid\">\n            <div class=\"p-field\">\n              <label for=\"reason\">Raz\u00F3n del ajuste</label>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['reason'].value\"\n                [control]=\"confirmForm.controls['reason'].value\" \n                [data]=\"reasons\" \n                (eventSelect)=\"selectReason($event)\" \n                [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              ></ipt-select>\n\n              <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n                La raz\u00F3n es requerida\n              </small>\n            </div>\n            <div class=\"p-field\">\n              <label for=\"observation\">Observaci\u00F3n</label>\n              <textarea \n                id=\"observation\" \n                pInputTextarea \n                formControlName=\"observation\" \n                rows=\"3\" \n                placeholder=\"Describe detalles adicionales del ajuste\"\n              ></textarea>\n              <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n                La observaci\u00F3n es requerida\n              </small>\n            </div>\n          </div> -->\n          <!-- Botones -->\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmDialog()\"\n                [primary]=\"true\"\n                ></ipt-button>\n                <!-- (onClick)=\"updateUser()\" -->\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n    <!-- Confirm Dialog para raz\u00F3n y observaci\u00F3n -->\n  <p-confirmDialog key=\"confirmUpdate\" [style]=\"{width: '40vw'}\">\n    <ng-template pTemplate=\"header\">\n      <h3>Confirmar Ajuste de Usuario</h3>\n    </ng-template>\n    <ng-template pTemplate=\"message\">\n      <form [formGroup]=\"confirmForm\" class=\"confirm-form\">\n        <div class=\"p-field\">\n          <label for=\"reason\">Raz\u00F3n del ajuste</label>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['reason'].value\"\n              [control]=\"confirmForm.controls['reason'].value\" \n              [data]=\"reasons\" \n              (eventSelect)=\"selectReason($event)\" \n              [defaultText]=\"'Seleccione la raz\u00F3n'\"\n            ></ipt-select>\n          <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n            La raz\u00F3n es requerida\n          </small>\n        </div>\n        <div class=\"p-field\">\n          <label for=\"observation\">Observaci\u00F3n</label>\n          <textarea \n            id=\"observation\" \n            pInputTextarea \n            formControlName=\"observation\" \n            rows=\"3\" \n            placeholder=\"Describe detalles adicionales del ajuste\"\n            [style]=\"{width: '100%'}\"\n          ></textarea>\n          <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n            La observaci\u00F3n es requerida\n          </small>\n        </div>\n      </form>\n    </ng-template>\n    <ng-template pTemplate=\"footer\">\n      <button pButton label=\"Cancelar\" class=\"p-button-secondary\" (click)=\"rejectConfirmDialog()\"></button>\n      <button pButton label=\"Confirmar\" [disabled]=\"confirmForm.invalid\" (click)=\"acceptConfirmDialog()\"></button>\n    </ng-template>\n  </p-confirmDialog>\n\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;margin-left:9px}.card-status{margin-top:15px}.p-field{margin-bottom:1.5rem}.p-field label{display:block;margin-bottom:.5rem;font-weight:700}.p-error{color:red;font-size:.8rem}.confirm-form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .p-confirm-dialog .p-dialog-content{padding:1.5rem}:host ::ng-deep .p-confirm-dialog .p-dialog-footer{display:flex;justify-content:flex-end;gap:1rem}\n"] }]
+            args: [{ selector: 'ipt-update-user-form', providers: [ConfirmationService], template: "<main *ngIf=\"visibleModal\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal yellow-300\">\n      <h1>Actualizar usuario</h1>\n      <button (click)=\"closeTable()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <form *ngIf=\"updateUserForm\" autocomplete=\"off\" [formGroup]=\"updateUserForm\">\n          <!-- User Information Section -->\n          <div class=\"section-header\">\n            <h2>Informaci\u00F3n del usuario</h2>\n          </div>\n          <div class=\"form-grid\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Nombres'\"\n              [control]=\"updateUserForm.controls['name']\"\n              [validateText]=\"updateUserForm.controls['name'].hasError('required') ? 'Debe ingresar el nombre' :\n                updateUserForm.controls['name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar el nombre'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Apellidos'\"\n              [control]=\"updateUserForm.controls['last_name']\"\n              [validateText]=\"updateUserForm.controls['last_name'].hasError('required') ? 'Debe ingresar los apellidos' :\n                updateUserForm.controls['last_name'].hasError('minlength') ? 'M\u00EDnimo 3 caracteres' :\n                updateUserForm.controls['last_name'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.controls['last_name'].hasError('pattern') ? 'Solo letras, espacios y guiones' :\n                updateUserForm.controls['last_name'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['last_name'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar los apellidos'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'email'\"\n              [placeHolder]=\"'Email'\"\n              [control]=\"updateUserForm.controls['email']\"\n              [validateText]=\"updateUserForm.controls['email'].hasError('required') ? 'Debe ingresar un correo v\u00E1lido' :\n                updateUserForm.controls['email'].hasError('maxlength') ? 'M\u00E1ximo 300 caracteres' :\n                updateUserForm.controls['email'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Email IPT'\"\n              [control]=\"updateUserForm.controls['email_ipt']\"\n              [validateText]=\"updateUserForm.controls['email_ipt'].hasError('required') ? 'Debe ingresar un correo IPT v\u00E1lido' :\n                updateUserForm.controls['email_ipt'].hasError('maxlength') ? 'M\u00E1ximo 255 caracteres' :\n                updateUserForm.controls['email_ipt'].hasError('pattern') ? 'Tiene que ser un email correcto' :\n                updateUserForm.controls['email_ipt'].hasError('hasWhitespace') ? 'No se permiten espacios al inicio o final' :\n                updateUserForm.controls['email_ipt'].hasError('onlyWhitespace') ? 'No se permiten solo espacios' :\n                'Debe ingresar un correo IPT v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-input\n              *ngIf=\"showEmailIpt\"\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Horas de servicio'\"\n              [control]=\"updateUserForm.controls['service_hour']\"\n              [validateText]=\"'Debe ingresar las horas de servicio'\"\n            ></ipt-input>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Rol'\"\n              [control]=\"updateUserForm.controls['role']\"\n              [validateText]=\"'Rol requerido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['gender'].value\"\n              [control]=\"updateUserForm.controls['gender']\"\n              [selectCode]=\"updateUserForm.controls['gender'].value === null ? 'Seleccione g\u00E9nero' : (updateUserForm.controls['gender'].value | genderDisplay)\"\n              [data]=\"genders\"\n              (eventSelect)=\"selectGender($event)\"\n              [defaultText]=\"'Seleccione g\u00E9nero'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['phone_indicative'].value\"\n              [control]=\"updateUserForm.controls['phone_indicative']\"\n              [data]=\"indicatives\"\n              (eventSelect)=\"selectIndicative('phone_indicative', $event)\"\n              [defaultText]=\"'Indicativo'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'number'\"\n              [placeHolder]=\"'Tel\u00E9fono'\"\n              [control]=\"updateUserForm.controls['phone_number']\"\n              [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n            ></ipt-input>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['id_card_type'].value\"\n              [control]=\"updateUserForm.controls['id_card_type']\"\n              [selectCode]=\"updateUserForm.controls['id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['id_card_type'].value\"\n              [isRequired]=\"true\"\n              [data]=\"idTypes\"\n              (eventSelect)=\"selectIdType('id_card_type', $event)\"\n              [defaultText]=\"'Tipo de documento'\"\n            ></ipt-select>\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"updateUserForm.controls['id_card'].hasError('required') ? 'Debe ingresar el n\u00FAmero de documento' :\n                updateUserForm.controls['id_card'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['id_card'].hasError('maxlength') ? 'M\u00E1ximo 20 caracteres' :\n                updateUserForm.controls['id_card'].hasError('pattern') ? (updateUserForm.controls['id_card_type'].value === 7 || updateUserForm.controls['id_card_type'].value === 5 ? 'Solo letras y n\u00FAmeros permitidos' : 'Solo n\u00FAmeros permitidos') :\n                'Debe ingresar el n\u00FAmero de documento'\"\n            ></ipt-input>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['country'].value\"\n                [control]=\"updateUserForm.controls['country']\"\n                [selectCode]=\"updateUserForm.controls['country'].value === null ? 'Pa\u00EDs de residencia' : updateUserForm.controls['country'].value\"\n                (eventSelect)=\"selectCountry($event)\"\n                [data]=\"countries\"\n                [defaultText]=\"'Pa\u00EDs de residencia'\"\n              ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['state'].value\"\n              [control]=\"updateUserForm.controls['state']\"\n              [selectCode]=\"updateUserForm.controls['state'].value === null ? 'Departamento o estado' : updateUserForm.controls['state'].value\"\n              [isRequired]=\"true\"\n              (eventSelect)=\"selectState($event)\"\n              [data]=\"states\"\n              [defaultText]=\"'Departamento o estado'\"\n            ></ipt-select>\n            <ipt-select\n              [initialValue]=\"updateUserForm.controls['city'].value\"\n              [control]=\"updateUserForm.controls['city']\"\n              [selectCode]=\"updateUserForm.controls['city'].value === null ? 'Ciudad de residencia' : updateUserForm.controls['city'].value\"\n              (eventSelect)=\"selectCity($event)\"\n              [data]=\"cities\"\n              [defaultText]=\"'Ciudad de residencia'\"\n            ></ipt-select>\n            <div class=\"card-status\">\n              <span class=\"span-status\">Estado</span>\n              <p-selectButton \n                [options]=\"justifyOptions\" \n                formControlName=\"status\" \n                optionLabel=\"name\" \n                optionValue=\"code\">\n              </p-selectButton>\n              <!-- [disabled]=\"isStudent\"> -->\n            </div>\n            <div class=\"field\">\n              <p-checkbox\n                formControlName=\"changePassword\"\n                label=\"Cambio de contrase\u00F1a\"\n                [binary]=\"true\"\n              ></p-checkbox>\n            </div>\n          </div>\n          <div class=\"form-grid\" *ngIf=\"updateUserForm.controls['changePassword'].value\">\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['password']\"\n              [validateText]=\"updateUserForm.controls['password'].hasError('required') ? 'La contrase\u00F1a es requerida' :\n                updateUserForm.controls['password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                'Ingrese una contrase\u00F1a v\u00E1lida'\"\n            ></ipt-input>\n\n            <ipt-input\n              [inputType]=\"'password'\"\n              [placeHolder]=\"'Repetir contrase\u00F1a'\"\n              [control]=\"updateUserForm.controls['re_password']\"\n              [validateText]=\"updateUserForm.controls['re_password'].hasError('required') ? 'Debe repetir la contrase\u00F1a' :\n                updateUserForm.controls['re_password'].hasError('minlength') ? 'M\u00EDnimo 5 caracteres' :\n                updateUserForm.controls['re_password'].hasError('maxlength') ? 'M\u00E1ximo 32 caracteres' :\n                updateUserForm.hasError('mismatch') ? 'Las contrase\u00F1as no coinciden' :\n                'Repita la contrase\u00F1a'\"\n            ></ipt-input>\n          </div>\n\n          <!-- Mensaje adicional para el error de mismatch (opcional, si quieres mostrarlo por separado) -->\n\n          <div *ngIf=\"updateUserForm.hasError('mismatch') && updateUserForm.controls['changePassword'].value\" class=\"error-message\">\n            <small >Las contrase\u00F1as no coinciden</small>\n          </div>\n          <!-- Parent Information Section -->\n          <div class=\"section-header\" *ngIf=\"DataStudent?.cods\">\n            <h2>Informaci\u00F3n del acudiente</h2>\n          </div>\n          <div *ngIf=\"DataStudent?.cods\">\n            <div *ngIf=\"showParentSection; else noParentMessage\">\n              <div class=\"form-grid\">\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Nombres'\"\n                  [control]=\"updateUserForm.controls['parent_name']\"\n                  [validateText]=\"'Debe ingresar el nombre'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Apellidos'\"\n                  [control]=\"updateUserForm.controls['parent_last_name']\"\n                  [validateText]=\"'Debe ingresar los apellidos'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Ocupaci\u00F3n'\"\n                  [control]=\"updateUserForm.controls['parent_occupation']\"\n                  [validateText]=\"'Debe ingresar la ocupaci\u00F3n'\"\n                ></ipt-input>\n                <ipt-input\n                  [inputType]=\"'email'\"\n                  [placeHolder]=\"'Email'\"\n                  [control]=\"updateUserForm.controls['parent_email']\"\n                  [validateText]=\"'Debe ingresar un correo v\u00E1lido'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_id_card_type'].value\"\n                  [control]=\"updateUserForm.controls['parent_id_card_type']\"\n                  [selectCode]=\"updateUserForm.controls['parent_id_card_type'].value === null ? 'Tipo de documento' : updateUserForm.controls['parent_id_card_type'].value\"\n                  [isRequired]=\"true\"\n                  [data]=\"idTypes\"\n                  (eventSelect)=\"selectIdType('parent_id_card_type', $event)\"\n                  [defaultText]=\"'Tipo de documento'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Documento'\"\n                  [control]=\"updateUserForm.controls['parent_id_card']\"\n                  [validateText]=\"'Debe ingresar el n\u00FAmero de documento'\"\n                ></ipt-input>\n                <ipt-select\n                  [initialValue]=\"updateUserForm.controls['parent_phone_indicative'].value\"\n                  [control]=\"updateUserForm.controls['parent_phone_indicative']\"\n                  [data]=\"indicatives\"\n                  (eventSelect)=\"selectIndicative('parent_phone_indicative', $event)\"\n                  [defaultText]=\"'Indicativo'\"\n                ></ipt-select>\n                <ipt-input\n                  [inputType]=\"'number'\"\n                  [placeHolder]=\"'Tel\u00E9fono'\"\n                  [control]=\"updateUserForm.controls['parent_phone_number']\"\n                  [validateText]=\"'Debe ingresar un n\u00FAmero de tel\u00E9fono v\u00E1lido'\"\n                ></ipt-input>\n\n                <ipt-input\n                  [inputType]=\"'text'\"\n                  [placeHolder]=\"'Direcci\u00F3n de oficina'\"\n                  [control]=\"updateUserForm.controls['parent_office_adrress']\"\n                  [validateText]=\"'Debe ingresar la direcci\u00F3n'\"\n                ></ipt-input>\n              </div>\n            </div>\n            <ng-template #noParentMessage>\n              <div class=\"no-parent-message\">\n                <p>Sin acudiente</p>\n              </div>\n            </ng-template>\n          </div>\n          <!-- Nueva secci\u00F3n de confirmaci\u00F3n -->\n          <!-- <div *ngIf=\"showConfirmSection\" class=\"section-header\">\n            <h2>Confirmar Ajuste</h2>\n          </div>\n          <div *ngIf=\"showConfirmSection\" class=\"form-grid\">\n            <div class=\"p-field\">\n              <label for=\"reason\">Raz\u00F3n del ajuste</label>\n              <ipt-select\n                [initialValue]=\"updateUserForm.controls['reason'].value\"\n                [control]=\"confirmForm.controls['reason'].value\" \n                [data]=\"reasons\" \n                (eventSelect)=\"selectReason($event)\" \n                [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              ></ipt-select>\n\n              <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n                La raz\u00F3n es requerida\n              </small>\n            </div>\n            <div class=\"p-field\">\n              <label for=\"observation\">Observaci\u00F3n</label>\n              <textarea \n                id=\"observation\" \n                pInputTextarea \n                formControlName=\"observation\" \n                rows=\"3\" \n                placeholder=\"Describe detalles adicionales del ajuste\"\n              ></textarea>\n              <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n                La observaci\u00F3n es requerida\n              </small>\n            </div>\n          </div> -->\n          <!-- Botones -->\n          <div class=\"buttons-container\">\n            <div class=\"buttons-container-inner\">\n              <ipt-button\n                  [buttonType]=\"'button'\"\n                  [label]=\"'Cerrar'\"\n                  [primary]=\"false\"\n                  [isEnabled]=\"true\"\n                  (onClick)=\"closeTable()\"\n              ></ipt-button>\n\n              <ipt-button\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmDialog()\"\n                [primary]=\"true\"\n                ></ipt-button>\n                <!-- (onClick)=\"updateUser()\" -->\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n  <!-- Confirm Dialog para raz\u00F3n y observaci\u00F3n -->\n  <p-confirmDialog key=\"confirmUpdate\" [style]=\"{width: '40vw'}\">\n    <ng-template pTemplate=\"header\">\n      <h3>Confirmar Ajuste de Usuario</h3>\n    </ng-template>\n    <ng-template pTemplate=\"body\">\n      <form [formGroup]=\"confirmForm\" class=\"confirm-form\">\n        <div class=\"p-field\">\n          <!-- <label for=\"reason\">Raz\u00F3n del ajuste</label> -->\n            <ipt-select\n              [initialValue]=\"confirmForm.controls['reason'].value\"\n              [control]=\"confirmForm.controls['reason'].value\" \n              [data]=\"reasons\" \n              (eventSelect)=\"selectReason($event)\" \n              [defaultText]=\"'Seleccione la raz\u00F3n'\"\n              [isRequired]=\"true\"\n            ></ipt-select>\n          <small *ngIf=\"confirmForm.controls['reason'].invalid && confirmForm.controls['reason'].touched\" class=\"p-error\">\n            La raz\u00F3n es requerida\n          </small>\n        </div>\n        <div class=\"p-field\">\n          <label for=\"observation\">Observaci\u00F3n</label>\n          <textarea\n            id=\"observation\"\n            pInputTextarea\n            formControlName=\"observation\"\n            rows=\"3\"\n            placeholder=\"Describe detalles adicionales del ajuste\"\n            [style]=\"{width: '100%'}\"\n          ></textarea>\n          <small *ngIf=\"confirmForm.controls['observation'].invalid && confirmForm.controls['observation'].touched\" class=\"p-error\">\n            La observaci\u00F3n es requerida\n          </small>\n        </div>\n      </form>\n    </ng-template>\n    <ng-template pTemplate=\"footer\">\n      <button pButton label=\"Cancelar\" class=\"p-button-secondary\" (click)=\"rejectConfirmDialog()\"></button>\n      <button pButton label=\"Confirmar\" [disabled]=\"confirmForm.invalid\" (click)=\"acceptConfirmDialog()\"></button>\n    </ng-template>\n  </p-confirmDialog>\n\n</main>", styles: ["@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100vh;width:100vw;transition:all .5s}main .modal_container{width:90%;height:-moz-fit-content;height:fit-content;max-height:90vh;overflow-y:auto;position:fixed;inset:0;margin:auto;background-color:#fff;border-radius:5px}.header_modal{display:flex;padding:15px 15px 0;gap:1rem;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1.25rem;font-weight:700}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.grid_container{display:grid;grid-template-columns:1fr;padding:0 15px}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.section-header{margin:1.5rem 0 .5rem;border-bottom:2px solid #1c77f7}.section-header h2{font-size:1.2rem;color:#1c77f7;font-weight:600;margin-bottom:.5rem}.form-grid{display:grid;grid-template-columns:1fr;gap:0px .25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.buttons-container-inner{gap:1rem;width:auto;display:flex}.user-type-image{display:none}.no-parent-message{padding:1rem;text-align:center;color:#666;font-size:1rem;font-weight:500;background-color:#f8f9fa;border-radius:.5rem;margin-top:.5rem}}@media screen and (min-width: 768px){.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0px 1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{margin-top:15px;height:1px;max-width:70%;font-family:Poppins,sans-serif;color:#000;font-size:.875rem}.error-message{color:red;font-size:12px;margin-top:5px}:host ::ng-deep .p-selectbutton{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-width:10rem}:host ::ng-deep .p-selectbutton .p-button{padding:.5rem;font-size:.875rem;height:30px}:host ::ng-deep .p-buttonset .p-button:first-of-type{height:30px}.span-status{font-family:Poppins,sans-serif;color:#999;font-size:15px;font-weight:400;pointer-events:none;transition:.2s ease all;margin-left:9px}.card-status{margin-top:15px}:host ::ng-deep .p-field{margin-bottom:1.5rem}:host ::ng-deep .p-field label{display:block;margin-bottom:.5rem;font-weight:700}.p-error{color:red;font-size:.8rem}.confirm-form{display:flex;flex-direction:column;gap:1rem}:host ::ng-deep .p-confirm-dialog .p-dialog-content{padding:1.5rem}:host ::ng-deep .p-confirm-dialog .p-dialog-footer{display:flex;justify-content:flex-end;gap:1rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: ParameterService }, { type: BaseService }, { type: UserService }, { type: i2.ConfirmationService }]; }, propDecorators: { DataStudent: [{
                 type: Input
             }], visibleModal: [{