iptdevs-design-system 3.1.981 → 3.1.983

package/fesm2015/iptdevs-design-system.mjs

@@ -4,8 +4,8 @@ import * as i3 from 'ng2-currency-mask';
 import { CurrencyMaskModule } from 'ng2-currency-mask';
 import * as i1 from '@angular/common';
 import { CommonModule, CurrencyPipe, TitleCasePipe } from '@angular/common';
-import * as i2$1 from 'primeng/api';
-import { MessageService } from 'primeng/api';
+import * as i2 from 'primeng/api';
+import { ConfirmationService, MessageService } from 'primeng/api';
 import * as i7$3 from 'primeng/tabview';
 import { TabViewModule } from 'primeng/tabview';
 import * as i1$1 from '@angular/forms';
@@ -14,24 +14,26 @@ import Swal from 'sweetalert2';
 import * as i1$2 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 import { trigger, transition, style, animate } from '@angular/animations';
-import * as i6 from 'primeng/selectbutton';
+import * as i7 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
-import * as i7 from 'primeng/checkbox';
+import * as i8 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
+import * as i9 from 'primeng/confirmdialog';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import * as i6 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
 import * as i5 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i6$1 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i7$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i2 from 'primeng/panel';
+import * as i2$1 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
 import * as i4 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
-import * as i6$2 from 'primeng/button';
-import { ButtonModule } from 'primeng/button';
 import { BehaviorSubject, finalize, map } from 'rxjs';
 import * as i11 from 'primeng/table';
 import { TableModule } from 'primeng/table';
@@ -39,12 +41,12 @@ import * as i5$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i7$2 from 'primeng/inputtextarea';
 import { InputTextareaModule } from 'primeng/inputtextarea';
-import * as i8 from 'primeng/inputtext';
+import * as i8$1 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import * as i1$3 from '@angular/router';
 import * as i5$2 from 'primeng/steps';
 import { StepsModule } from 'primeng/steps';
-import * as i9 from 'primeng/tooltip';
+import * as i9$1 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import * as i11$1 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
@@ -1855,12 +1857,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
         }] });
 
 class updateUserFormComponent {
-    constructor(fb, cdr, parameterService, baseService, userService) {
+    constructor(fb, cdr, parameterService, baseService, userService, confirmationService) {
         this.fb = fb;
         this.cdr = cdr;
         this.parameterService = parameterService;
         this.baseService = baseService;
         this.userService = userService;
+        this.confirmationService = confirmationService;
         this.visibleModal = false;
         this.closeModalIS = new EventEmitter();
         this.userUpdatedEvent = new EventEmitter();
@@ -1889,13 +1892,13 @@ class updateUserFormComponent {
         //   { name: 'Removido', code: 4 }
         // ];
         this.reasons = [
-            { label: 'Corrección de errores en datos personales', code: 1 },
-            { label: 'Actualización de contacto', code: 2 },
-            { label: 'Actualizacion de documentacion', code: 3 },
-            { label: 'correccion datos de Acudiente', code: 4 },
-            { label: 'Cambio de contraseña', code: 5 },
-            { label: '', code: 6 },
-            { label: 'Otro', code: 'otro' }
+            { name: 'Corrección de errores en datos personales', code: 1 },
+            { name: 'Correccion de documentacion', code: 2 },
+            { name: 'Actualización de contacto', code: 3 },
+            { name: 'correccion datos de Acudiente', code: 4 },
+            { name: 'Cambio de contraseña', code: 5 },
+            { name: 'Cambio de residencia', code: 6 },
+            { name: 'Otro', code: 7 }
         ];
         this.initForm();
         this.initConfirmForm();
@@ -2625,13 +2628,42 @@ class updateUserFormComponent {
             }
         });
     }
+    showConfirmDialog() {
+        if (this.updateUserForm.invalid ||
+            this.updateUserForm.hasError('mismatch') ||
+            !this.hasFormChanged()) {
+            this.updateUserForm.markAllAsTouched();
+            console.log('Validation failed:', {
+                invalid: this.updateUserForm.invalid,
+                mismatch: this.updateUserForm.hasError('mismatch'),
+                hasChanges: this.hasFormChanged()
+            });
+            return;
+        }
+        this.confirmForm.reset(); // Resetear el formulario de confirmación
+        this.confirmationService.confirm({
+            key: 'confirmUpdate',
+            accept: () => this.acceptConfirmDialog(),
+            reject: () => this.rejectConfirmDialog()
+        });
+    }
+    acceptConfirmDialog() {
+        if (this.confirmForm.invalid) {
+            this.confirmForm.markAllAsTouched();
+            return;
+        }
+        this.sendUpdateRequest();
+    }
+    rejectConfirmDialog() {
+        this.confirmForm.reset();
+    }
 }
-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 }], 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" }, 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                [data]=\"reasons\" \n                [control]=\"confirmForm.controls['reason'].value\" \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)=\"updateUser()\"\n                [primary]=\"true\"\n              ></ipt-button> -->\n              <ipt-button\n                [buttonType]=\"'button'\"\n                [label]=\"'Cerrar'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"closeTable()\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"!showConfirmSection\"\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmSectionHandler()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Confirmar y Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && confirmForm.valid\"\n                (onClick)=\"sendUpdateRequest()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Volver'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"hideConfirmSection()\"\n              ></ipt-button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\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}\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: "component", type: i6.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "component", type: i7.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: 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.ɵ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" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: updateUserFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-update-user-form', 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                [data]=\"reasons\" \n                [control]=\"confirmForm.controls['reason'].value\" \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)=\"updateUser()\"\n                [primary]=\"true\"\n              ></ipt-button> -->\n              <ipt-button\n                [buttonType]=\"'button'\"\n                [label]=\"'Cerrar'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"closeTable()\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"!showConfirmSection\"\n                [label]=\"'Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && hasFormChanged()\"\n                (onClick)=\"showConfirmSectionHandler()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Confirmar y Actualizar'\"\n                [isEnabled]=\"!loader && updateUserForm.valid && !updateUserForm.hasError('mismatch') && confirmForm.valid\"\n                (onClick)=\"sendUpdateRequest()\"\n                [primary]=\"true\"\n              ></ipt-button>\n              <ipt-button\n                *ngIf=\"showConfirmSection\"\n                [label]=\"'Volver'\"\n                [primary]=\"false\"\n                [isEnabled]=\"true\"\n                (onClick)=\"hideConfirmSection()\"\n              ></ipt-button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: ParameterService }, { type: BaseService }, { type: UserService }]; }, propDecorators: { DataStudent: [{
+            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"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: ParameterService }, { type: BaseService }, { type: UserService }, { type: i2.ConfirmationService }]; }, propDecorators: { DataStudent: [{
                 type: Input
             }], visibleModal: [{
                 type: Input
@@ -3330,7 +3362,7 @@ class CardCourseComponent {
     }
 }
 CardCourseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardCourseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardCourseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CardCourseComponent, selector: "ipt-card-course-self-cod-managed", inputs: { CourseData: "CourseData", isLoading: "isLoading" }, outputs: { codeCourse: "codeCourse" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!isLoading\" class=\"main-container\">\n\n  <!-- cards Academy -->\n  <div class=\"container__span-header flex justify-content-start\" *ngIf=\"visibleAcademy || visibleKids || visibleSchools\">\n    <span>Selecciona un Plan</span>\n  </div>\n\n  <p-panel\n  *ngIf=\"visibleAcademy\"\n  header=\"Plan Academy\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"academic_plan\"\n  class=\"academic_plan\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseAcademy\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__academic\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br> -->\n          <!-- <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Kids -->\n\n  <p-panel\n  *ngIf=\"visibleKids\"\n  header=\"Plan Kids\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_kids\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseKids\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__kids\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Schools -->\n\n  <p-panel\n  *ngIf=\"visibleSchools\"\n  header=\"Plan Schools\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_school\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseSchools\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__schools\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br>\n          <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <div class=\"container__span-footer flex justify-content-center\" *ngIf=\"!visibleAcademy && !visibleKids && !visibleSchools\">\n    <span>No se encontraron planes</span>\n  </div>\n</div>\n<div *ngIf=\"isLoading\">\n\n  <p-panel\n  header=\"\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"p-component panel-skeleton\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main class=\"flex flex-col\">\n      <section *ngFor=\"let course of skeleton\" class=\"card1 animate__animated\"  >\n        <p-skeleton width=\"12rem\" height=\"2rem\" styleClass=\"mb-2\" ></p-skeleton>\n        <p class=\"card1__content_skeleton\">\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <strong><hr></strong>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n        </p>\n        <div class=\"card1__date__skeleton\">\n        </div>\n        <div class=\"card1__arrow\" >\n          <p-skeleton size=\"3rem\" styleClass=\"mr-2\" ></p-skeleton>\n        </div>\n      </section>\n    </main>\n  </p-panel>\n\n</div>\n\n", styles: ["main{display:flex;gap:.7rem;flex-wrap:wrap}.card1{--border-radius: 3px;--primary-color: #1c77f7;--secondary-color: #2c2c2c;--tertiary-color: #ffffff;width:340px;font-family:Poppins,sans-serif;cursor:pointer;border-radius:var(--border-radius);background:#f1f1f3;box-shadow:0 8px 16px #00000008;position:relative;transition:.3s;border:solid .5px #e0e0e0}.type-theory{color:#00aecc}.type-club{color:#0d9d36}.msg-two-coup{color:#000!important;padding-left:7px;padding-right:7px;border-radius:5px;background-color:#4ed1e9}.msg-two-lev{color:#000!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#fb8f42}.beginner{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#94b9aa}.levelAone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#c4291c}.levelAonetwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#418ed1}.levelAtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#4fad65}.levelBone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#6824b8}.levelBtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#06161e}.levelBplus{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#cc6529}.main-container{margin-top:1%}.course-code{font-size:12px;font-weight:400;margin-left:.5rem}.card1:hover{box-shadow:#0000003d 0 3px 8px}.card1>*+*{margin-top:.7em}.card1 .card1__content{padding-left:10px;color:var(--secondary-color);font-size:.86rem;font-weight:200;z-index:1;position:relative}strong{color:var(--secondary-color);font-weight:300}:host ::ng-deep .p-panel .p-panel-header .p-panel-header-icon{color:#fff!important}.card1 .card1__title__academic{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep #academic_plan .p-panel .p-panel-header{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}.card1 .card1__title__kids{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_kids .p-panel .p-panel-header{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__title__schools{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_school .p-panel .p-panel-header{color:#fff!important;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__date{color:#807c7c;padding-left:10px;font-size:.4rem;z-index:1;position:relative;margin-bottom:2%;margin-top:.7rem}.card1 .card1__arrow{padding-left:10px;position:absolute;padding:.3rem;border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);bottom:0;right:0;transition:.2s;display:flex;justify-content:center;align-items:center}.card1 svg{transition:.2s}.card1:hover .card1__title{color:var(--secondary-color)}.card1:hover .card1__arrow{background:rgb(170,41,170)}.card1:hover .card1__arrow svg{transform:translate(3px)}.card1:hover strong{color:#aa29aa;font-weight:400}.card1:hover .course-code{color:#aa29aa;font-weight:500}.image-container{display:flex;border-radius:6px;width:250px;height:207px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}:host ::ng-deep .p-menubar .p-menuitem{position:relative;width:auto}.green300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#76db9b;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.red300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#e35b53;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.gray300{height:2%;width:2%;padding-right:9px;border-radius:70%;color:#9e9a99;background-color:#9e9a99;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}label{border-radius:50%}#panel-skeleton{position:relative;overflow:hidden;background:#f0f0f0}#panel-skeleton:after{content:\"\";animation:p-skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;transform:translate(-100%);z-index:1;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0))}@keyframes p-skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container__span-header,.container__span-footer{margin:20px 0;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: ScheduleFormatPipe, name: "scheduleFormat" }, { kind: "pipe", type: ScheduleTimeFormatPipe, name: "scheduleTimeFormat" }, { kind: "pipe", type: TypeLevelPipe, name: "typeLevel" }] });
+CardCourseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CardCourseComponent, selector: "ipt-card-course-self-cod-managed", inputs: { CourseData: "CourseData", isLoading: "isLoading" }, outputs: { codeCourse: "codeCourse" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"!isLoading\" class=\"main-container\">\n\n  <!-- cards Academy -->\n  <div class=\"container__span-header flex justify-content-start\" *ngIf=\"visibleAcademy || visibleKids || visibleSchools\">\n    <span>Selecciona un Plan</span>\n  </div>\n\n  <p-panel\n  *ngIf=\"visibleAcademy\"\n  header=\"Plan Academy\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"academic_plan\"\n  class=\"academic_plan\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseAcademy\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__academic\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br> -->\n          <!-- <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Kids -->\n\n  <p-panel\n  *ngIf=\"visibleKids\"\n  header=\"Plan Kids\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_kids\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseKids\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__kids\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Schools -->\n\n  <p-panel\n  *ngIf=\"visibleSchools\"\n  header=\"Plan Schools\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_school\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseSchools\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__schools\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br>\n          <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <div class=\"container__span-footer flex justify-content-center\" *ngIf=\"!visibleAcademy && !visibleKids && !visibleSchools\">\n    <span>No se encontraron planes</span>\n  </div>\n</div>\n<div *ngIf=\"isLoading\">\n\n  <p-panel\n  header=\"\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"p-component panel-skeleton\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main class=\"flex flex-col\">\n      <section *ngFor=\"let course of skeleton\" class=\"card1 animate__animated\"  >\n        <p-skeleton width=\"12rem\" height=\"2rem\" styleClass=\"mb-2\" ></p-skeleton>\n        <p class=\"card1__content_skeleton\">\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <strong><hr></strong>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n        </p>\n        <div class=\"card1__date__skeleton\">\n        </div>\n        <div class=\"card1__arrow\" >\n          <p-skeleton size=\"3rem\" styleClass=\"mr-2\" ></p-skeleton>\n        </div>\n      </section>\n    </main>\n  </p-panel>\n\n</div>\n\n", styles: ["main{display:flex;gap:.7rem;flex-wrap:wrap}.card1{--border-radius: 3px;--primary-color: #1c77f7;--secondary-color: #2c2c2c;--tertiary-color: #ffffff;width:340px;font-family:Poppins,sans-serif;cursor:pointer;border-radius:var(--border-radius);background:#f1f1f3;box-shadow:0 8px 16px #00000008;position:relative;transition:.3s;border:solid .5px #e0e0e0}.type-theory{color:#00aecc}.type-club{color:#0d9d36}.msg-two-coup{color:#000!important;padding-left:7px;padding-right:7px;border-radius:5px;background-color:#4ed1e9}.msg-two-lev{color:#000!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#fb8f42}.beginner{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#94b9aa}.levelAone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#c4291c}.levelAonetwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#418ed1}.levelAtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#4fad65}.levelBone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#6824b8}.levelBtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#06161e}.levelBplus{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#cc6529}.main-container{margin-top:1%}.course-code{font-size:12px;font-weight:400;margin-left:.5rem}.card1:hover{box-shadow:#0000003d 0 3px 8px}.card1>*+*{margin-top:.7em}.card1 .card1__content{padding-left:10px;color:var(--secondary-color);font-size:.86rem;font-weight:200;z-index:1;position:relative}strong{color:var(--secondary-color);font-weight:300}:host ::ng-deep .p-panel .p-panel-header .p-panel-header-icon{color:#fff!important}.card1 .card1__title__academic{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep #academic_plan .p-panel .p-panel-header{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}.card1 .card1__title__kids{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_kids .p-panel .p-panel-header{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__title__schools{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_school .p-panel .p-panel-header{color:#fff!important;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__date{color:#807c7c;padding-left:10px;font-size:.4rem;z-index:1;position:relative;margin-bottom:2%;margin-top:.7rem}.card1 .card1__arrow{padding-left:10px;position:absolute;padding:.3rem;border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);bottom:0;right:0;transition:.2s;display:flex;justify-content:center;align-items:center}.card1 svg{transition:.2s}.card1:hover .card1__title{color:var(--secondary-color)}.card1:hover .card1__arrow{background:rgb(170,41,170)}.card1:hover .card1__arrow svg{transform:translate(3px)}.card1:hover strong{color:#aa29aa;font-weight:400}.card1:hover .course-code{color:#aa29aa;font-weight:500}.image-container{display:flex;border-radius:6px;width:250px;height:207px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}:host ::ng-deep .p-menubar .p-menuitem{position:relative;width:auto}.green300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#76db9b;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.red300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#e35b53;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.gray300{height:2%;width:2%;padding-right:9px;border-radius:70%;color:#9e9a99;background-color:#9e9a99;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}label{border-radius:50%}#panel-skeleton{position:relative;overflow:hidden;background:#f0f0f0}#panel-skeleton:after{content:\"\";animation:p-skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;transform:translate(-100%);z-index:1;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0))}@keyframes p-skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container__span-header,.container__span-footer{margin:20px 0;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: ScheduleFormatPipe, name: "scheduleFormat" }, { kind: "pipe", type: ScheduleTimeFormatPipe, name: "scheduleTimeFormat" }, { kind: "pipe", type: TypeLevelPipe, name: "typeLevel" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardCourseComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-card-course-self-cod-managed', template: "<div *ngIf=\"!isLoading\" class=\"main-container\">\n\n  <!-- cards Academy -->\n  <div class=\"container__span-header flex justify-content-start\" *ngIf=\"visibleAcademy || visibleKids || visibleSchools\">\n    <span>Selecciona un Plan</span>\n  </div>\n\n  <p-panel\n  *ngIf=\"visibleAcademy\"\n  header=\"Plan Academy\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"academic_plan\"\n  class=\"academic_plan\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseAcademy\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__academic\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br> -->\n          <!-- <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Kids -->\n\n  <p-panel\n  *ngIf=\"visibleKids\"\n  header=\"Plan Kids\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_kids\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseKids\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__kids\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Schools -->\n\n  <p-panel\n  *ngIf=\"visibleSchools\"\n  header=\"Plan Schools\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_school\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseSchools\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__schools\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <strong>Modalidad: </strong>\n            <span *ngIf=\"course.course_modality\">{{ course.course_modality.name | titlecase }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br>\n          <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <!-- <strong><hr></strong> -->\n          <!-- <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\"> -->\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <!-- <span class=\"course-code\">Code: {{course.code}}</span> -->\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <div class=\"container__span-footer flex justify-content-center\" *ngIf=\"!visibleAcademy && !visibleKids && !visibleSchools\">\n    <span>No se encontraron planes</span>\n  </div>\n</div>\n<div *ngIf=\"isLoading\">\n\n  <p-panel\n  header=\"\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"p-component panel-skeleton\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main class=\"flex flex-col\">\n      <section *ngFor=\"let course of skeleton\" class=\"card1 animate__animated\"  >\n        <p-skeleton width=\"12rem\" height=\"2rem\" styleClass=\"mb-2\" ></p-skeleton>\n        <p class=\"card1__content_skeleton\">\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <strong><hr></strong>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n          <p-skeleton width=\"9rem\" height=\"1rem\" styleClass=\"mb-2\" ></p-skeleton>\n        </p>\n        <div class=\"card1__date__skeleton\">\n        </div>\n        <div class=\"card1__arrow\" >\n          <p-skeleton size=\"3rem\" styleClass=\"mr-2\" ></p-skeleton>\n        </div>\n      </section>\n    </main>\n  </p-panel>\n\n</div>\n\n", styles: ["main{display:flex;gap:.7rem;flex-wrap:wrap}.card1{--border-radius: 3px;--primary-color: #1c77f7;--secondary-color: #2c2c2c;--tertiary-color: #ffffff;width:340px;font-family:Poppins,sans-serif;cursor:pointer;border-radius:var(--border-radius);background:#f1f1f3;box-shadow:0 8px 16px #00000008;position:relative;transition:.3s;border:solid .5px #e0e0e0}.type-theory{color:#00aecc}.type-club{color:#0d9d36}.msg-two-coup{color:#000!important;padding-left:7px;padding-right:7px;border-radius:5px;background-color:#4ed1e9}.msg-two-lev{color:#000!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#fb8f42}.beginner{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#94b9aa}.levelAone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#c4291c}.levelAonetwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#418ed1}.levelAtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#4fad65}.levelBone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#6824b8}.levelBtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#06161e}.levelBplus{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#cc6529}.main-container{margin-top:1%}.course-code{font-size:12px;font-weight:400;margin-left:.5rem}.card1:hover{box-shadow:#0000003d 0 3px 8px}.card1>*+*{margin-top:.7em}.card1 .card1__content{padding-left:10px;color:var(--secondary-color);font-size:.86rem;font-weight:200;z-index:1;position:relative}strong{color:var(--secondary-color);font-weight:300}:host ::ng-deep .p-panel .p-panel-header .p-panel-header-icon{color:#fff!important}.card1 .card1__title__academic{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep #academic_plan .p-panel .p-panel-header{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}.card1 .card1__title__kids{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_kids .p-panel .p-panel-header{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__title__schools{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_school .p-panel .p-panel-header{color:#fff!important;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__date{color:#807c7c;padding-left:10px;font-size:.4rem;z-index:1;position:relative;margin-bottom:2%;margin-top:.7rem}.card1 .card1__arrow{padding-left:10px;position:absolute;padding:.3rem;border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);bottom:0;right:0;transition:.2s;display:flex;justify-content:center;align-items:center}.card1 svg{transition:.2s}.card1:hover .card1__title{color:var(--secondary-color)}.card1:hover .card1__arrow{background:rgb(170,41,170)}.card1:hover .card1__arrow svg{transform:translate(3px)}.card1:hover strong{color:#aa29aa;font-weight:400}.card1:hover .course-code{color:#aa29aa;font-weight:500}.image-container{display:flex;border-radius:6px;width:250px;height:207px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}:host ::ng-deep .p-menubar .p-menuitem{position:relative;width:auto}.green300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#76db9b;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.red300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#e35b53;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.gray300{height:2%;width:2%;padding-right:9px;border-radius:70%;color:#9e9a99;background-color:#9e9a99;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}label{border-radius:50%}#panel-skeleton{position:relative;overflow:hidden;background:#f0f0f0}#panel-skeleton:after{content:\"\";animation:p-skeleton-animation 1.2s infinite;height:100%;left:0;position:absolute;right:0;top:0;transform:translate(-100%);z-index:1;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0))}@keyframes p-skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container__span-header,.container__span-footer{margin:20px 0;font-weight:700}\n"] }]
@@ -3460,7 +3492,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         PipeModule,
         SkeletonModule,
         SelectButtonModule,
-        CheckboxModule], exports: [AsideButtonComponent,
+        CheckboxModule,
+        ConfirmDialogModule], exports: [AsideButtonComponent,
         ButtonComponent,
         CheckboxComponent,
         CreateUserFormComponent,
@@ -3492,7 +3525,8 @@ ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
         PipeModule,
         SkeletonModule,
         SelectButtonModule,
-        CheckboxModule, CurrencyMaskModule] });
+        CheckboxModule,
+        ConfirmDialogModule, CurrencyMaskModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ComponentsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -3527,7 +3561,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         PipeModule,
                         SkeletonModule,
                         SelectButtonModule,
-                        CheckboxModule
+                        CheckboxModule,
+                        ConfirmDialogModule
                     ],
                     exports: [
                         AsideButtonComponent,
@@ -3680,7 +3715,7 @@ class CodDocumentsSectionComponent {
     }
 }
 CodDocumentsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodDocumentsSectionComponent, deps: [{ token: i1$1.FormBuilder }, { token: MediaService }, { token: UserService }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
-CodDocumentsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodDocumentsSectionComponent, selector: "ipt-cod-documents-section", ngImport: i0, template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Estudiante'\"\n        [control]=\"documentsForm.controls['doc_student']\"\n        (change)=\"catchDocument($event, 'doc_student')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docStudent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_student')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Convenio'\"\n        [control]=\"documentsForm.controls['doc_agreement']\"\n        (change)=\"catchDocument($event, 'doc_agreement')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docAgreement\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_agreement')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Acudiente'\"\n        [control]=\"documentsForm.controls['doc_parent']\"\n        (change)=\"catchDocument($event, 'doc_parent')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docParent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_parent')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Confanorte'\"\n        [control]=\"documentsForm.controls['doc_confanorte']\"\n        (change)=\"catchDocument($event, 'doc_confanorte')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docConfanorte\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_confanorte')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\" (click)=\"filesUploaded()\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodDocumentsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodDocumentsSectionComponent, selector: "ipt-cod-documents-section", ngImport: i0, template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Estudiante'\"\n        [control]=\"documentsForm.controls['doc_student']\"\n        (change)=\"catchDocument($event, 'doc_student')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docStudent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_student')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Convenio'\"\n        [control]=\"documentsForm.controls['doc_agreement']\"\n        (change)=\"catchDocument($event, 'doc_agreement')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docAgreement\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_agreement')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Acudiente'\"\n        [control]=\"documentsForm.controls['doc_parent']\"\n        (change)=\"catchDocument($event, 'doc_parent')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docParent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_parent')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Confanorte'\"\n        [control]=\"documentsForm.controls['doc_confanorte']\"\n        (change)=\"catchDocument($event, 'doc_confanorte')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docConfanorte\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_confanorte')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\" (click)=\"filesUploaded()\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodDocumentsSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-cod-documents-section', template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Estudiante'\"\n        [control]=\"documentsForm.controls['doc_student']\"\n        (change)=\"catchDocument($event, 'doc_student')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docStudent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_student')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Convenio'\"\n        [control]=\"documentsForm.controls['doc_agreement']\"\n        (change)=\"catchDocument($event, 'doc_agreement')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docAgreement\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_agreement')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Acudiente'\"\n        [control]=\"documentsForm.controls['doc_parent']\"\n        (change)=\"catchDocument($event, 'doc_parent')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docParent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_parent')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Confanorte'\"\n        [control]=\"documentsForm.controls['doc_confanorte']\"\n        (change)=\"catchDocument($event, 'doc_confanorte')\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docConfanorte\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_confanorte')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\" (click)=\"filesUploaded()\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"] }]
@@ -4984,7 +5019,7 @@ class CodFormStepOneComponent extends CodFormSteps {
     }
 }
 CodFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: CopiesService }, { token: BaseService }, { token: CourseService }, { token: CommunicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepOneComponent, selector: "app-cod-form-step-one", inputs: { initialData: "initialData", dataPreviusCodData: "dataPreviusCodData", isEditCod: "isEditCod", courseSelectRenovation: "courseSelectRenovation", isRenovation: "isRenovation", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"codFormStepOne\" class=\"grid\">\n  <div class=\"col\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['academic_plan'].value\"\n      [selectCode]=\"codFormStepOne.controls['academic_plan'].value === null? 'Plan': codFormStepOne.controls['academic_plan'].value\"\n      [defaultText]=\"'Plan'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAcademicPlan($event)\"\n      [data]=\"plans\"\n      [control]=\"codFormStepOne.controls['academic_plan']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['course_type'].value\"\n      [selectCode]=\"codFormStepOne.controls['course_type'].value === null? 'Tipo de plan': codFormStepOne.controls['course_type'].value\"\n      [defaultText]=\"'Tipo de plan'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectCoursesTypesByPlan($event)\"\n      [data]=\"course_type\"\n      [control]=\"codFormStepOne.controls['course_type']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n  </div>\n  <div class=\"col\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['agreement_by_category'].value\"\n      [selectCode]=\"codFormStepOne.controls['agreement_by_category'].value === null? 'Convenio por categoria': codFormStepOne.controls['agreement_by_category'].value\"\n      [defaultText]=\"'Convenio por categoria'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAgreementByCategory($event)\"\n      [data]=\"agreements\"\n      [control]=\"codFormStepOne.controls['agreement_by_category']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['english_level'].value\"\n      [selectCode]=\"codFormStepOne.controls['english_level'].value === null? 'Nivel de ingl\u00E9s': codFormStepOne.controls['english_level'].value\"\n      [defaultText]=\"'Nivel de ingl\u00E9s'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectLevel($event)\"\n      [data]=\"levels\"\n      [control]=\"codFormStepOne.controls['english_level']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n  </div>\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['availible_courses'].value\"\n      [selectCode]=\"codFormStepOne.controls['availible_courses'].value === null? 'Grupos disponibles': codFormStepOne.controls['availible_courses'].value\"\n      [defaultText]=\"'Grupos disponibles'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAvailibleCourses($event)\"\n      [data]=\"availibleCourses\"\n      [control]=\"codFormStepOne.controls['availible_courses']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"isLoading\" class=\"w-1\">\n    </ipt-loader>\n  </div>\n  <span *ngIf=\"!hasAvailableCourse\" class=\"mt-1 pl-2 text-red-500\">Todav\u00EDa no hay cursos con estas caracter\u00EDsticas.</span>\n</form>\n\n<div class=\"flex mt-2 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepOne.invalid && codFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">Faltan campos por llenar.</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepOneComponent, selector: "app-cod-form-step-one", inputs: { initialData: "initialData", dataPreviusCodData: "dataPreviusCodData", isEditCod: "isEditCod", courseSelectRenovation: "courseSelectRenovation", isRenovation: "isRenovation", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"codFormStepOne\" class=\"grid\">\n  <div class=\"col\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['academic_plan'].value\"\n      [selectCode]=\"codFormStepOne.controls['academic_plan'].value === null? 'Plan': codFormStepOne.controls['academic_plan'].value\"\n      [defaultText]=\"'Plan'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAcademicPlan($event)\"\n      [data]=\"plans\"\n      [control]=\"codFormStepOne.controls['academic_plan']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['course_type'].value\"\n      [selectCode]=\"codFormStepOne.controls['course_type'].value === null? 'Tipo de plan': codFormStepOne.controls['course_type'].value\"\n      [defaultText]=\"'Tipo de plan'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectCoursesTypesByPlan($event)\"\n      [data]=\"course_type\"\n      [control]=\"codFormStepOne.controls['course_type']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n  </div>\n  <div class=\"col\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['agreement_by_category'].value\"\n      [selectCode]=\"codFormStepOne.controls['agreement_by_category'].value === null? 'Convenio por categoria': codFormStepOne.controls['agreement_by_category'].value\"\n      [defaultText]=\"'Convenio por categoria'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAgreementByCategory($event)\"\n      [data]=\"agreements\"\n      [control]=\"codFormStepOne.controls['agreement_by_category']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['english_level'].value\"\n      [selectCode]=\"codFormStepOne.controls['english_level'].value === null? 'Nivel de ingl\u00E9s': codFormStepOne.controls['english_level'].value\"\n      [defaultText]=\"'Nivel de ingl\u00E9s'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectLevel($event)\"\n      [data]=\"levels\"\n      [control]=\"codFormStepOne.controls['english_level']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n  </div>\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['availible_courses'].value\"\n      [selectCode]=\"codFormStepOne.controls['availible_courses'].value === null? 'Grupos disponibles': codFormStepOne.controls['availible_courses'].value\"\n      [defaultText]=\"'Grupos disponibles'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAvailibleCourses($event)\"\n      [data]=\"availibleCourses\"\n      [control]=\"codFormStepOne.controls['availible_courses']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"isLoading\" class=\"w-1\">\n    </ipt-loader>\n  </div>\n  <span *ngIf=\"!hasAvailableCourse\" class=\"mt-1 pl-2 text-red-500\">Todav\u00EDa no hay cursos con estas caracter\u00EDsticas.</span>\n</form>\n\n<div class=\"flex mt-2 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepOne.invalid && codFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">Faltan campos por llenar.</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepOneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-form-step-one', template: "<form [formGroup]=\"codFormStepOne\" class=\"grid\">\n  <div class=\"col\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['academic_plan'].value\"\n      [selectCode]=\"codFormStepOne.controls['academic_plan'].value === null? 'Plan': codFormStepOne.controls['academic_plan'].value\"\n      [defaultText]=\"'Plan'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAcademicPlan($event)\"\n      [data]=\"plans\"\n      [control]=\"codFormStepOne.controls['academic_plan']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['course_type'].value\"\n      [selectCode]=\"codFormStepOne.controls['course_type'].value === null? 'Tipo de plan': codFormStepOne.controls['course_type'].value\"\n      [defaultText]=\"'Tipo de plan'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectCoursesTypesByPlan($event)\"\n      [data]=\"course_type\"\n      [control]=\"codFormStepOne.controls['course_type']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n  </div>\n  <div class=\"col\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['agreement_by_category'].value\"\n      [selectCode]=\"codFormStepOne.controls['agreement_by_category'].value === null? 'Convenio por categoria': codFormStepOne.controls['agreement_by_category'].value\"\n      [defaultText]=\"'Convenio por categoria'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAgreementByCategory($event)\"\n      [data]=\"agreements\"\n      [control]=\"codFormStepOne.controls['agreement_by_category']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['english_level'].value\"\n      [selectCode]=\"codFormStepOne.controls['english_level'].value === null? 'Nivel de ingl\u00E9s': codFormStepOne.controls['english_level'].value\"\n      [defaultText]=\"'Nivel de ingl\u00E9s'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectLevel($event)\"\n      [data]=\"levels\"\n      [control]=\"codFormStepOne.controls['english_level']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n  </div>\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepOne.controls['availible_courses'].value\"\n      [selectCode]=\"codFormStepOne.controls['availible_courses'].value === null? 'Grupos disponibles': codFormStepOne.controls['availible_courses'].value\"\n      [defaultText]=\"'Grupos disponibles'\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectAvailibleCourses($event)\"\n      [data]=\"availibleCourses\"\n      [control]=\"codFormStepOne.controls['availible_courses']\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"isLoading\" class=\"w-1\">\n    </ipt-loader>\n  </div>\n  <span *ngIf=\"!hasAvailableCourse\" class=\"mt-1 pl-2 text-red-500\">Todav\u00EDa no hay cursos con estas caracter\u00EDsticas.</span>\n</form>\n\n<div class=\"flex mt-2 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepOne.invalid && codFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">Faltan campos por llenar.</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"] }]
@@ -5317,7 +5352,7 @@ class CodFormStepTwoComponent extends CodFormSteps {
     }
 }
 CodFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: { initialData: "initialData", isEditCod: "isEditCod", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepTwo\" class=\"grid\">\n\n  <div class=\"col\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nombres'\"\n      [control]=\"codFormStepTwo.controls['student_name']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['student_id_card_type'].value\"\n      [control]=\"codFormStepTwo.controls['student_id_card_type']\"\n      [selectCode]=\"codFormStepTwo.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codFormStepTwo.controls['student_id_card_type'].value\"\n      [isRequired]=\"true\"\n      [data]=\"idTypes\"\n      (eventSelect)=\"selectIdType($event)\"\n      [defaultText]=\"'Tipo de documento'\"\n      [disabledSel]=\"isDisabledSelTypeIdCard\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['country'].value\"\n      [control]=\"codFormStepTwo.controls['country']\"\n      [selectCode]=\"codFormStepTwo.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codFormStepTwo.controls['country'].value\"\n      (eventSelect)=\"selectCountry($event)\"\n      [data]=\"countries\"\n      [defaultText]=\"'Pa\u00EDs de residencia'\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['city'].value\"\n      [control]=\"codFormStepTwo.controls['city']\"\n      [selectCode]=\"codFormStepTwo.controls['city'].value === null ? 'Ciudad de residencia' : codFormStepTwo.controls['city'].value\"\n      (eventSelect)=\"selectCity($event)\"\n      [data]=\"cities\"\n      [defaultText]=\"'Ciudad de residencia'\"\n    ></ipt-select>\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepTwo.controls['birthdate']\"\n      [placeHolder]=\"'Fecha de nacimiento'\"\n    ></ipt-input>\n     <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['gender'].value\"\n      [control]=\"codFormStepTwo.controls['gender']\"\n      [data]=\"genders\"\n      (eventSelect)=\"selectGender($event)\"\n      [defaultText]=\"'G\u00E9nero'\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['stratum'].value\"\n      [control]=\"codFormStepTwo.controls['stratum']\"\n      [data]=\"stratums\"\n      (eventSelect)=\"selectStratum($event)\"\n      [defaultText]=\"'Estrato'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Grado'\"\n      [control]=\"codFormStepTwo.controls['grade']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['student_phone_indicative'].value\"\n      [control]=\"codFormStepTwo.controls['student_phone_indicative']\"\n      [data]=\"indicatives\"\n      (eventSelect)=\"selectIndicatives($event)\"\n      [defaultText]=\"'Indicativo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'email'\"\n      [placeHolder]=\"'Correo electr\u00F3nico'\"\n      [control]=\"codFormStepTwo.controls['student_email']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'password'\"\n      [placeHolder]=\"'Repetir contrase\u00F1a'\"\n      [control]=\"codFormStepTwo.controls['re_password']\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Apellidos'\"\n      [control]=\"codFormStepTwo.controls['student_last_name']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'N\u00FAmero de documento'\"\n      [control]=\"codFormStepTwo.controls['student_id_card']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['state'].value\"\n      [control]=\"codFormStepTwo.controls['state']\"\n      [selectCode]=\"codFormStepTwo.controls['state'].value === null ? 'Departamento o estado' : codFormStepTwo.controls['state'].value\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectState($event)\"\n      [data]=\"states\"\n      [defaultText]=\"'Departamento o estado'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Direcci\u00F3n'\"\n      [control]=\"codFormStepTwo.controls['student_address']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'Edad'\"\n      [control]=\"codFormStepTwo.controls['age']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nickname'\"\n      [control]=\"codFormStepTwo.controls['nickname']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Ocupaci\u00F3n'\"\n      [control]=\"codFormStepTwo.controls['student_occupation']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['civil_status'].value\"\n      [control]=\"codFormStepTwo.controls['civil_status']\"\n      [data]=\"civilStatus\"\n      (eventSelect)=\"selectCivilStatus($event)\"\n      [defaultText]=\"'Estado civil'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n      [control]=\"codFormStepTwo.controls['student_phone_number']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'password'\"\n      [placeHolder]=\"'Contrase\u00F1a'\"\n      [control]=\"codFormStepTwo.controls['password']\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\"></div>\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepTwo.invalid && codFormStepTwo.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: { initialData: "initialData", isEditCod: "isEditCod", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepTwo\" class=\"grid\">\n\n  <div class=\"col\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nombres'\"\n      [control]=\"codFormStepTwo.controls['student_name']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['student_id_card_type'].value\"\n      [control]=\"codFormStepTwo.controls['student_id_card_type']\"\n      [selectCode]=\"codFormStepTwo.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codFormStepTwo.controls['student_id_card_type'].value\"\n      [isRequired]=\"true\"\n      [data]=\"idTypes\"\n      (eventSelect)=\"selectIdType($event)\"\n      [defaultText]=\"'Tipo de documento'\"\n      [disabledSel]=\"isDisabledSelTypeIdCard\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['country'].value\"\n      [control]=\"codFormStepTwo.controls['country']\"\n      [selectCode]=\"codFormStepTwo.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codFormStepTwo.controls['country'].value\"\n      (eventSelect)=\"selectCountry($event)\"\n      [data]=\"countries\"\n      [defaultText]=\"'Pa\u00EDs de residencia'\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['city'].value\"\n      [control]=\"codFormStepTwo.controls['city']\"\n      [selectCode]=\"codFormStepTwo.controls['city'].value === null ? 'Ciudad de residencia' : codFormStepTwo.controls['city'].value\"\n      (eventSelect)=\"selectCity($event)\"\n      [data]=\"cities\"\n      [defaultText]=\"'Ciudad de residencia'\"\n    ></ipt-select>\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepTwo.controls['birthdate']\"\n      [placeHolder]=\"'Fecha de nacimiento'\"\n    ></ipt-input>\n     <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['gender'].value\"\n      [control]=\"codFormStepTwo.controls['gender']\"\n      [data]=\"genders\"\n      (eventSelect)=\"selectGender($event)\"\n      [defaultText]=\"'G\u00E9nero'\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['stratum'].value\"\n      [control]=\"codFormStepTwo.controls['stratum']\"\n      [data]=\"stratums\"\n      (eventSelect)=\"selectStratum($event)\"\n      [defaultText]=\"'Estrato'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Grado'\"\n      [control]=\"codFormStepTwo.controls['grade']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['student_phone_indicative'].value\"\n      [control]=\"codFormStepTwo.controls['student_phone_indicative']\"\n      [data]=\"indicatives\"\n      (eventSelect)=\"selectIndicatives($event)\"\n      [defaultText]=\"'Indicativo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'email'\"\n      [placeHolder]=\"'Correo electr\u00F3nico'\"\n      [control]=\"codFormStepTwo.controls['student_email']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'password'\"\n      [placeHolder]=\"'Repetir contrase\u00F1a'\"\n      [control]=\"codFormStepTwo.controls['re_password']\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Apellidos'\"\n      [control]=\"codFormStepTwo.controls['student_last_name']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'N\u00FAmero de documento'\"\n      [control]=\"codFormStepTwo.controls['student_id_card']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['state'].value\"\n      [control]=\"codFormStepTwo.controls['state']\"\n      [selectCode]=\"codFormStepTwo.controls['state'].value === null ? 'Departamento o estado' : codFormStepTwo.controls['state'].value\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectState($event)\"\n      [data]=\"states\"\n      [defaultText]=\"'Departamento o estado'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Direcci\u00F3n'\"\n      [control]=\"codFormStepTwo.controls['student_address']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'Edad'\"\n      [control]=\"codFormStepTwo.controls['age']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nickname'\"\n      [control]=\"codFormStepTwo.controls['nickname']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Ocupaci\u00F3n'\"\n      [control]=\"codFormStepTwo.controls['student_occupation']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['civil_status'].value\"\n      [control]=\"codFormStepTwo.controls['civil_status']\"\n      [data]=\"civilStatus\"\n      (eventSelect)=\"selectCivilStatus($event)\"\n      [defaultText]=\"'Estado civil'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n      [control]=\"codFormStepTwo.controls['student_phone_number']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'password'\"\n      [placeHolder]=\"'Contrase\u00F1a'\"\n      [control]=\"codFormStepTwo.controls['password']\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\"></div>\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepTwo.invalid && codFormStepTwo.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepTwoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-form-step-two', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepTwo\" class=\"grid\">\n\n  <div class=\"col\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nombres'\"\n      [control]=\"codFormStepTwo.controls['student_name']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['student_id_card_type'].value\"\n      [control]=\"codFormStepTwo.controls['student_id_card_type']\"\n      [selectCode]=\"codFormStepTwo.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codFormStepTwo.controls['student_id_card_type'].value\"\n      [isRequired]=\"true\"\n      [data]=\"idTypes\"\n      (eventSelect)=\"selectIdType($event)\"\n      [defaultText]=\"'Tipo de documento'\"\n      [disabledSel]=\"isDisabledSelTypeIdCard\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['country'].value\"\n      [control]=\"codFormStepTwo.controls['country']\"\n      [selectCode]=\"codFormStepTwo.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codFormStepTwo.controls['country'].value\"\n      (eventSelect)=\"selectCountry($event)\"\n      [data]=\"countries\"\n      [defaultText]=\"'Pa\u00EDs de residencia'\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['city'].value\"\n      [control]=\"codFormStepTwo.controls['city']\"\n      [selectCode]=\"codFormStepTwo.controls['city'].value === null ? 'Ciudad de residencia' : codFormStepTwo.controls['city'].value\"\n      (eventSelect)=\"selectCity($event)\"\n      [data]=\"cities\"\n      [defaultText]=\"'Ciudad de residencia'\"\n    ></ipt-select>\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepTwo.controls['birthdate']\"\n      [placeHolder]=\"'Fecha de nacimiento'\"\n    ></ipt-input>\n     <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['gender'].value\"\n      [control]=\"codFormStepTwo.controls['gender']\"\n      [data]=\"genders\"\n      (eventSelect)=\"selectGender($event)\"\n      [defaultText]=\"'G\u00E9nero'\"\n    ></ipt-select>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['stratum'].value\"\n      [control]=\"codFormStepTwo.controls['stratum']\"\n      [data]=\"stratums\"\n      (eventSelect)=\"selectStratum($event)\"\n      [defaultText]=\"'Estrato'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Grado'\"\n      [control]=\"codFormStepTwo.controls['grade']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['student_phone_indicative'].value\"\n      [control]=\"codFormStepTwo.controls['student_phone_indicative']\"\n      [data]=\"indicatives\"\n      (eventSelect)=\"selectIndicatives($event)\"\n      [defaultText]=\"'Indicativo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'email'\"\n      [placeHolder]=\"'Correo electr\u00F3nico'\"\n      [control]=\"codFormStepTwo.controls['student_email']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'password'\"\n      [placeHolder]=\"'Repetir contrase\u00F1a'\"\n      [control]=\"codFormStepTwo.controls['re_password']\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Apellidos'\"\n      [control]=\"codFormStepTwo.controls['student_last_name']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'N\u00FAmero de documento'\"\n      [control]=\"codFormStepTwo.controls['student_id_card']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['state'].value\"\n      [control]=\"codFormStepTwo.controls['state']\"\n      [selectCode]=\"codFormStepTwo.controls['state'].value === null ? 'Departamento o estado' : codFormStepTwo.controls['state'].value\"\n      [isRequired]=\"true\"\n      (eventSelect)=\"selectState($event)\"\n      [data]=\"states\"\n      [defaultText]=\"'Departamento o estado'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Direcci\u00F3n'\"\n      [control]=\"codFormStepTwo.controls['student_address']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'Edad'\"\n      [control]=\"codFormStepTwo.controls['age']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Nickname'\"\n      [control]=\"codFormStepTwo.controls['nickname']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Ocupaci\u00F3n'\"\n      [control]=\"codFormStepTwo.controls['student_occupation']\"\n    ></ipt-input>\n    <ipt-select\n      [initialValue]=\"codFormStepTwo.controls['civil_status'].value\"\n      [control]=\"codFormStepTwo.controls['civil_status']\"\n      [data]=\"civilStatus\"\n      (eventSelect)=\"selectCivilStatus($event)\"\n      [defaultText]=\"'Estado civil'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'number'\"\n      [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n      [control]=\"codFormStepTwo.controls['student_phone_number']\"\n    ></ipt-input>\n    <ipt-input\n      [inputType]=\"'password'\"\n      [placeHolder]=\"'Contrase\u00F1a'\"\n      [control]=\"codFormStepTwo.controls['password']\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\"></div>\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepTwo.invalid && codFormStepTwo.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"] }]
@@ -5532,7 +5567,7 @@ class CodFormStepThreeComponent extends CodFormSteps {
     }
 }
 CodFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepThreeComponent, deps: [{ token: i1$1.FormBuilder }, { token: CodFormControls }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", inputs: { initialData: "initialData", isEditCod: "isEditCod", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepThree\"class=\"grid\">\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepThree.controls['needAtendant'].value\"\n      [control]=\"codFormStepThree.controls['needAtendant']\"\n      (eventSelect)=\"selectNeedAtendant($event)\"\n      [data]=\"needAtendants\"\n      [defaultText]=\"'Requiere acudiente'\"\n    ></ipt-select>\n  </div>\n\n  <div *ngIf=\"needAtendant()\" class=\"grid col-12\">\n    <div class=\"col-12 md:col-6\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepThree.controls['parent_name']\"\n      ></ipt-input>\n      <ipt-select\n        [initialValue]=\"codFormStepThree.controls['parent_id_card_type'].value\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdTypeParents($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n        [control]=\"codFormStepThree.controls['parent_id_card_type']\"\n      ></ipt-select>\n      <ipt-select\n        [initialValue]=\"codFormStepThree.controls['parent_phone_indicative'].value\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicativesParents($event)\"\n        [defaultText]=\"'Indicativo'\"\n        [control]=\"codFormStepThree.controls['parent_phone_indicative']\"\n      ></ipt-select>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Ocupaci\u00F3n'\"\n        [control]=\"codFormStepThree.controls['parent_occupation']\"\n      ></ipt-input>\n    </div>\n    <div class=\"col-12 md:col-6\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codFormStepThree.controls['parent_last_name']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codFormStepThree.controls['parent_id_card']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codFormStepThree.controls['parent_phone_number']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Direcci\u00F3n - Oficina'\"\n        [control]=\"codFormStepThree.controls['parent_address']\"\n      ></ipt-input>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"(codFormStepThree.invalid && codFormStepThree.touched) && needAtendant()\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", inputs: { initialData: "initialData", isEditCod: "isEditCod", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepThree\"class=\"grid\">\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepThree.controls['needAtendant'].value\"\n      [control]=\"codFormStepThree.controls['needAtendant']\"\n      (eventSelect)=\"selectNeedAtendant($event)\"\n      [data]=\"needAtendants\"\n      [defaultText]=\"'Requiere acudiente'\"\n    ></ipt-select>\n  </div>\n\n  <div *ngIf=\"needAtendant()\" class=\"grid col-12\">\n    <div class=\"col-12 md:col-6\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepThree.controls['parent_name']\"\n      ></ipt-input>\n      <ipt-select\n        [initialValue]=\"codFormStepThree.controls['parent_id_card_type'].value\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdTypeParents($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n        [control]=\"codFormStepThree.controls['parent_id_card_type']\"\n      ></ipt-select>\n      <ipt-select\n        [initialValue]=\"codFormStepThree.controls['parent_phone_indicative'].value\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicativesParents($event)\"\n        [defaultText]=\"'Indicativo'\"\n        [control]=\"codFormStepThree.controls['parent_phone_indicative']\"\n      ></ipt-select>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Ocupaci\u00F3n'\"\n        [control]=\"codFormStepThree.controls['parent_occupation']\"\n      ></ipt-input>\n    </div>\n    <div class=\"col-12 md:col-6\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codFormStepThree.controls['parent_last_name']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codFormStepThree.controls['parent_id_card']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codFormStepThree.controls['parent_phone_number']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Direcci\u00F3n - Oficina'\"\n        [control]=\"codFormStepThree.controls['parent_address']\"\n      ></ipt-input>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"(codFormStepThree.invalid && codFormStepThree.touched) && needAtendant()\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepThreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-form-step-three', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepThree\"class=\"grid\">\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepThree.controls['needAtendant'].value\"\n      [control]=\"codFormStepThree.controls['needAtendant']\"\n      (eventSelect)=\"selectNeedAtendant($event)\"\n      [data]=\"needAtendants\"\n      [defaultText]=\"'Requiere acudiente'\"\n    ></ipt-select>\n  </div>\n\n  <div *ngIf=\"needAtendant()\" class=\"grid col-12\">\n    <div class=\"col-12 md:col-6\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepThree.controls['parent_name']\"\n      ></ipt-input>\n      <ipt-select\n        [initialValue]=\"codFormStepThree.controls['parent_id_card_type'].value\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdTypeParents($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n        [control]=\"codFormStepThree.controls['parent_id_card_type']\"\n      ></ipt-select>\n      <ipt-select\n        [initialValue]=\"codFormStepThree.controls['parent_phone_indicative'].value\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicativesParents($event)\"\n        [defaultText]=\"'Indicativo'\"\n        [control]=\"codFormStepThree.controls['parent_phone_indicative']\"\n      ></ipt-select>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Ocupaci\u00F3n'\"\n        [control]=\"codFormStepThree.controls['parent_occupation']\"\n      ></ipt-input>\n    </div>\n    <div class=\"col-12 md:col-6\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codFormStepThree.controls['parent_last_name']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codFormStepThree.controls['parent_id_card']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codFormStepThree.controls['parent_phone_number']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Direcci\u00F3n - Oficina'\"\n        [control]=\"codFormStepThree.controls['parent_address']\"\n      ></ipt-input>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"(codFormStepThree.invalid && codFormStepThree.touched) && needAtendant()\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <button type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"] }]
@@ -6065,7 +6100,7 @@ class CodFormStepFourComponent extends CodFormSteps {
     }
 }
 CodFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: CalculateQuotesService$1 }, { token: CodFormControls }, { token: CommercialService }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: { isEditCod: "isEditCod", initialData: "initialData", isRenovation: "isRenovation" }, outputs: { changeStepEvent: "changeStepEvent", financingData: "financingData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n  <strong>Nota: </strong>\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n      [control]=\"codFormStepFour.controls['payment_method']\"\n      (eventSelect)=\"selectPaymentMethod($event)\"\n      [data]=\"paymentMethods\"\n      [defaultText]=\"'M\u00E9todo de pago'\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n    <div class=\"col-12\" *ngIf=\"thereArePlans\">\n      <p-table\n        [value]=\"dataPrices\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n             Seleccion de niveles a cancelar.\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td class=\"text-center\">{{ data.paid_level }} Nivel(es)</td>\n            <td class=\"text-center\">{{ data.fee_number }}</td>\n            <td class=\"pt-2 pb-2 text-center\">\n              <button\n                pButton\n                pRipple\n                icon=\"pi pi-money-bill\"\n                class=\"p-button-sm p-button-rounded\"\n                (click)=\"selectLevels(data)\"\n\n              ></button>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n\n    <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n    <!-- <ipt-select *ngIf=\"isFinanced();\"\n      [initialValue]=\"'1'\"\n      [control]=\"codFormStepFour.controls['quota_times']\"\n      (eventSelect)=\"selectQuotas($event)\"\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\n      [data]=\"codPrices\"\n      ></ipt-select> -->\n    </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n      [control]=\"codFormStepFour.controls['total_price']\"\n      [withPipe]=\"true\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [withPipe]=\"true\"\n      [inputType]=\"'text'\"\n      [control]=\"codFormStepFour.controls['program_price']\"\n      [placeHolder]=\"'Valor total del programa'\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepFour.controls['payment_date']\"\n      [placeHolder]=\"'Fecha de pago'\"\n    ></ipt-input>\n  </div>\n\n  <!-- Tabla de financiaci\u00F3n -->\n   <div *ngIf=\"isFinancing && isRenovation === false\" class=\"container_tablet\">\n    <div class=\"col-12\" *ngIf=\"isFinancing\">\n      <p-table\n        [value]=\"dataFinancing\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n            C\u00E1lculo de cuotas\n            <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">#</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Valor</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Fecha</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td class=\"p-0 text-center text-sm\">{{ data[0] }}</td>\n            <td class=\"p-0 text-center text-sm\">{{ data[1] }}</td>\n            <td class=\"p-0 text-center text-sm\">{{ data[2] }}</td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  </div>\n  <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <div class=\"flex ml-auto gap-2\">\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n  </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}.container_tablet{width:-webkit-fill-available}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: { isEditCod: "isEditCod", initialData: "initialData", isRenovation: "isRenovation" }, outputs: { changeStepEvent: "changeStepEvent", financingData: "financingData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n  <strong>Nota: </strong>\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n      [control]=\"codFormStepFour.controls['payment_method']\"\n      (eventSelect)=\"selectPaymentMethod($event)\"\n      [data]=\"paymentMethods\"\n      [defaultText]=\"'M\u00E9todo de pago'\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n    <div class=\"col-12\" *ngIf=\"thereArePlans\">\n      <p-table\n        [value]=\"dataPrices\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n             Seleccion de niveles a cancelar.\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td class=\"text-center\">{{ data.paid_level }} Nivel(es)</td>\n            <td class=\"text-center\">{{ data.fee_number }}</td>\n            <td class=\"pt-2 pb-2 text-center\">\n              <button\n                pButton\n                pRipple\n                icon=\"pi pi-money-bill\"\n                class=\"p-button-sm p-button-rounded\"\n                (click)=\"selectLevels(data)\"\n\n              ></button>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n\n    <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n    <!-- <ipt-select *ngIf=\"isFinanced();\"\n      [initialValue]=\"'1'\"\n      [control]=\"codFormStepFour.controls['quota_times']\"\n      (eventSelect)=\"selectQuotas($event)\"\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\n      [data]=\"codPrices\"\n      ></ipt-select> -->\n    </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n      [control]=\"codFormStepFour.controls['total_price']\"\n      [withPipe]=\"true\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [withPipe]=\"true\"\n      [inputType]=\"'text'\"\n      [control]=\"codFormStepFour.controls['program_price']\"\n      [placeHolder]=\"'Valor total del programa'\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepFour.controls['payment_date']\"\n      [placeHolder]=\"'Fecha de pago'\"\n    ></ipt-input>\n  </div>\n\n  <!-- Tabla de financiaci\u00F3n -->\n   <div *ngIf=\"isFinancing && isRenovation === false\" class=\"container_tablet\">\n    <div class=\"col-12\" *ngIf=\"isFinancing\">\n      <p-table\n        [value]=\"dataFinancing\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n            C\u00E1lculo de cuotas\n            <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">#</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Valor</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Fecha</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td class=\"p-0 text-center text-sm\">{{ data[0] }}</td>\n            <td class=\"p-0 text-center text-sm\">{{ data[1] }}</td>\n            <td class=\"p-0 text-center text-sm\">{{ data[2] }}</td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  </div>\n  <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <div class=\"flex ml-auto gap-2\">\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n  </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}.container_tablet{width:-webkit-fill-available}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFourComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-form-step-four', template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n  <strong>Nota: </strong>\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n      [control]=\"codFormStepFour.controls['payment_method']\"\n      (eventSelect)=\"selectPaymentMethod($event)\"\n      [data]=\"paymentMethods\"\n      [defaultText]=\"'M\u00E9todo de pago'\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n    <div class=\"col-12\" *ngIf=\"thereArePlans\">\n      <p-table\n        [value]=\"dataPrices\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n             Seleccion de niveles a cancelar.\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td class=\"text-center\">{{ data.paid_level }} Nivel(es)</td>\n            <td class=\"text-center\">{{ data.fee_number }}</td>\n            <td class=\"pt-2 pb-2 text-center\">\n              <button\n                pButton\n                pRipple\n                icon=\"pi pi-money-bill\"\n                class=\"p-button-sm p-button-rounded\"\n                (click)=\"selectLevels(data)\"\n\n              ></button>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n\n    <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n    <!-- <ipt-select *ngIf=\"isFinanced();\"\n      [initialValue]=\"'1'\"\n      [control]=\"codFormStepFour.controls['quota_times']\"\n      (eventSelect)=\"selectQuotas($event)\"\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\n      [data]=\"codPrices\"\n      ></ipt-select> -->\n    </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n      [control]=\"codFormStepFour.controls['total_price']\"\n      [withPipe]=\"true\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [withPipe]=\"true\"\n      [inputType]=\"'text'\"\n      [control]=\"codFormStepFour.controls['program_price']\"\n      [placeHolder]=\"'Valor total del programa'\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepFour.controls['payment_date']\"\n      [placeHolder]=\"'Fecha de pago'\"\n    ></ipt-input>\n  </div>\n\n  <!-- Tabla de financiaci\u00F3n -->\n   <div *ngIf=\"isFinancing && isRenovation === false\" class=\"container_tablet\">\n    <div class=\"col-12\" *ngIf=\"isFinancing\">\n      <p-table\n        [value]=\"dataFinancing\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n            C\u00E1lculo de cuotas\n            <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">#</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Valor</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Fecha</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td class=\"p-0 text-center text-sm\">{{ data[0] }}</td>\n            <td class=\"p-0 text-center text-sm\">{{ data[1] }}</td>\n            <td class=\"p-0 text-center text-sm\">{{ data[2] }}</td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n  </div>\n  <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <div class=\"flex ml-auto gap-2\">\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n  </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}.container_tablet{width:-webkit-fill-available}\n"] }]
@@ -6148,7 +6183,7 @@ class ModalReferredComponent {
     }
 }
 ModalReferredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, deps: [{ token: i1$1.FormBuilder }, { token: BaseService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
-ModalReferredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: { visibility: "visibility" }, outputs: { userSelect: "userSelect" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Datos de quien lo refiere</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <section\n          id=\"container\"\n          class=\"flex flex-column bg-white border-round-2xl\"\n        >\n          <form\n            autocomplete=\"off\"\n            (ngSubmit)=\"search(searchUserForm)\"\n            class=\"form\"\n            [formGroup]=\"searchUserForm\"\n          >\n            <input\n              placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n              [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n              type=\"text\"\n              pInputText\n            />\n            <p-button\n              type=\"submit\"\n              label=\"Buscar\"\n              icon=\"pi pi-search\"\n              (onClick)=\"load(0, searchUserForm)\"\n            ></p-button>\n          </form>\n        </section>\n\n        <div *ngIf=\"userExists\" class=\"referrerInformation\">\n          <section class=\"userList\">\n              <p-table\n                [value]=\"allUsers\"\n                [scrollable]=\"true\"\n                scrollHeight=\"150px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Admin</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-user>\n                    <tr>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.id_card}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.last_name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.email}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-right\">{{user.phone_number}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-center\">{{user.role}}</td>\n                        <td class=\"pt-2 pb-2 min-w-min\" style=\"text-align: center\">\n                          <p-button\n                          icon=\"pi pi-chevron-circle-right\"\n                          (click)=\"selectUser(user)\"\n                        ></p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n          </section>\n        </div>\n      </div>\n    </div>\n  </div>\n</main>\n", styles: [":host ::ng-deep .p-datatable .p-datatable-header{background:#3c82f6;color:#2e2e2e;border:1px solid #dee2e6;padding:0 0 15px;font-weight:500;height:2rem;border-top-left-radius:5px;border-top-right-radius:5px}:host ::ng-deep .p-datatable-table{padding-left:.5rem;padding-right:.5rem}#container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100%;width:100vw;transition:all .5s;z-index:999}.referrerInformation{overflow:auto}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:3px}.btn_select{margin:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:700;margin-bottom:0}.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}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px;margin-bottom:1rem}form{display:flex;justify-content:start;flex-wrap:nowrap;flex-direction:row;align-items:center}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{gap:1rem;height:90px}.header_modal h1{font-size:1.25rem}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i6$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]" }] });
+ModalReferredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: { visibility: "visibility" }, outputs: { userSelect: "userSelect" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Datos de quien lo refiere</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <section\n          id=\"container\"\n          class=\"flex flex-column bg-white border-round-2xl\"\n        >\n          <form\n            autocomplete=\"off\"\n            (ngSubmit)=\"search(searchUserForm)\"\n            class=\"form\"\n            [formGroup]=\"searchUserForm\"\n          >\n            <input\n              placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n              [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n              type=\"text\"\n              pInputText\n            />\n            <p-button\n              type=\"submit\"\n              label=\"Buscar\"\n              icon=\"pi pi-search\"\n              (onClick)=\"load(0, searchUserForm)\"\n            ></p-button>\n          </form>\n        </section>\n\n        <div *ngIf=\"userExists\" class=\"referrerInformation\">\n          <section class=\"userList\">\n              <p-table\n                [value]=\"allUsers\"\n                [scrollable]=\"true\"\n                scrollHeight=\"150px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Admin</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-user>\n                    <tr>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.id_card}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.last_name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.email}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-right\">{{user.phone_number}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-center\">{{user.role}}</td>\n                        <td class=\"pt-2 pb-2 min-w-min\" style=\"text-align: center\">\n                          <p-button\n                          icon=\"pi pi-chevron-circle-right\"\n                          (click)=\"selectUser(user)\"\n                        ></p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n          </section>\n        </div>\n      </div>\n    </div>\n  </div>\n</main>\n", styles: [":host ::ng-deep .p-datatable .p-datatable-header{background:#3c82f6;color:#2e2e2e;border:1px solid #dee2e6;padding:0 0 15px;font-weight:500;height:2rem;border-top-left-radius:5px;border-top-right-radius:5px}:host ::ng-deep .p-datatable-table{padding-left:.5rem;padding-right:.5rem}#container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100%;width:100vw;transition:all .5s;z-index:999}.referrerInformation{overflow:auto}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:3px}.btn_select{margin:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:700;margin-bottom:0}.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}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px;margin-bottom:1rem}form{display:flex;justify-content:start;flex-wrap:nowrap;flex-direction:row;align-items:center}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{gap:1rem;height:90px}.header_modal h1{font-size:1.25rem}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i8$1.InputText, selector: "[pInputText]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cod-modal-referred', template: "<main *ngIf=\"visibility\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Datos de quien lo refiere</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <section\n          id=\"container\"\n          class=\"flex flex-column bg-white border-round-2xl\"\n        >\n          <form\n            autocomplete=\"off\"\n            (ngSubmit)=\"search(searchUserForm)\"\n            class=\"form\"\n            [formGroup]=\"searchUserForm\"\n          >\n            <input\n              placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n              [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n              type=\"text\"\n              pInputText\n            />\n            <p-button\n              type=\"submit\"\n              label=\"Buscar\"\n              icon=\"pi pi-search\"\n              (onClick)=\"load(0, searchUserForm)\"\n            ></p-button>\n          </form>\n        </section>\n\n        <div *ngIf=\"userExists\" class=\"referrerInformation\">\n          <section class=\"userList\">\n              <p-table\n                [value]=\"allUsers\"\n                [scrollable]=\"true\"\n                scrollHeight=\"150px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Admin</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-user>\n                    <tr>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.id_card}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.last_name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.email}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-right\">{{user.phone_number}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-center\">{{user.role}}</td>\n                        <td class=\"pt-2 pb-2 min-w-min\" style=\"text-align: center\">\n                          <p-button\n                          icon=\"pi pi-chevron-circle-right\"\n                          (click)=\"selectUser(user)\"\n                        ></p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n          </section>\n        </div>\n      </div>\n    </div>\n  </div>\n</main>\n", styles: [":host ::ng-deep .p-datatable .p-datatable-header{background:#3c82f6;color:#2e2e2e;border:1px solid #dee2e6;padding:0 0 15px;font-weight:500;height:2rem;border-top-left-radius:5px;border-top-right-radius:5px}:host ::ng-deep .p-datatable-table{padding-left:.5rem;padding-right:.5rem}#container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100%;width:100vw;transition:all .5s;z-index:999}.referrerInformation{overflow:auto}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:3px}.btn_select{margin:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:700;margin-bottom:0}.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}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px;margin-bottom:1rem}form{display:flex;justify-content:start;flex-wrap:nowrap;flex-direction:row;align-items:center}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{gap:1rem;height:90px}.header_modal h1{font-size:1.25rem}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"] }]
@@ -6357,7 +6392,7 @@ class CodFormStepFiveComponent extends CodFormSteps {
     }
 }
 CodFormStepFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData", isEditCod: "isEditCod", isRenovation: "isRenovation", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <div class=\"container_referred flex flex-row justify-content-between align-items-end\">\n      <div class=\"containe_select1\">\n        <ipt-select\n          [control]=\"codFormStepFive.controls['marketing_reasons']\"\n          [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n          (eventSelect)=\"selectMarketingReasons($event)\"\n          [data]=\"marketingReasons\"\n          [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n        ></ipt-select>\n      </div>\n      <p-button\n      *ngIf=\"visbleReferred\"\n      styleClass=\"p-button-sm w-max\"\n      label=\"Cambiar Referido\"\n      icon=\"pi pi-sync\"\n      (onClick)=\"openModalReferred()\"\n    ></p-button>\n    </div>\n\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"visbleReferred\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"visbleReferred\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n  type=\"submit\"\n  [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-success p-button-sm'\"\n  (click)=\"sendForm()\"\n  pButton\n  [label]=\"sendFormMsg\"\n  icon=\"pi pi-check\"\n></button>\n</div>\n", styles: [":host ::ng-deep .p-button.p-button-sm{padding:.4rem!important}.yellow-300{background-color:var(--yellow-500)!important;color:#fff}@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:3px;padding:.5rem}.referred_title{font-size:.8rem;font-weight:400;padding-left:1rem;color:#6c757d}.containe_select1{width:100%}}@media screen and (min-width: 768px){.referred_user_data{grid-template-columns:1fr 1fr}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i5$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { 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: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i6$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i7$2.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: ["visibility"], outputs: ["userSelect"] }] });
+CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData", isEditCod: "isEditCod", isRenovation: "isRenovation", parametersAll: "parametersAll" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <div class=\"container_referred flex flex-row justify-content-between align-items-end\">\n      <div class=\"containe_select1\">\n        <ipt-select\n          [control]=\"codFormStepFive.controls['marketing_reasons']\"\n          [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n          (eventSelect)=\"selectMarketingReasons($event)\"\n          [data]=\"marketingReasons\"\n          [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n        ></ipt-select>\n      </div>\n      <p-button\n      *ngIf=\"visbleReferred\"\n      styleClass=\"p-button-sm w-max\"\n      label=\"Cambiar Referido\"\n      icon=\"pi pi-sync\"\n      (onClick)=\"openModalReferred()\"\n    ></p-button>\n    </div>\n\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"visbleReferred\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"visbleReferred\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n  type=\"submit\"\n  [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-success p-button-sm'\"\n  (click)=\"sendForm()\"\n  pButton\n  [label]=\"sendFormMsg\"\n  icon=\"pi pi-check\"\n></button>\n</div>\n", styles: [":host ::ng-deep .p-button.p-button-sm{padding:.4rem!important}.yellow-300{background-color:var(--yellow-500)!important;color:#fff}@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:3px;padding:.5rem}.referred_title{font-size:.8rem;font-weight:400;padding-left:1rem;color:#6c757d}.containe_select1{width:100%}}@media screen and (min-width: 768px){.referred_user_data{grid-template-columns:1fr 1fr}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i5$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { 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: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i7$2.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: ["visibility"], outputs: ["userSelect"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <div class=\"container_referred flex flex-row justify-content-between align-items-end\">\n      <div class=\"containe_select1\">\n        <ipt-select\n          [control]=\"codFormStepFive.controls['marketing_reasons']\"\n          [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n          (eventSelect)=\"selectMarketingReasons($event)\"\n          [data]=\"marketingReasons\"\n          [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n        ></ipt-select>\n      </div>\n      <p-button\n      *ngIf=\"visbleReferred\"\n      styleClass=\"p-button-sm w-max\"\n      label=\"Cambiar Referido\"\n      icon=\"pi pi-sync\"\n      (onClick)=\"openModalReferred()\"\n    ></p-button>\n    </div>\n\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"visbleReferred\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"visbleReferred\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n  type=\"submit\"\n  [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-success p-button-sm'\"\n  (click)=\"sendForm()\"\n  pButton\n  [label]=\"sendFormMsg\"\n  icon=\"pi pi-check\"\n></button>\n</div>\n", styles: [":host ::ng-deep .p-button.p-button-sm{padding:.4rem!important}.yellow-300{background-color:var(--yellow-500)!important;color:#fff}@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:3px;padding:.5rem}.referred_title{font-size:.8rem;font-weight:400;padding-left:1rem;color:#6c757d}.containe_select1{width:100%}}@media screen and (min-width: 768px){.referred_user_data{grid-template-columns:1fr 1fr}}\n"] }]
@@ -8633,12 +8668,12 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
         this.visible = false;
     }
 }
-CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: i2$1.MessageService }, { token: UserService }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: { userStudent: "userStudent" }, outputs: { completed: "completed", idTypesChanged: "idTypesChanged" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n      <!-- <i class=\"pi pi-user-edit icon__tittle\"></i> -->\n      <h2>Datos Personales</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n  </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['grade'].value\"\n        [control]=\"codSelfFormStepOne.controls['grade']\"\n        [data]=\"grades\"\n        (eventSelect)=\"selectGrade($event)\"\n        [defaultText]=\"'Grado Educativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['grade'].invalid && codSelfFormStepOne.controls['grade'].touched\">\n        <span class=\"error-message\">Por favor selecciona un grado educativo</span>\n      </div>\n      <ipt-select\n      *ngIf=\"showAgreementSelect\"\n      [initialValue]=\"codSelfFormStepOne.controls['agreement_by_category'].value\"\n      [control]=\"codSelfFormStepOne.controls['agreement_by_category']\"\n      [data]=\"agreements\"\n      (eventSelect)=\"selectAgreement($event)\"\n      [defaultText]=\"'Convenio'\"\n    ></ipt-select>\n    <div *ngIf=\"codSelfFormStepOne.controls['agreement_by_category'].invalid && codSelfFormStepOne.controls['agreement_by_category'].touched\">\n      <span class=\"error-message\">Por favor selecciona un convenio valido</span>\n    </div>\n    </form>\n\n    <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n", styles: [".container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.icon__tittle{color:#2563eb}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
+CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: i2.MessageService }, { token: UserService }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: { userStudent: "userStudent" }, outputs: { completed: "completed", idTypesChanged: "idTypesChanged" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n      <!-- <i class=\"pi pi-user-edit icon__tittle\"></i> -->\n      <h2>Datos Personales</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n  </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['grade'].value\"\n        [control]=\"codSelfFormStepOne.controls['grade']\"\n        [data]=\"grades\"\n        (eventSelect)=\"selectGrade($event)\"\n        [defaultText]=\"'Grado Educativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['grade'].invalid && codSelfFormStepOne.controls['grade'].touched\">\n        <span class=\"error-message\">Por favor selecciona un grado educativo</span>\n      </div>\n      <ipt-select\n      *ngIf=\"showAgreementSelect\"\n      [initialValue]=\"codSelfFormStepOne.controls['agreement_by_category'].value\"\n      [control]=\"codSelfFormStepOne.controls['agreement_by_category']\"\n      [data]=\"agreements\"\n      (eventSelect)=\"selectAgreement($event)\"\n      [defaultText]=\"'Convenio'\"\n    ></ipt-select>\n    <div *ngIf=\"codSelfFormStepOne.controls['agreement_by_category'].invalid && codSelfFormStepOne.controls['agreement_by_category'].touched\">\n      <span class=\"error-message\">Por favor selecciona un convenio valido</span>\n    </div>\n    </form>\n\n    <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n", styles: [".container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.icon__tittle{color:#2563eb}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n      <!-- <i class=\"pi pi-user-edit icon__tittle\"></i> -->\n      <h2>Datos Personales</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n  </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['grade'].value\"\n        [control]=\"codSelfFormStepOne.controls['grade']\"\n        [data]=\"grades\"\n        (eventSelect)=\"selectGrade($event)\"\n        [defaultText]=\"'Grado Educativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['grade'].invalid && codSelfFormStepOne.controls['grade'].touched\">\n        <span class=\"error-message\">Por favor selecciona un grado educativo</span>\n      </div>\n      <ipt-select\n      *ngIf=\"showAgreementSelect\"\n      [initialValue]=\"codSelfFormStepOne.controls['agreement_by_category'].value\"\n      [control]=\"codSelfFormStepOne.controls['agreement_by_category']\"\n      [data]=\"agreements\"\n      (eventSelect)=\"selectAgreement($event)\"\n      [defaultText]=\"'Convenio'\"\n    ></ipt-select>\n    <div *ngIf=\"codSelfFormStepOne.controls['agreement_by_category'].invalid && codSelfFormStepOne.controls['agreement_by_category'].touched\">\n      <span class=\"error-message\">Por favor selecciona un convenio valido</span>\n    </div>\n    </form>\n\n    <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n", styles: [".container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.icon__tittle{color:#2563eb}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: i2$1.MessageService }, { type: UserService }, { type: BaseService }]; }, propDecorators: { userStudent: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: i2.MessageService }, { type: UserService }, { type: BaseService }]; }, propDecorators: { userStudent: [{
                 type: Input
             }], completed: [{
                 type: Output
@@ -8793,12 +8828,12 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
         window.open('https://test.inglesparatodos.edu.co/', '_blank');
     }
 }
-CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }, { token: BaseService }, { token: AcademicService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: { scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <div class=\"title_step\">\n      <h2 class=\"title\">Planes</h2>\n      <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mt-4 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    </div>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n      </p-toast>\n\n      <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n        <div class=\"container-button\" *ngIf=\"!SearchData\">\n          <ipt-button\n            [label]=\"'Filtrar'\"\n            (onClick)=\"filterAgain()\"\n            [primary]=\"true\">\n          </ipt-button>\n        </div>\n\n        <div *ngIf=\"SearchData\">\n          <p-accordion [multiple]=\"true\" [activeIndex]=\"[0]\">\n            <p-accordionTab header=\"Jornada\">\n              <div class=\"containerDay\">\n                <div class=\"checkBox flex flex-wrap justify-content-between m-3 gap-3\">\n                  <div *ngFor=\"let dayW of schedules; index as ind\" class=\"field-checkbox\">\n                    <p-checkbox\n                      name=\"group2\"\n                      value=\"category\"\n                      [value]=\"dayW\"\n                      [(ngModel)]=\"selectedSchedules\"\n                      [inputId]=\"dayW.key\"\n                      [disabled]=\"disableweekdays[ind]\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      checkboxIcon=\"pi pi-check-circle\"\n                      (ngModelChange)=\"selectSchedules($event)\"\n                    ></p-checkbox>\n                    <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                  </div>\n                  <div *ngIf=\"messageAlertSchedules\">\n                    <span class=\"error-message\">Por favor selecciona una opcion</span>\n                  </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab header=\"Modalidad\">\n              <div class=\"containerDay\">\n                <div class=\"checkBox flex flex-wrap justify-content-between m-3 gap-3\">\n                  <div *ngFor=\"let dayW of stateOptionsModality; index as ind\" class=\"field-checkbox\">\n                    <p-checkbox\n                      name=\"group2\"\n                      value=\"category\"\n                      [value]=\"dayW\"\n                      [(ngModel)]=\"selectedModality\"\n                      [inputId]=\"dayW.key\"\n                      [disabled]=\"disableweekdays[ind]\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      checkboxIcon=\"pi pi-check-circle\"\n                      (ngModelChange)=\"selectModality($event)\"\n                    ></p-checkbox>\n                    <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                  </div>\n                  <div *ngIf=\"messageAlertModality\">\n                    <span class=\"error-message\">Por favor selecciona una opcion</span>\n                  </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"scorePlacementTest != null\" header=\"Placement test\">\n              <span>Tienes un Placement Test realizado. Puedes comenzar con el nivel</span><h3>{{ scorePlacementTest?.level_inglish_next.name }}</h3>\n              <span>\"NO APLICA PLACEMENT TEST PARA PLANES TECNICOS\"</span>\n              <div class=\"containerDay mt-3\">\n                <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3>\n\n              <div class=\"flex flex-column gap-3\">\n                <div *ngFor=\"let category of OptionPlacementTest; index as ind\" class=\"field-checkbox\">\n                    <p-radioButton\n                        [inputId]=\"category.key\"\n                        name=\"category\"\n                        [value]=\"category\"\n                        [(ngModel)]=\"selectedOptionPlacementTest\"\n                        [disabled]=\"disableweekdays[ind]\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"selectOpcionsPlacementTest($event)\"\n                        ></p-radioButton>\n                    <label [for]=\"category.key\" class=\"ml-2\">\n                        {{ category.name }}\n                    </label>\n                </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"scorePlacementTest == null\" header=\"Prueba diagn\u00F3stico Placement Test\">\n              <span>Presenta totalmente gratis esta prueba para conocer tu nivel de ingl\u00E9s y nuestras ofertas para ti.</span>\n              <div class=\"containerDay mt-3\">\n                <ipt-button\n                [label]=\"'Presentar Test'\"\n                (onClick)=\"openTestInNewTab()\"\n                [primary]=\"true\">\n              </ipt-button>\n\n              <div class=\"flex flex-column gap-3\">\n\n            </div>\n            </div>\n            </p-accordionTab>\n\n          </p-accordion>\n          <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n            <button\n              pTooltip=\"Buscar Planes\"\n              tooltipPosition=\"left\"\n              pButton\n              Ripple\n              type=\"button\"\n              icon=\"pi pi-search\"\n              class=\"p-button-rounded p-button-outlined\"\n              [disabled]=\"selectedSchedules.length === 0 || selectedModality.length === 0 || scorePlacementTest != null && selectedOptionPlacementTest.length === 0 \"\n              (click)=\"searchAvalaibleCourse()\"\n            ></button>\n          </div>\n        </div>\n\n\n        <ipt-card-select-course-self-cod-managed\n        *ngIf=\"courseSelect != null\"\n        [courseSelect]=\"courseSelect\">\n        </ipt-card-select-course-self-cod-managed>\n\n        <article *ngIf=\"visibleGroupReview\" class=\"cards-container\">\n\n          <ipt-card-course-self-cod-managed\n            [CourseData]=\"dataCourse\"\n            (codeCourse)=\"courseCode($event)\"\n            [isLoading]=\"isLoading\">\n          </ipt-card-course-self-cod-managed>\n        </article>\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"submit\"\n        (click)=\"back()\"\n        ></button>\n\n        <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        [disabled]=\"!codSelfFormStepTwo.valid || courseSelect === null\"\n        (click)=\"sendForm()\"\n        ></button>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n\n", styles: [".container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}span{color:#999;font-size:15px;font-weight:400;pointer-events:none;left:20px;top:-20px}:host ::ng-deep .p-buttonset .p-button{box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;transition:.2s;font-weight:300;height:28px}:host ::ng-deep .p-calendar{position:relative;display:inline-flex;max-width:100%;height:28px;box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;background-color:#fff;-webkit-appearance:none}.cards-container{margin-top:10px}.container-button{width:7rem}.containerDay{justify-content:center;display:flex}.checkBox{gap:1rem}:host ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.title_step{display:flex;flex-direction:row;gap:5px}.title{color:#2563eb;border-color:1px solid #2563eb}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }, { kind: "component", type: CardCourseComponent, selector: "ipt-card-course-self-cod-managed", inputs: ["CourseData", "isLoading"], outputs: ["codeCourse"] }, { kind: "component", type: CardSelectCourseComponent, selector: "ipt-card-select-course-self-cod-managed", inputs: ["courseSelect"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i12.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i12.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: i7.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: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2.MessageService }, { token: BaseService }, { token: AcademicService }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: { scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <div class=\"title_step\">\n      <h2 class=\"title\">Planes</h2>\n      <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mt-4 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    </div>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n      </p-toast>\n\n      <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n        <div class=\"container-button\" *ngIf=\"!SearchData\">\n          <ipt-button\n            [label]=\"'Filtrar'\"\n            (onClick)=\"filterAgain()\"\n            [primary]=\"true\">\n          </ipt-button>\n        </div>\n\n        <div *ngIf=\"SearchData\">\n          <p-accordion [multiple]=\"true\" [activeIndex]=\"[0]\">\n            <p-accordionTab header=\"Jornada\">\n              <div class=\"containerDay\">\n                <div class=\"checkBox flex flex-wrap justify-content-between m-3 gap-3\">\n                  <div *ngFor=\"let dayW of schedules; index as ind\" class=\"field-checkbox\">\n                    <p-checkbox\n                      name=\"group2\"\n                      value=\"category\"\n                      [value]=\"dayW\"\n                      [(ngModel)]=\"selectedSchedules\"\n                      [inputId]=\"dayW.key\"\n                      [disabled]=\"disableweekdays[ind]\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      checkboxIcon=\"pi pi-check-circle\"\n                      (ngModelChange)=\"selectSchedules($event)\"\n                    ></p-checkbox>\n                    <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                  </div>\n                  <div *ngIf=\"messageAlertSchedules\">\n                    <span class=\"error-message\">Por favor selecciona una opcion</span>\n                  </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab header=\"Modalidad\">\n              <div class=\"containerDay\">\n                <div class=\"checkBox flex flex-wrap justify-content-between m-3 gap-3\">\n                  <div *ngFor=\"let dayW of stateOptionsModality; index as ind\" class=\"field-checkbox\">\n                    <p-checkbox\n                      name=\"group2\"\n                      value=\"category\"\n                      [value]=\"dayW\"\n                      [(ngModel)]=\"selectedModality\"\n                      [inputId]=\"dayW.key\"\n                      [disabled]=\"disableweekdays[ind]\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      checkboxIcon=\"pi pi-check-circle\"\n                      (ngModelChange)=\"selectModality($event)\"\n                    ></p-checkbox>\n                    <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                  </div>\n                  <div *ngIf=\"messageAlertModality\">\n                    <span class=\"error-message\">Por favor selecciona una opcion</span>\n                  </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"scorePlacementTest != null\" header=\"Placement test\">\n              <span>Tienes un Placement Test realizado. Puedes comenzar con el nivel</span><h3>{{ scorePlacementTest?.level_inglish_next.name }}</h3>\n              <span>\"NO APLICA PLACEMENT TEST PARA PLANES TECNICOS\"</span>\n              <div class=\"containerDay mt-3\">\n                <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3>\n\n              <div class=\"flex flex-column gap-3\">\n                <div *ngFor=\"let category of OptionPlacementTest; index as ind\" class=\"field-checkbox\">\n                    <p-radioButton\n                        [inputId]=\"category.key\"\n                        name=\"category\"\n                        [value]=\"category\"\n                        [(ngModel)]=\"selectedOptionPlacementTest\"\n                        [disabled]=\"disableweekdays[ind]\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"selectOpcionsPlacementTest($event)\"\n                        ></p-radioButton>\n                    <label [for]=\"category.key\" class=\"ml-2\">\n                        {{ category.name }}\n                    </label>\n                </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"scorePlacementTest == null\" header=\"Prueba diagn\u00F3stico Placement Test\">\n              <span>Presenta totalmente gratis esta prueba para conocer tu nivel de ingl\u00E9s y nuestras ofertas para ti.</span>\n              <div class=\"containerDay mt-3\">\n                <ipt-button\n                [label]=\"'Presentar Test'\"\n                (onClick)=\"openTestInNewTab()\"\n                [primary]=\"true\">\n              </ipt-button>\n\n              <div class=\"flex flex-column gap-3\">\n\n            </div>\n            </div>\n            </p-accordionTab>\n\n          </p-accordion>\n          <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n            <button\n              pTooltip=\"Buscar Planes\"\n              tooltipPosition=\"left\"\n              pButton\n              Ripple\n              type=\"button\"\n              icon=\"pi pi-search\"\n              class=\"p-button-rounded p-button-outlined\"\n              [disabled]=\"selectedSchedules.length === 0 || selectedModality.length === 0 || scorePlacementTest != null && selectedOptionPlacementTest.length === 0 \"\n              (click)=\"searchAvalaibleCourse()\"\n            ></button>\n          </div>\n        </div>\n\n\n        <ipt-card-select-course-self-cod-managed\n        *ngIf=\"courseSelect != null\"\n        [courseSelect]=\"courseSelect\">\n        </ipt-card-select-course-self-cod-managed>\n\n        <article *ngIf=\"visibleGroupReview\" class=\"cards-container\">\n\n          <ipt-card-course-self-cod-managed\n            [CourseData]=\"dataCourse\"\n            (codeCourse)=\"courseCode($event)\"\n            [isLoading]=\"isLoading\">\n          </ipt-card-course-self-cod-managed>\n        </article>\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"submit\"\n        (click)=\"back()\"\n        ></button>\n\n        <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        [disabled]=\"!codSelfFormStepTwo.valid || courseSelect === null\"\n        (click)=\"sendForm()\"\n        ></button>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n\n", styles: [".container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}span{color:#999;font-size:15px;font-weight:400;pointer-events:none;left:20px;top:-20px}:host ::ng-deep .p-buttonset .p-button{box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;transition:.2s;font-weight:300;height:28px}:host ::ng-deep .p-calendar{position:relative;display:inline-flex;max-width:100%;height:28px;box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;background-color:#fff;-webkit-appearance:none}.cards-container{margin-top:10px}.container-button{width:7rem}.containerDay{justify-content:center;display:flex}.checkBox{gap:1rem}:host ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.title_step{display:flex;flex-direction:row;gap:5px}.title{color:#2563eb;border-color:1px solid #2563eb}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "ipt-button", inputs: ["primary", "size", "label", "buttonType", "isEnabled"], outputs: ["onClick"] }, { kind: "component", type: CardCourseComponent, selector: "ipt-card-course-self-cod-managed", inputs: ["CourseData", "isLoading"], outputs: ["codeCourse"] }, { kind: "component", type: CardSelectCourseComponent, selector: "ipt-card-select-course-self-cod-managed", inputs: ["courseSelect"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i12.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i12.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { 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: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <div class=\"title_step\">\n      <h2 class=\"title\">Planes</h2>\n      <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mt-4 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    </div>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n      </p-toast>\n\n      <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n        <div class=\"container-button\" *ngIf=\"!SearchData\">\n          <ipt-button\n            [label]=\"'Filtrar'\"\n            (onClick)=\"filterAgain()\"\n            [primary]=\"true\">\n          </ipt-button>\n        </div>\n\n        <div *ngIf=\"SearchData\">\n          <p-accordion [multiple]=\"true\" [activeIndex]=\"[0]\">\n            <p-accordionTab header=\"Jornada\">\n              <div class=\"containerDay\">\n                <div class=\"checkBox flex flex-wrap justify-content-between m-3 gap-3\">\n                  <div *ngFor=\"let dayW of schedules; index as ind\" class=\"field-checkbox\">\n                    <p-checkbox\n                      name=\"group2\"\n                      value=\"category\"\n                      [value]=\"dayW\"\n                      [(ngModel)]=\"selectedSchedules\"\n                      [inputId]=\"dayW.key\"\n                      [disabled]=\"disableweekdays[ind]\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      checkboxIcon=\"pi pi-check-circle\"\n                      (ngModelChange)=\"selectSchedules($event)\"\n                    ></p-checkbox>\n                    <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                  </div>\n                  <div *ngIf=\"messageAlertSchedules\">\n                    <span class=\"error-message\">Por favor selecciona una opcion</span>\n                  </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab header=\"Modalidad\">\n              <div class=\"containerDay\">\n                <div class=\"checkBox flex flex-wrap justify-content-between m-3 gap-3\">\n                  <div *ngFor=\"let dayW of stateOptionsModality; index as ind\" class=\"field-checkbox\">\n                    <p-checkbox\n                      name=\"group2\"\n                      value=\"category\"\n                      [value]=\"dayW\"\n                      [(ngModel)]=\"selectedModality\"\n                      [inputId]=\"dayW.key\"\n                      [disabled]=\"disableweekdays[ind]\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      checkboxIcon=\"pi pi-check-circle\"\n                      (ngModelChange)=\"selectModality($event)\"\n                    ></p-checkbox>\n                    <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                  </div>\n                  <div *ngIf=\"messageAlertModality\">\n                    <span class=\"error-message\">Por favor selecciona una opcion</span>\n                  </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"scorePlacementTest != null\" header=\"Placement test\">\n              <span>Tienes un Placement Test realizado. Puedes comenzar con el nivel</span><h3>{{ scorePlacementTest?.level_inglish_next.name }}</h3>\n              <span>\"NO APLICA PLACEMENT TEST PARA PLANES TECNICOS\"</span>\n              <div class=\"containerDay mt-3\">\n                <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3>\n\n              <div class=\"flex flex-column gap-3\">\n                <div *ngFor=\"let category of OptionPlacementTest; index as ind\" class=\"field-checkbox\">\n                    <p-radioButton\n                        [inputId]=\"category.key\"\n                        name=\"category\"\n                        [value]=\"category\"\n                        [(ngModel)]=\"selectedOptionPlacementTest\"\n                        [disabled]=\"disableweekdays[ind]\"\n                        [ngModelOptions]=\"{ standalone: true }\"\n                        (ngModelChange)=\"selectOpcionsPlacementTest($event)\"\n                        ></p-radioButton>\n                    <label [for]=\"category.key\" class=\"ml-2\">\n                        {{ category.name }}\n                    </label>\n                </div>\n              </div>\n            </div>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"scorePlacementTest == null\" header=\"Prueba diagn\u00F3stico Placement Test\">\n              <span>Presenta totalmente gratis esta prueba para conocer tu nivel de ingl\u00E9s y nuestras ofertas para ti.</span>\n              <div class=\"containerDay mt-3\">\n                <ipt-button\n                [label]=\"'Presentar Test'\"\n                (onClick)=\"openTestInNewTab()\"\n                [primary]=\"true\">\n              </ipt-button>\n\n              <div class=\"flex flex-column gap-3\">\n\n            </div>\n            </div>\n            </p-accordionTab>\n\n          </p-accordion>\n          <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n            <button\n              pTooltip=\"Buscar Planes\"\n              tooltipPosition=\"left\"\n              pButton\n              Ripple\n              type=\"button\"\n              icon=\"pi pi-search\"\n              class=\"p-button-rounded p-button-outlined\"\n              [disabled]=\"selectedSchedules.length === 0 || selectedModality.length === 0 || scorePlacementTest != null && selectedOptionPlacementTest.length === 0 \"\n              (click)=\"searchAvalaibleCourse()\"\n            ></button>\n          </div>\n        </div>\n\n\n        <ipt-card-select-course-self-cod-managed\n        *ngIf=\"courseSelect != null\"\n        [courseSelect]=\"courseSelect\">\n        </ipt-card-select-course-self-cod-managed>\n\n        <article *ngIf=\"visibleGroupReview\" class=\"cards-container\">\n\n          <ipt-card-course-self-cod-managed\n            [CourseData]=\"dataCourse\"\n            (codeCourse)=\"courseCode($event)\"\n            [isLoading]=\"isLoading\">\n          </ipt-card-course-self-cod-managed>\n        </article>\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"submit\"\n        (click)=\"back()\"\n        ></button>\n\n        <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        [disabled]=\"!codSelfFormStepTwo.valid || courseSelect === null\"\n        (click)=\"sendForm()\"\n        ></button>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n\n", styles: [".container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}span{color:#999;font-size:15px;font-weight:400;pointer-events:none;left:20px;top:-20px}:host ::ng-deep .p-buttonset .p-button{box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;transition:.2s;font-weight:300;height:28px}:host ::ng-deep .p-calendar{position:relative;display:inline-flex;max-width:100%;height:28px;box-shadow:#64646f33 0 7px 29px;border-radius:3px;border:none;outline:none;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;background-color:#fff;-webkit-appearance:none}.cards-container{margin-top:10px}.container-button{width:7rem}.containerDay{justify-content:center;display:flex}.checkBox{gap:1rem}:host ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.title_step{display:flex;flex-direction:row;gap:5px}.title{color:#2563eb;border-color:1px solid #2563eb}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }, { type: BaseService }, { type: AcademicService }]; }, propDecorators: { completed: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2.MessageService }, { type: BaseService }, { type: AcademicService }]; }, propDecorators: { completed: [{
                 type: Output
             }], scorePlacementTest: [{
                 type: Input
@@ -9134,12 +9169,12 @@ class CodSelfFormStepThreeComponent extends CodSelfManagedSteps {
         this.codSelfFormStepThree.controls['total_price'].updateValueAndValidity();
     }
 }
-CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }, { token: CommercialService }, { token: BaseService }, { token: CodSelfManagedControls }, { token: CalculateQuotesService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", outputs: { completed: "completed", financingData: "financingData" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Pagos</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n\n        <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepThree\" class=\"grid mt-2 flex flex-column align-items-center\">\n\n          <div class=\"container_selects col-12\">\n            <ipt-select\n              [initialValue]=\"codSelfFormStepThree.controls['payment_method'].value\"\n              [control]=\"codSelfFormStepThree.controls['payment_method']\"\n              (eventSelect)=\"selectPaymentMethod($event)\"\n              [data]=\"paymentMethods\"\n              [defaultText]=\"'M\u00E9todo de pago'\"\n            ></ipt-select>\n            <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n            <div class=\"col-12\" *ngIf=\"thereArePlans\">\n              <p-table\n                [value]=\"dataPrices\"\n                [tableStyle]=\"{'min-width': '100%'}\"\n                [rowHover]=\"true\"\n              >\n                <ng-template pTemplate=\"caption\">\n                  <div class=\"flex align-items-center\">\n                    Click en niveles a cancelar\n                  </div>\n                </ng-template>\n                <ng-template pTemplate=\"header\">\n                  <tr>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\"></th>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n                  </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-data let-rowIndex=\"rowIndex\">\n                  <tr [class.selected-row]=\"selectedRow === rowIndex\" (click)=\"selectLevels(data, rowIndex)\">\n                    <td class=\"pt-0 pb-0 text-center\">\n                      <p-radioButton [value]=\"rowIndex\" formControlName=\"selectedRow\"></p-radioButton>\n                    </td>\n                    <td class=\"pt-1 pb-1\">{{ data.paid_level }} {{ data.paid_level == 1 ? \"Nivel\" : \"Niveles\"}}</td>\n                    <td class=\"pt-1 pb-1 text-center\">{{ data.fee_number }}</td>\n                  </tr>\n                </ng-template>\n              </p-table>\n            </div>\n          </div>\n\n          <div class=\"container_selects col-12\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n              [control]=\"codSelfFormStepThree.controls['total_price']\"\n              [withPipe]=\"true\"\n            ></ipt-input>\n          </div>\n\n          <div class=\"container_selects col-12\">\n            <ipt-input\n              [withPipe]=\"true\"\n              [inputType]=\"'text'\"\n              [control]=\"codSelfFormStepThree.controls['program_price']\"\n              [placeHolder]=\"'Valor total del programa'\"\n            ></ipt-input>\n          </div>\n\n          <div class=\"flex justify-content-center flex-wrap m-2\">\n          </div>\n\n          <!-- Tabla de financiaci\u00F3n -->\n          <div class=\"col-12\" *ngIf=\"codSelfFormStepThree.controls['payment_method'].value === '1' && isFinancing\">\n            <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n              <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n              </div>\n              <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                <span><strong>NOTA:</strong> Deber\u00E1 pagar la matr\u00EDcula y la primera cuota <strong>(total: ${{ totalInitialPaymentSpan }})</strong> para completar el proceso de inscripci\u00F3n.</span><br>\n                <span>Recuerda que las fechas cambian de acuerdo a la fecha que comienza el plan</span>\n              </div>\n            </div>\n\n            <p-table\n              *ngIf=\"!isLoadingSelectLevels\"\n              [value]=\"dataFinancing\"\n              [tableStyle]=\"{'min-width': '100%'}\"\n              [rowHover]=\"true\"\n            >\n              <ng-template pTemplate=\"caption\">\n                <div class=\"flex align-items-center\">\n                  C\u00E1lculo de cuotas\n                </div>\n              </ng-template>\n              <ng-template pTemplate=\"header\">\n                <tr>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">#</th>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Valor</th>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Fecha</th>\n                </tr>\n              </ng-template>\n              <ng-template pTemplate=\"body\" let-data>\n                <tr>\n                  <td class=\"p-0 text-center text-sm\">{{ data[0] }}</td>\n                  <td class=\"p-0 text-center text-sm\">{{ data[1] }}</td>\n                  <td class=\"p-0 text-center text-sm\">{{ data[2] }}</td>\n                </tr>\n              </ng-template>\n            </p-table>\n            <ipt-loader *ngIf=\"isLoadingSelectLevels\"></ipt-loader>\n          </div>\n\n        </form>\n      </div>\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n        <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"submit\"\n        (click)=\"back()\"\n        ></button>\n\n        <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        [disabled]=\"!codSelfFormStepThree.valid\"\n        (click)=\"sendForm()\"\n        ></button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}:host ::ng-deep .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{color:#1c77f7!important}.selected-row{background-color:#bfdbfe!important;color:#1c77f7!important}tr{cursor:pointer}td,.header-reports-advisers{font-family:Poppins,sans-serif}:host ::ng-deep .p-datatable .p-datatable-header{background:#f8f9fa;color:#f8f9fa;border:none;padding:1rem;font-weight:700;background-color:#1c77f7;border-radius:10px 10px 0 0}:host ::ng-deep .p-datatable{position:relative;border-radius:10px;border:1px solid #1c77f7}:host ::ng-deep .p-datatable>.p-datatable-wrapper{border-radius:0 0 10px 10px}.container_selects{width:16rem}.p-datatable .p-datatable-tbody>tr>td{padding:.1rem .5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:0rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }] });
+CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2.MessageService }, { token: CommercialService }, { token: BaseService }, { token: CodSelfManagedControls }, { token: CalculateQuotesService }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", outputs: { completed: "completed", financingData: "financingData" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Pagos</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n\n        <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepThree\" class=\"grid mt-2 flex flex-column align-items-center\">\n\n          <div class=\"container_selects col-12\">\n            <ipt-select\n              [initialValue]=\"codSelfFormStepThree.controls['payment_method'].value\"\n              [control]=\"codSelfFormStepThree.controls['payment_method']\"\n              (eventSelect)=\"selectPaymentMethod($event)\"\n              [data]=\"paymentMethods\"\n              [defaultText]=\"'M\u00E9todo de pago'\"\n            ></ipt-select>\n            <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n            <div class=\"col-12\" *ngIf=\"thereArePlans\">\n              <p-table\n                [value]=\"dataPrices\"\n                [tableStyle]=\"{'min-width': '100%'}\"\n                [rowHover]=\"true\"\n              >\n                <ng-template pTemplate=\"caption\">\n                  <div class=\"flex align-items-center\">\n                    Click en niveles a cancelar\n                  </div>\n                </ng-template>\n                <ng-template pTemplate=\"header\">\n                  <tr>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\"></th>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n                  </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-data let-rowIndex=\"rowIndex\">\n                  <tr [class.selected-row]=\"selectedRow === rowIndex\" (click)=\"selectLevels(data, rowIndex)\">\n                    <td class=\"pt-0 pb-0 text-center\">\n                      <p-radioButton [value]=\"rowIndex\" formControlName=\"selectedRow\"></p-radioButton>\n                    </td>\n                    <td class=\"pt-1 pb-1\">{{ data.paid_level }} {{ data.paid_level == 1 ? \"Nivel\" : \"Niveles\"}}</td>\n                    <td class=\"pt-1 pb-1 text-center\">{{ data.fee_number }}</td>\n                  </tr>\n                </ng-template>\n              </p-table>\n            </div>\n          </div>\n\n          <div class=\"container_selects col-12\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n              [control]=\"codSelfFormStepThree.controls['total_price']\"\n              [withPipe]=\"true\"\n            ></ipt-input>\n          </div>\n\n          <div class=\"container_selects col-12\">\n            <ipt-input\n              [withPipe]=\"true\"\n              [inputType]=\"'text'\"\n              [control]=\"codSelfFormStepThree.controls['program_price']\"\n              [placeHolder]=\"'Valor total del programa'\"\n            ></ipt-input>\n          </div>\n\n          <div class=\"flex justify-content-center flex-wrap m-2\">\n          </div>\n\n          <!-- Tabla de financiaci\u00F3n -->\n          <div class=\"col-12\" *ngIf=\"codSelfFormStepThree.controls['payment_method'].value === '1' && isFinancing\">\n            <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n              <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n              </div>\n              <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                <span><strong>NOTA:</strong> Deber\u00E1 pagar la matr\u00EDcula y la primera cuota <strong>(total: ${{ totalInitialPaymentSpan }})</strong> para completar el proceso de inscripci\u00F3n.</span><br>\n                <span>Recuerda que las fechas cambian de acuerdo a la fecha que comienza el plan</span>\n              </div>\n            </div>\n\n            <p-table\n              *ngIf=\"!isLoadingSelectLevels\"\n              [value]=\"dataFinancing\"\n              [tableStyle]=\"{'min-width': '100%'}\"\n              [rowHover]=\"true\"\n            >\n              <ng-template pTemplate=\"caption\">\n                <div class=\"flex align-items-center\">\n                  C\u00E1lculo de cuotas\n                </div>\n              </ng-template>\n              <ng-template pTemplate=\"header\">\n                <tr>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">#</th>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Valor</th>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Fecha</th>\n                </tr>\n              </ng-template>\n              <ng-template pTemplate=\"body\" let-data>\n                <tr>\n                  <td class=\"p-0 text-center text-sm\">{{ data[0] }}</td>\n                  <td class=\"p-0 text-center text-sm\">{{ data[1] }}</td>\n                  <td class=\"p-0 text-center text-sm\">{{ data[2] }}</td>\n                </tr>\n              </ng-template>\n            </p-table>\n            <ipt-loader *ngIf=\"isLoadingSelectLevels\"></ipt-loader>\n          </div>\n\n        </form>\n      </div>\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n        <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"submit\"\n        (click)=\"back()\"\n        ></button>\n\n        <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        [disabled]=\"!codSelfFormStepThree.valid\"\n        (click)=\"sendForm()\"\n        ></button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}:host ::ng-deep .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{color:#1c77f7!important}.selected-row{background-color:#bfdbfe!important;color:#1c77f7!important}tr{cursor:pointer}td,.header-reports-advisers{font-family:Poppins,sans-serif}:host ::ng-deep .p-datatable .p-datatable-header{background:#f8f9fa;color:#f8f9fa;border:none;padding:1rem;font-weight:700;background-color:#1c77f7;border-radius:10px 10px 0 0}:host ::ng-deep .p-datatable{position:relative;border-radius:10px;border:1px solid #1c77f7}:host ::ng-deep .p-datatable>.p-datatable-wrapper{border-radius:0 0 10px 10px}.container_selects{width:16rem}.p-datatable .p-datatable-tbody>tr>td{padding:.1rem .5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:0rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "label", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-self-form-step-three', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Pagos</h2>\n    <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n      <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n              <div class=\"flex align-items-center gap-2\">\n                  <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                  <span class=\"font-bold text-900\">Jacob</span>\n              </div>\n              <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n      </ng-template>\n    </p-toast>\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n      <div class=\"container__body__select flex justify-content-center flex-wrap\">\n\n        <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepThree\" class=\"grid mt-2 flex flex-column align-items-center\">\n\n          <div class=\"container_selects col-12\">\n            <ipt-select\n              [initialValue]=\"codSelfFormStepThree.controls['payment_method'].value\"\n              [control]=\"codSelfFormStepThree.controls['payment_method']\"\n              (eventSelect)=\"selectPaymentMethod($event)\"\n              [data]=\"paymentMethods\"\n              [defaultText]=\"'M\u00E9todo de pago'\"\n            ></ipt-select>\n            <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n            <div class=\"col-12\" *ngIf=\"thereArePlans\">\n              <p-table\n                [value]=\"dataPrices\"\n                [tableStyle]=\"{'min-width': '100%'}\"\n                [rowHover]=\"true\"\n              >\n                <ng-template pTemplate=\"caption\">\n                  <div class=\"flex align-items-center\">\n                    Click en niveles a cancelar\n                  </div>\n                </ng-template>\n                <ng-template pTemplate=\"header\">\n                  <tr>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\"></th>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n                    <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n                  </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-data let-rowIndex=\"rowIndex\">\n                  <tr [class.selected-row]=\"selectedRow === rowIndex\" (click)=\"selectLevels(data, rowIndex)\">\n                    <td class=\"pt-0 pb-0 text-center\">\n                      <p-radioButton [value]=\"rowIndex\" formControlName=\"selectedRow\"></p-radioButton>\n                    </td>\n                    <td class=\"pt-1 pb-1\">{{ data.paid_level }} {{ data.paid_level == 1 ? \"Nivel\" : \"Niveles\"}}</td>\n                    <td class=\"pt-1 pb-1 text-center\">{{ data.fee_number }}</td>\n                  </tr>\n                </ng-template>\n              </p-table>\n            </div>\n          </div>\n\n          <div class=\"container_selects col-12\">\n            <ipt-input\n              [inputType]=\"'text'\"\n              [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n              [control]=\"codSelfFormStepThree.controls['total_price']\"\n              [withPipe]=\"true\"\n            ></ipt-input>\n          </div>\n\n          <div class=\"container_selects col-12\">\n            <ipt-input\n              [withPipe]=\"true\"\n              [inputType]=\"'text'\"\n              [control]=\"codSelfFormStepThree.controls['program_price']\"\n              [placeHolder]=\"'Valor total del programa'\"\n            ></ipt-input>\n          </div>\n\n          <div class=\"flex justify-content-center flex-wrap m-2\">\n          </div>\n\n          <!-- Tabla de financiaci\u00F3n -->\n          <div class=\"col-12\" *ngIf=\"codSelfFormStepThree.controls['payment_method'].value === '1' && isFinancing\">\n            <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n              <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n              </div>\n              <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                <span><strong>NOTA:</strong> Deber\u00E1 pagar la matr\u00EDcula y la primera cuota <strong>(total: ${{ totalInitialPaymentSpan }})</strong> para completar el proceso de inscripci\u00F3n.</span><br>\n                <span>Recuerda que las fechas cambian de acuerdo a la fecha que comienza el plan</span>\n              </div>\n            </div>\n\n            <p-table\n              *ngIf=\"!isLoadingSelectLevels\"\n              [value]=\"dataFinancing\"\n              [tableStyle]=\"{'min-width': '100%'}\"\n              [rowHover]=\"true\"\n            >\n              <ng-template pTemplate=\"caption\">\n                <div class=\"flex align-items-center\">\n                  C\u00E1lculo de cuotas\n                </div>\n              </ng-template>\n              <ng-template pTemplate=\"header\">\n                <tr>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">#</th>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Valor</th>\n                  <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Fecha</th>\n                </tr>\n              </ng-template>\n              <ng-template pTemplate=\"body\" let-data>\n                <tr>\n                  <td class=\"p-0 text-center text-sm\">{{ data[0] }}</td>\n                  <td class=\"p-0 text-center text-sm\">{{ data[1] }}</td>\n                  <td class=\"p-0 text-center text-sm\">{{ data[2] }}</td>\n                </tr>\n              </ng-template>\n            </p-table>\n            <ipt-loader *ngIf=\"isLoadingSelectLevels\"></ipt-loader>\n          </div>\n\n        </form>\n      </div>\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n        <button\n        pButton\n        icon=\"pi pi-arrow-left\"\n        type=\"submit\"\n        (click)=\"back()\"\n        ></button>\n\n        <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        [disabled]=\"!codSelfFormStepThree.valid\"\n        (click)=\"sendForm()\"\n        ></button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.container-form{margin:5%;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}:host ::ng-deep .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{color:#1c77f7!important}.selected-row{background-color:#bfdbfe!important;color:#1c77f7!important}tr{cursor:pointer}td,.header-reports-advisers{font-family:Poppins,sans-serif}:host ::ng-deep .p-datatable .p-datatable-header{background:#f8f9fa;color:#f8f9fa;border:none;padding:1rem;font-weight:700;background-color:#1c77f7;border-radius:10px 10px 0 0}:host ::ng-deep .p-datatable{position:relative;border-radius:10px;border:1px solid #1c77f7}:host ::ng-deep .p-datatable>.p-datatable-wrapper{border-radius:0 0 10px 10px}.container_selects{width:16rem}.p-datatable .p-datatable-tbody>tr>td{padding:.1rem .5rem}:host ::ng-deep .p-datatable .p-datatable-tbody>tr>td{padding:0rem!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }, { type: CommercialService }, { type: BaseService }, { type: CodSelfManagedControls }, { type: CalculateQuotesService }]; }, propDecorators: { completed: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2.MessageService }, { type: CommercialService }, { type: BaseService }, { type: CodSelfManagedControls }, { type: CalculateQuotesService }]; }, propDecorators: { completed: [{
                 type: Output
             }], financingData: [{
                 type: Output
@@ -9353,12 +9388,12 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
         });
     }
 }
-CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }, { token: CodSelfManagedControls }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", inputs: { idTypes: "idTypes" }, outputs: { completed: "completed", action: "action" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <div class=\"title_step\">\n      <h2>Datos de Facturaci\u00F3n</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n            <div class=\"flex align-items-center gap-2\">\n              <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n              <span class=\"font-bold text-900\">Jacob</span>\n            </div>\n            <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n        </ng-template>\n      </p-toast>\n    </div>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto \" (click)=\"showConfirm()\" pTooltip=\"M\u00E1s info.\" tooltipPosition=\"bottom\"></i>\n    <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n      <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n        <div class=\"container__body__select flex justify-content-center flex-wrap\">\n          <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n            <div class=\"flex flex-column gap-3\">\n              <h3>\u00BFC\u00F3mo quieres pagar?</h3>\n              <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n                <p-radioButton\n                  [inputId]=\"category.key\"\n                  name=\"category\"\n                  [value]=\"category\"\n                  [(ngModel)]=\"selectedOptionPayments\"\n                  [disabled]=\"disableweekdays[ind]\"\n                  [ngModelOptions]=\"{ standalone: true }\"\n                  (ngModelChange)=\"selectOpcionsPayments($event)\"\n                ></p-radioButton>\n                <label [for]=\"category.key\" class=\"ml-2\">\n                  {{ category.name }}\n                </label>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"container__option__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n            <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n            <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n              <div class=\"container__info flex flex-column align-items-center justify-content-center mt-1 mb-4\" *ngIf=\"isEditBillingData\">\n                <img src=\"./assets/logos/lobo-web.png\" alt=\"Receipt Icon\" shape=\"circle\" class=\"circular-image\" />\n                <strong>{{ codSelfFormStepFour.get('invoicing_name')?.value }} {{ codSelfFormStepFour.get('invoicing_Apellido')?.value }}</strong>\n                <span>{{ getIdTypeDescription(codSelfFormStepFour.get('invoicing_idType')?.value) }} {{ codSelfFormStepFour.get('invoicing_document')?.value }}</span>\n                <div class=\"container-button\">\n                  <ipt-button [label]=\"'Modificar Datos'\" (onClick)=\"editBillingData()\" [primary]=\"false\"></ipt-button>\n                </div>\n              </div>\n              <div class=\"m-2\" *ngIf=\"!isEditBillingData\">\n                <h3>Completa los nuevos datos para la emisi\u00F3n de tu factura</h3>\n                <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                  <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                    <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"M\u00E1s info.\" tooltipPosition=\"bottom\"></i>\n                  </div>\n                  <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                    <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informaci\u00F3n. Estos datos se tratar\u00E1n de acuerdo a nuestra <a href=\"\">Declaraci\u00F3n de Privacidad</a></span>\n                  </div>\n                </div>\n                <div>\n                  <ipt-input [inputType]=\"'text'\" [placeHolder]=\"'Nombres'\" [control]=\"codSelfFormStepFour.controls['invoicing_name']\"></ipt-input>\n                  <ipt-input [inputType]=\"'text'\" [placeHolder]=\"'Apellidos'\" [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"></ipt-input>\n                  <ipt-select\n                    [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                    [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                    [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                    [isRequired]=\"true\"\n                    [data]=\"idTypes\"\n                    (eventSelect)=\"selectIdType($event)\"\n                    [defaultText]=\"'Tipo de documento'\"\n                  ></ipt-select>\n                  <ipt-input [inputType]=\"'number'\" [placeHolder]=\"'N\u00FAmero de documento'\" [control]=\"codSelfFormStepFour.controls['invoicing_document']\"></ipt-input>\n                </div>\n                <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n                  <button pButton [disabled]=\"!codSelfFormStepFour.valid\" label=\"Continuar\" type=\"button\" (click)=\"updateDatosBillingData()\"></button>\n                </div>\n              </div>\n            </div>\n\n            <!-- Vista para la opci\u00F3n de pago \"Pasarela pagos\" -->\n            <div *ngIf=\"getViewBasedOnPaymentOption() === 'ps'\">\n              <!-- TODO:<h3>Completa los datos para Pasarela pagos</h3> -->\n              <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Pasarela pagos -->\n            </div>\n          </div>\n        </div>\n      </form>\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <button pButton icon=\"pi pi-arrow-left\" type=\"button\" (click)=\"back()\"></button>\n        <button *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\" pButton label=\"\u00A1Matricularme!\" type=\"button\" (click)=\"sendForm()\"></button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".container-form{margin:5px;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.circular-image{width:50px;height:50px;border-radius:50%;object-fit:cover;border:none}.container-button{width:10rem;margin-top:3%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2.MessageService }, { token: CodSelfManagedControls }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", inputs: { idTypes: "idTypes" }, outputs: { completed: "completed", action: "action" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <div class=\"title_step\">\n      <h2>Datos de Facturaci\u00F3n</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n            <div class=\"flex align-items-center gap-2\">\n              <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n              <span class=\"font-bold text-900\">Jacob</span>\n            </div>\n            <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n        </ng-template>\n      </p-toast>\n    </div>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto \" (click)=\"showConfirm()\" pTooltip=\"M\u00E1s info.\" tooltipPosition=\"bottom\"></i>\n    <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n      <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n        <div class=\"container__body__select flex justify-content-center flex-wrap\">\n          <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n            <div class=\"flex flex-column gap-3\">\n              <h3>\u00BFC\u00F3mo quieres pagar?</h3>\n              <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n                <p-radioButton\n                  [inputId]=\"category.key\"\n                  name=\"category\"\n                  [value]=\"category\"\n                  [(ngModel)]=\"selectedOptionPayments\"\n                  [disabled]=\"disableweekdays[ind]\"\n                  [ngModelOptions]=\"{ standalone: true }\"\n                  (ngModelChange)=\"selectOpcionsPayments($event)\"\n                ></p-radioButton>\n                <label [for]=\"category.key\" class=\"ml-2\">\n                  {{ category.name }}\n                </label>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"container__option__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n            <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n            <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n              <div class=\"container__info flex flex-column align-items-center justify-content-center mt-1 mb-4\" *ngIf=\"isEditBillingData\">\n                <img src=\"./assets/logos/lobo-web.png\" alt=\"Receipt Icon\" shape=\"circle\" class=\"circular-image\" />\n                <strong>{{ codSelfFormStepFour.get('invoicing_name')?.value }} {{ codSelfFormStepFour.get('invoicing_Apellido')?.value }}</strong>\n                <span>{{ getIdTypeDescription(codSelfFormStepFour.get('invoicing_idType')?.value) }} {{ codSelfFormStepFour.get('invoicing_document')?.value }}</span>\n                <div class=\"container-button\">\n                  <ipt-button [label]=\"'Modificar Datos'\" (onClick)=\"editBillingData()\" [primary]=\"false\"></ipt-button>\n                </div>\n              </div>\n              <div class=\"m-2\" *ngIf=\"!isEditBillingData\">\n                <h3>Completa los nuevos datos para la emisi\u00F3n de tu factura</h3>\n                <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                  <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                    <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"M\u00E1s info.\" tooltipPosition=\"bottom\"></i>\n                  </div>\n                  <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                    <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informaci\u00F3n. Estos datos se tratar\u00E1n de acuerdo a nuestra <a href=\"\">Declaraci\u00F3n de Privacidad</a></span>\n                  </div>\n                </div>\n                <div>\n                  <ipt-input [inputType]=\"'text'\" [placeHolder]=\"'Nombres'\" [control]=\"codSelfFormStepFour.controls['invoicing_name']\"></ipt-input>\n                  <ipt-input [inputType]=\"'text'\" [placeHolder]=\"'Apellidos'\" [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"></ipt-input>\n                  <ipt-select\n                    [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                    [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                    [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                    [isRequired]=\"true\"\n                    [data]=\"idTypes\"\n                    (eventSelect)=\"selectIdType($event)\"\n                    [defaultText]=\"'Tipo de documento'\"\n                  ></ipt-select>\n                  <ipt-input [inputType]=\"'number'\" [placeHolder]=\"'N\u00FAmero de documento'\" [control]=\"codSelfFormStepFour.controls['invoicing_document']\"></ipt-input>\n                </div>\n                <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n                  <button pButton [disabled]=\"!codSelfFormStepFour.valid\" label=\"Continuar\" type=\"button\" (click)=\"updateDatosBillingData()\"></button>\n                </div>\n              </div>\n            </div>\n\n            <!-- Vista para la opci\u00F3n de pago \"Pasarela pagos\" -->\n            <div *ngIf=\"getViewBasedOnPaymentOption() === 'ps'\">\n              <!-- TODO:<h3>Completa los datos para Pasarela pagos</h3> -->\n              <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Pasarela pagos -->\n            </div>\n          </div>\n        </div>\n      </form>\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <button pButton icon=\"pi pi-arrow-left\" type=\"button\" (click)=\"back()\"></button>\n        <button *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\" pButton label=\"\u00A1Matricularme!\" type=\"button\" (click)=\"sendForm()\"></button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".container-form{margin:5px;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.circular-image{width:50px;height:50px;border-radius:50%;object-fit:cover;border:none}.container-button{width:10rem;margin-top:3%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i11$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <div class=\"title_step\">\n      <h2>Datos de Facturaci\u00F3n</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n          <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n            <div class=\"flex align-items-center gap-2\">\n              <img src=\"./assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n              <span class=\"font-bold text-900\">Jacob</span>\n            </div>\n            <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n          </div>\n        </ng-template>\n      </p-toast>\n    </div>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto \" (click)=\"showConfirm()\" pTooltip=\"M\u00E1s info.\" tooltipPosition=\"bottom\"></i>\n    <div class=\"animate__animated animate__slideInRight ng-star-inserted\">\n      <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n        <div class=\"container__body__select flex justify-content-center flex-wrap\">\n          <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n            <div class=\"flex flex-column gap-3\">\n              <h3>\u00BFC\u00F3mo quieres pagar?</h3>\n              <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n                <p-radioButton\n                  [inputId]=\"category.key\"\n                  name=\"category\"\n                  [value]=\"category\"\n                  [(ngModel)]=\"selectedOptionPayments\"\n                  [disabled]=\"disableweekdays[ind]\"\n                  [ngModelOptions]=\"{ standalone: true }\"\n                  (ngModelChange)=\"selectOpcionsPayments($event)\"\n                ></p-radioButton>\n                <label [for]=\"category.key\" class=\"ml-2\">\n                  {{ category.name }}\n                </label>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"container__option__instalations\" *ngIf=\"!isSelectionOptionPayments\">\n            <!-- Vista para la opci\u00F3n de pago \"Instalaciones\" -->\n            <div *ngIf=\"getViewBasedOnPaymentOption() === 'in'\">\n              <div class=\"container__info flex flex-column align-items-center justify-content-center mt-1 mb-4\" *ngIf=\"isEditBillingData\">\n                <img src=\"./assets/logos/lobo-web.png\" alt=\"Receipt Icon\" shape=\"circle\" class=\"circular-image\" />\n                <strong>{{ codSelfFormStepFour.get('invoicing_name')?.value }} {{ codSelfFormStepFour.get('invoicing_Apellido')?.value }}</strong>\n                <span>{{ getIdTypeDescription(codSelfFormStepFour.get('invoicing_idType')?.value) }} {{ codSelfFormStepFour.get('invoicing_document')?.value }}</span>\n                <div class=\"container-button\">\n                  <ipt-button [label]=\"'Modificar Datos'\" (onClick)=\"editBillingData()\" [primary]=\"false\"></ipt-button>\n                </div>\n              </div>\n              <div class=\"m-2\" *ngIf=\"!isEditBillingData\">\n                <h3>Completa los nuevos datos para la emisi\u00F3n de tu factura</h3>\n                <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n                  <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n                    <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"M\u00E1s info.\" tooltipPosition=\"bottom\"></i>\n                  </div>\n                  <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n                    <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informaci\u00F3n. Estos datos se tratar\u00E1n de acuerdo a nuestra <a href=\"\">Declaraci\u00F3n de Privacidad</a></span>\n                  </div>\n                </div>\n                <div>\n                  <ipt-input [inputType]=\"'text'\" [placeHolder]=\"'Nombres'\" [control]=\"codSelfFormStepFour.controls['invoicing_name']\"></ipt-input>\n                  <ipt-input [inputType]=\"'text'\" [placeHolder]=\"'Apellidos'\" [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"></ipt-input>\n                  <ipt-select\n                    [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n                    [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n                    [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n                    [isRequired]=\"true\"\n                    [data]=\"idTypes\"\n                    (eventSelect)=\"selectIdType($event)\"\n                    [defaultText]=\"'Tipo de documento'\"\n                  ></ipt-select>\n                  <ipt-input [inputType]=\"'number'\" [placeHolder]=\"'N\u00FAmero de documento'\" [control]=\"codSelfFormStepFour.controls['invoicing_document']\"></ipt-input>\n                </div>\n                <div class=\"flex justify-content-end mt-3 align-items-center gap-3\">\n                  <button pButton [disabled]=\"!codSelfFormStepFour.valid\" label=\"Continuar\" type=\"button\" (click)=\"updateDatosBillingData()\"></button>\n                </div>\n              </div>\n            </div>\n\n            <!-- Vista para la opci\u00F3n de pago \"Pasarela pagos\" -->\n            <div *ngIf=\"getViewBasedOnPaymentOption() === 'ps'\">\n              <!-- TODO:<h3>Completa los datos para Pasarela pagos</h3> -->\n              <!-- Aqu\u00ED puedes agregar el formulario espec\u00EDfico para Pasarela pagos -->\n            </div>\n          </div>\n        </div>\n      </form>\n\n      <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n        <button pButton icon=\"pi pi-arrow-left\" type=\"button\" (click)=\"back()\"></button>\n        <button *ngIf=\"!isSelectionOptionPayments && isEditBillingData && codSelfFormStepFour.valid\" pButton label=\"\u00A1Matricularme!\" type=\"button\" (click)=\"sendForm()\"></button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".container-form{margin:5px;border-radius:3px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:.5rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}.circular-image{width:50px;height:50px;border-radius:50%;object-fit:cover;border:none}.container-button{width:10rem;margin-top:3%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }, { type: CodSelfManagedControls }]; }, propDecorators: { idTypes: [{
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2.MessageService }, { type: CodSelfManagedControls }]; }, propDecorators: { idTypes: [{
                 type: Input
             }], completed: [{
                 type: Output
@@ -9566,7 +9601,7 @@ class CodSelfManagedComponent {
     }
 }
 CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [{ token: BaseService }, { token: CommercialService }, { token: CodSelfManagedControls }, { token: LocalStorageCodSelfMaganedService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", inputs: { user: "user", scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, outputs: { okCreatedCOD: "okCreatedCOD" }, ngImport: i0, template: "<!-- <p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps> -->\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <ng-template pTemplate=\"item\" let-item>\n    <span class=\"p-steps-number\">{{ item.id }}</span>\n    <i [class]=\"item.icon\"></i>\n    <span class=\"p-steps-title\">{{ item.label }}</span>\n  </ng-template>\n</p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\" (idTypesChanged)=\"handleIdTypesChanged($event)\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\" [codPrevious]=\"codPrevious\" [scorePlacementTest]=\"scorePlacementTest\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\" [idTypes]=\"idTypes\" (action)=\"getFormAction($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}:host ::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title{font-weight:400;color:#fff;font-family:Poppins}:host ::ng-deep .p-steps .p-steps-item .p-menuitem-link{border-radius:4px;background:#2563eb;padding-top:5px;width:4.6rem}\n"], dependencies: [{ kind: "component", type: i5$2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: ["userStudent"], outputs: ["completed", "idTypesChanged"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: ["scorePlacementTest", "codPrevious"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", outputs: ["completed", "financingData"] }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", inputs: ["idTypes"], outputs: ["completed", "action"] }] });
+CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", inputs: { user: "user", scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, outputs: { okCreatedCOD: "okCreatedCOD" }, ngImport: i0, template: "<!-- <p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps> -->\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <ng-template pTemplate=\"item\" let-item>\n    <span class=\"p-steps-number\">{{ item.id }}</span>\n    <i [class]=\"item.icon\"></i>\n    <span class=\"p-steps-title\">{{ item.label }}</span>\n  </ng-template>\n</p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\" (idTypesChanged)=\"handleIdTypesChanged($event)\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\" [codPrevious]=\"codPrevious\" [scorePlacementTest]=\"scorePlacementTest\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\" [idTypes]=\"idTypes\" (action)=\"getFormAction($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}:host ::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title{font-weight:400;color:#fff;font-family:Poppins}:host ::ng-deep .p-steps .p-steps-item .p-menuitem-link{border-radius:4px;background:#2563eb;padding-top:5px;width:4.6rem}\n"], dependencies: [{ kind: "component", type: i5$2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: ["userStudent"], outputs: ["completed", "idTypesChanged"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: ["scorePlacementTest", "codPrevious"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", outputs: ["completed", "financingData"] }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", inputs: ["idTypes"], outputs: ["completed", "action"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-cod-self-managed', template: "<!-- <p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps> -->\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <ng-template pTemplate=\"item\" let-item>\n    <span class=\"p-steps-number\">{{ item.id }}</span>\n    <i [class]=\"item.icon\"></i>\n    <span class=\"p-steps-title\">{{ item.label }}</span>\n  </ng-template>\n</p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\" (idTypesChanged)=\"handleIdTypesChanged($event)\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\" [codPrevious]=\"codPrevious\" [scorePlacementTest]=\"scorePlacementTest\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\" [idTypes]=\"idTypes\" (action)=\"getFormAction($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}:host ::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title{font-weight:400;color:#fff;font-family:Poppins}:host ::ng-deep .p-steps .p-steps-item .p-menuitem-link{border-radius:4px;background:#2563eb;padding-top:5px;width:4.6rem}\n"] }]