iptdevs-design-system 3.1.3111 → 3.1.4367

package/fesm2020/iptdevs-design-system.mjs

@@ -36,6 +36,8 @@ import { InputTextModule } from 'primeng/inputtext';
 import * as i1$3 from '@angular/router';
 import * as i2 from 'primeng/steps';
 import { StepsModule } from 'primeng/steps';
+import * as i3$1 from 'primeng/calendar';
+import { CalendarModule } from 'primeng/calendar';
 
 class AsideButtonComponent {
     constructor() {
@@ -609,6 +611,9 @@ class SelectComponent {
             this.setBinding();
         }
     }
+    ngOnInit() {
+        this.setBinding();
+    }
     seleccionar(evt) {
         if (this.eventSelect.emit(evt) !== this.defaultText) {
             this.boxShadow = 1;
@@ -628,9 +633,6 @@ class SelectComponent {
     click(value) {
         this.clicked = value.isTrusted;
     }
-    ngOnInit() {
-        this.setBinding();
-    }
     get textClass() {
         return this.defaultText === '' ? 'selected' : 'select';
     }
@@ -5562,8 +5564,13 @@ class BudgetService extends IPTGeneralService {
         this.generateRequestParams(params);
         return this.http.post(serviceUrl, this.httpOptions);
     }
+    // AssingCourse(params: any): Observable<any> {
+    //   let serviceUrl = this.SERVICE_URL + 'post/course/by/code/user/budget/assign';
+    //   this.generateRequestParams(params);
+    //   return this.http.post(serviceUrl, this.httpOptions);
+    // }
     AssingCourse(params) {
-        let serviceUrl = this.SERVICE_URL + 'post/course/by/code/user/budget/assign';
+        let serviceUrl = this.SERVICE_URL + 'obtain/course/assign/detail/by/adviser/budget';
         this.generateRequestParams(params);
         return this.http.post(serviceUrl, this.httpOptions);
     }
@@ -5661,6 +5668,16 @@ class BudgetService extends IPTGeneralService {
         this.generateRequestParams(param);
         return this.http.post(serviceUrl, this.httpOptions);
     }
+    obtainStudentPaymentTransactionHistoryByCourse(param) {
+        let serviceUrl = this.SERVICE_URL + 'obtain/student/payment/transaction/history/by/course';
+        this.generateRequestParams(param);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
+    obtainPaymentTransactionHistoryByCod(param) {
+        let serviceUrl = this.SERVICE_URL + 'obtain/payment/transaction/history/by/cod';
+        this.generateRequestParams(param);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
 }
 BudgetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BudgetService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 BudgetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BudgetService, providedIn: 'root' });
@@ -5906,6 +5923,11 @@ class AcademicService extends IPTGeneralService {
         this.generateRequestParams(params);
         return this.http.post(serviceUrl, this.httpOptions);
     }
+    obtainAllCodAirByCourse(params) {
+        let serviceUrl = this.SERVICE_URL + 'obtain/all/cod/air/by/course';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
 }
 AcademicService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 AcademicService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, providedIn: 'root' });
@@ -6004,6 +6026,10 @@ class AttendanceService extends IPTGeneralService {
         this.generateRequestParams(params);
         return this.http.post(serviceUrl, this.httpOptions);
     }
+    exportExcelAttendance(codeStudent) {
+        let serviceUrl = this.SERVICE_URL + 'dowload/excel/attendances/students/by/course/' + codeStudent;
+        return this.http.get(serviceUrl);
+    }
 }
 AttendanceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AttendanceService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 AttendanceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AttendanceService, providedIn: 'root' });
@@ -6119,18 +6145,197 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 }]
         }] });
 
-class CodSelfFormStepOneComponent {
-    constructor(fb, parameterService) {
+class CodSelfManagedControls {
+    constructor() {
+        this.controls = [
+            [
+                { name: 'birthdate', required: true, description: 'Fecha de nacimiento del estudiante' },
+                { name: 'country', required: true, description: 'País' },
+                { name: 'state', required: true, description: 'Departamento o estado' },
+                { name: 'city', required: true, description: 'Ciudad de residencia' },
+                { name: 'student_id_card_type', required: true, description: 'Tipo de documento del estudiante' },
+                { name: 'student_id_card', required: true, description: 'Documento del estudiante' },
+                { name: 'student_last_name', required: true, description: 'Apellidos del estudiante' },
+                { name: 'student_name', required: true, description: 'Nombres del estudiante' },
+                { name: 'gender', required: true, description: 'Género' },
+                { name: 'student_email', required: true, description: 'Correo del estudiante' },
+                { name: 'student_phone_indicative', required: true, description: 'Indicativo del estudiante' },
+                { name: 'student_phone_number', required: true, description: 'Teléfono del estudiante' },
+                // { name: 'student_address', required: true, description: 'Dirección del estudiante' },
+                // { name: 'nickname', required: true, description: 'Alias o nickname' },
+                // { name: 'age', required: true, description: 'Edad' },
+                // { name: 'student_occupation', required: true, description: 'Ocupación del estudiante' },
+                // { name: 'stratum', required: true, description: 'Estrato del estudiante' },
+                // { name: 'grade', required: true, description: 'Grado del estudiante' },
+                // { name: 'civil_status', required: true, description: 'Estado civil del estudiante' },
+                // { name: 'password', required: true, description: 'Contraseña del estudiante' },
+                // { name: 're_password', required: true, description: 'Confirmación de contraseña' },
+            ],
+            [
+                { name: 'schedule', required: true, description: 'horario requerido' },
+                // { name: 'academic_plan', required: true, description: 'Plan académico' },
+                // { name: 'course_type', required: true, description: 'Tipo de curso' },
+                // { name: 'agreement_by_category', required: true, description: 'Convenio' },
+                // { name: 'english_level', required: true, description: 'Nivel de inglés' },
+                // { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
+                // { name: 'course_modality', required: false, description: 'Modalidad del curso' },
+            ],
+            // [
+            //   { name: 'parent_id_card_type', required: true, description: 'Tipo de documento del acudiente' },
+            //   { name: 'parent_id_card', required: true, description: 'Documento del acudiente' },
+            //   { name: 'parent_last_name', required: true, description: 'Apellidos del acudiente' },
+            //   { name: 'parent_name', required: true, description: 'Nombres del acudiente' },
+            //   { name: 'needAtendant', required: true, description: '¿Requiere acudiente?' },
+            //   { name: 'parent_phone_indicative', required: true, description: 'Indicativo del acudiente' },
+            //   { name: 'parent_occupation', required: true, description: 'Ocupación del acudiente' },
+            //   { name: 'parent_address', required: true, description: 'Dirección del acudiente' },
+            //   { name: 'parent_phone_number', required: true, description: 'Teléfono del acudiente' }
+            // ],
+            [
+                { name: 'payment_date', required: true, description: 'Fecha de pago' },
+                { name: 'program_price', required: true, description: 'Valor total del programa' },
+                { name: 'payment_method', required: true, description: 'Método de pago' },
+                { name: 'quota_times', required: true, description: 'Cantidad de cuotas' },
+                { name: 'total_price', required: true, description: 'Precio total de la matricula' },
+                { name: 'paid_level', required: true, description: 'Niveles pagos' },
+            ],
+            // [
+            //   { name: 'marketing_reasons', required: true, description: '¿Cómo se enteró del programa?' },
+            //   { name: 'observation', required: false, description: 'Observación' },
+            //   { name: 'study_reasons', required: true, description: 'Motivo' },
+            //   { name: 'terms', required: true, description: 'Términos y condiciones' },
+            //   { name: 'disability', required: false, description: 'Discapacidad' },
+            //   { name: 'multiculturalism_1', required: false, description: 'Multiculturalismo' },
+            //   { name: 'multiculturalism_2', required: false, description: 'Multiculturalismo' },
+            //   { name: 'multiculturalism_3', required: false, description: 'Multiculturalismo' },
+            //   { name: 'multiculturalism_4', required: false, description: 'Multiculturalismo' },
+            //   { name: 'multiculturalism_5', required: false, description: 'Multiculturalismo' },
+            //   { name: 'multiculturalism_6', required: false, description: 'Multiculturalismo' },
+            //   { name: 'health_regimen', required: true, description: 'Régimen de salud' },
+            //   { name: 'code_refers', required: true, description: 'Refiere' },
+            //   { name: 'code_cod', required: false, description: 'Codigo Cod' }
+            // ],
+        ];
+        this.$controls = new BehaviorSubject([]);
+        this.$controls.next(this.controls);
+    }
+    getControlValues() {
+        return this.$controls.asObservable();
+    }
+    // Cambiar los valores de los controls, ejemplo: true y false del checkbox
+    changeValue(step, controlName, newValue) {
+        const controls = { ...this.controls };
+        let control = controls[step - 1].filter(element => element.name === controlName);
+        control[0].required = newValue;
+        this.$controls.next(controls);
+    }
+}
+CodSelfManagedControls.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CodSelfManagedControls.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedControls, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class LocalStorageCodSelfMaganedService {
+    constructor() { }
+    getCodFormData(step, control) {
+        if (step === 1)
+            return localStorage.getItem(`COD SELF - step1(${control})`);
+        if (step === 2)
+            return localStorage.getItem(`COD SELF - step2(${control})`);
+        if (step === 3)
+            return localStorage.getItem(`COD SELF - step3(${control})`);
+        if (step === 4)
+            return localStorage.getItem(`COD SELF - step4(${control})`);
+        return null;
+    }
+    setCodFormData(step, control, value) {
+        if (step === 1)
+            localStorage.setItem(`COD SELF - step1(${control})`, value);
+        if (step === 2)
+            localStorage.setItem(`COD SELF - step2(${control})`, value);
+        if (step === 3)
+            localStorage.setItem(`COD SELF - step3(${control})`, value);
+        if (step === 4)
+            localStorage.setItem(`COD SELF - step4(${control})`, value);
+    }
+    clearData() {
+        let keySessionUser = '606a7d4e73650b75ebb06972e77d6cc4';
+        let sessionUser = localStorage.getItem(keySessionUser);
+        localStorage.clear();
+        if (sessionUser !== null) {
+            localStorage.setItem(keySessionUser, sessionUser);
+        }
+        else {
+            console.log('raro que no haya sesion');
+        }
+    }
+}
+LocalStorageCodSelfMaganedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LocalStorageCodSelfMaganedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCodSelfMaganedService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CodSelfManagedSteps {
+    constructor() {
+        this.localStorageCOD = new LocalStorageCodSelfMaganedService();
+    }
+    readAndWriteLS(step, control) {
+        if (this.localStorageCOD.getCodFormData(step, control)) {
+            const value = this.localStorageCOD.getCodFormData(step, control);
+            return { control, value };
+        }
+        else {
+            return { control, value: '' };
+        }
+    }
+    setDataInLocalStorage(step, control, value) {
+        this.localStorageCOD.setCodFormData(step, control, value);
+    }
+    listenFormChanges(step, control, obs) {
+        obs.subscribe(value => {
+            this.setDataInLocalStorage(step, control, value);
+        });
+    }
+    resetLocalStorage(controls) {
+        controls.forEach(control => {
+            localStorage.removeItem(control.name);
+        });
+    }
+}
+
+class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
+    constructor(fb, parameterService, cdRef) {
+        super();
         this.fb = fb;
         this.parameterService = parameterService;
+        this.cdRef = cdRef;
         this.completed = new EventEmitter();
         this.genders = [];
         this.errorMessage = 'Faltan campos por llenar.';
+        this.controls = new CodSelfManagedControls().controls[0];
     }
     ngOnInit() {
-        this.initForm();
         this.getParameters();
-        this.setDataUsers();
+    }
+    ngOnChanges(changes) {
+        this.initForm();
+        this.startLocalStorageWork();
+        if (changes['user']) {
+            if (this.user != null) {
+                this.setDataUsers();
+                this.cdRef.detectChanges();
+            }
+            else {
+            }
+        }
     }
     initForm() {
         this.codSelfFormStepOne = this.fb.group({
@@ -6143,6 +6348,9 @@ class CodSelfFormStepOneComponent {
             country: ['', [Validators.required], []],
             state: ['', [Validators.required], []],
             city: ['', [Validators.required], []],
+            student_email: ['', [Validators.required, Validators.email]],
+            student_phone_indicative: ['', [Validators.required], []],
+            student_phone_number: ['', [Validators.required, Validators.minLength(8), Validators.maxLength(15)]],
         });
         // Calcular edad y setear valor
         this.codSelfFormStepOne.controls['birthdate'].valueChanges.subscribe({
@@ -6163,7 +6371,7 @@ class CodSelfFormStepOneComponent {
                 else {
                     this.codSelfFormStepOne.controls['birthdate'].setErrors(null);
                 }
-                this.codSelfFormStepOne.controls['age'].setValue(age);
+                // this.codSelfFormStepOne.controls['age'].setValue(age);
             }
         });
     }
@@ -6194,15 +6402,18 @@ class CodSelfFormStepOneComponent {
         });
     }
     setDataUsers() {
-        this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name ? this.user.name : null);
-        this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name ? this.user.last_name : null);
-        this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type ? this.user.id_card_type : null);
-        this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card ? this.user.id_card : null);
+        this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name);
+        this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name);
+        this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type);
+        this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card);
         this.codSelfFormStepOne.controls['country'].setValue(this.user.city[0]?.country != (1 || null) ? this.user.city[0]?.country : null);
         this.codSelfFormStepOne.controls['state'].setValue(this.user.city[0]?.state != (33 || null) ? this.user.city[0]?.state : null);
         this.codSelfFormStepOne.controls['city'].setValue(this.user.city[0]?.code != (1 || null) ? this.user.city[0]?.code : null);
-        this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender ? this.user.gender : null);
-        this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate ? this.user.birthdate : null);
+        this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender);
+        this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate);
+        this.codSelfFormStepOne.controls['student_email'].setValue(this.user.email);
+        this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(this.user.phone_indicative);
+        this.codSelfFormStepOne.controls['student_phone_number'].setValue(this.user.phone_number);
     }
     selectCountry(country) {
         let iso = '';
@@ -6218,7 +6429,7 @@ class CodSelfFormStepOneComponent {
             this.codSelfFormStepOne.controls['country'].setValue(country);
             this.parameterService.getStatesByCountry(iso).subscribe((response) => {
                 this.states = response.data;
-                // this.selectState(this.localStorageCOD.getCodFormData(2, 'state'));
+                this.selectState(this.localStorageCOD.getCodFormData(2, 'state'));
             });
         }
         else {
@@ -6228,8 +6439,8 @@ class CodSelfFormStepOneComponent {
     }
     selectState(state) {
         if (state !== 'Departamento o estado') {
-            this.codSelfFormStepOne.controls['state'].setValue(state);
             this.getState(state);
+            this.codSelfFormStepOne.controls['state'].setValue(state);
         }
         else {
             this.codSelfFormStepOne.controls['state'].setValue(null);
@@ -6261,6 +6472,14 @@ class CodSelfFormStepOneComponent {
             this.codSelfFormStepOne.controls['gender'].setValue(null);
         }
     }
+    selectIndicatives(indicative) {
+        if (indicative !== 'Indicativo') {
+            this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(indicative);
+        }
+        else {
+            this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(null);
+        }
+    }
     sendForm() {
         this.codSelfFormStepOne.markAllAsTouched();
         if (this.codSelfFormStepOne.invalid)
@@ -6274,53 +6493,99 @@ class CodSelfFormStepOneComponent {
     getCity(state) {
         this.parameterService.getCitiesByState(state).subscribe((response) => {
             this.cities = response.data;
-            // this.selectCity(this.localStorageCOD.getCodFormData(2, 'city'));
+            this.selectCity(this.localStorageCOD.getCodFormData(1, 'city'));
+        });
+    }
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(1, control.name);
+            this.codSelfFormStepOne.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(1, control.name, this.codSelfFormStepOne.controls[control.name].valueChanges);
         });
     }
+    showConfirm() {
+        // if (!this.visible) {
+        //     this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?' });
+        //     this.visible = true;
+        // }
+    }
 }
-CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }], 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: { user: "user" }, outputs: { completed: "completed" }, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\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\n    </form>\n\n    <div class=\"flex 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-main{margin:1%}.container-form{margin:5%;border-radius:6px;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}\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", "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: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: i0.ChangeDetectorRef }], 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: { user: "user" }, outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n    <!-- <i class=\"pi pi-exclamation-circle\"> -->\n      <!-- <p-toast position=\"bottom-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"5000\">\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                    <p-avatar image=\"https://primefaces.org/cdn/primeng/images/avatar/amyelsner.png\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Amy Elsner</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ message.summary }}</div>\n                <p-button class=\"p-button-sm\" label=\"Reply\" (click)=\"onConfirm()\"></p-button>\n            </div>\n        </ng-template>\n    </p-toast> -->\n    <!-- </i> -->\n\n    <button type=\"button\" pButton pRipple (click)=\"showConfirm()\">\n      <i class=\"pi pi-exclamation-circle\"></i> <!-- Aqu\u00ED se agrega el icono -->\n    </button>\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 numero de telefono v\u00E1lido.</span>\n      </div>\n    </form>\n\n    <div class=\"flex 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\n<div>\n  <pre>{{ codSelfFormStepOne.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;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}\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", "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: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 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    <h2>Datos Personales</h2>\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\n    </form>\n\n    <div class=\"flex 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-main{margin:1%}.container-form{margin:5%;border-radius:6px;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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { user: [{
+            args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n    <!-- <i class=\"pi pi-exclamation-circle\"> -->\n      <!-- <p-toast position=\"bottom-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"5000\">\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                    <p-avatar image=\"https://primefaces.org/cdn/primeng/images/avatar/amyelsner.png\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Amy Elsner</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ message.summary }}</div>\n                <p-button class=\"p-button-sm\" label=\"Reply\" (click)=\"onConfirm()\"></p-button>\n            </div>\n        </ng-template>\n    </p-toast> -->\n    <!-- </i> -->\n\n    <button type=\"button\" pButton pRipple (click)=\"showConfirm()\">\n      <i class=\"pi pi-exclamation-circle\"></i> <!-- Aqu\u00ED se agrega el icono -->\n    </button>\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 numero de telefono v\u00E1lido.</span>\n      </div>\n    </form>\n\n    <div class=\"flex 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\n<div>\n  <pre>{{ codSelfFormStepOne.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n  </div>\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { user: [{
                 type: Input
             }], completed: [{
                 type: Output
             }] } });
 
-class CodSelfFormStepTwoComponent {
-    constructor() {
+class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
+    constructor(fb, cdRef) {
+        super();
+        this.fb = fb;
+        this.cdRef = cdRef;
         this.completed = new EventEmitter();
+        this.controls = new CodSelfManagedControls().controls[1];
+    }
+    ngOnInit() {
+        this.initForm();
+        this.startLocalStorageWork();
+    }
+    ngOnChanges() {
+        // this.initForm();
+        // this.startLocalStorageWork();
+    }
+    initForm() {
+        this.codSelfFormStepTwo = this.fb.group({
+            schedule: ['', [Validators.required]],
+            // academic_plan: ['', [Validators.required]],
+            // course_type:['', [Validators.required]],
+            // agreement_by_category: ['', [Validators.required],],
+            // english_level: [{value: '', disabled: true}, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
+            // availible_courses: ['', [Validators.required]],
+            // course_modality: ['', [Validators.required],],
+        });
     }
     back() {
         // Movernos al paso anterior
         this.completed.emit(0);
     }
     sendForm() {
-        // this.codSelfFormStepOne.markAllAsTouched();
-        // if (this.codSelfFormStepOne.invalid) return;
+        // this.codSelfFormStepTwo.markAllAsTouched();
+        // if (this.codSelfFormStepTwo.invalid) return;
         // Movernos al paso 3
         this.completed.emit(2);
     }
+    startLocalStorageWork() {
+        this.controls.forEach(control => {
+            let localStorageValue = this.readAndWriteLS(2, control.name);
+            this.codSelfFormStepTwo.controls[control.name].setValue(localStorageValue.value);
+            this.listenFormChanges(2, control.name, this.codSelfFormStepTwo.controls[control.name].valueChanges);
+        });
+    }
 }
-CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [], 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", outputs: { completed: "completed" }, ngImport: i0, template: "<span>step 2</span>\n\n\n<div class=\"flex 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  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }], 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", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n\n    <form [formGroup]=\"codSelfFormStepTwo\">\n\n        <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since\">\n              <span>Selecciona un Horario deseado</span>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n        </div>\n\n    </form>\n    <div class=\"flex 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      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;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}\n"], dependencies: [{ 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.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: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i3$1.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 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: "<span>step 2</span>\n\n\n<div class=\"flex 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  type=\"submit\"\n  (click)=\"sendForm()\"\n  ></button>\n</div>\n" }]
-        }], propDecorators: { completed: [{
+            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n\n    <form [formGroup]=\"codSelfFormStepTwo\">\n\n        <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since\">\n              <span>Selecciona un Horario deseado</span>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n        </div>\n\n    </form>\n    <div class=\"flex 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      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { completed: [{
                 type: Output
             }] } });
 
-class CodSelfFormStepThreeComponent {
+class CodSelfFormStepThreeComponent extends CodSelfManagedSteps {
+    constructor() {
+        super();
+    }
 }
 CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], 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", ngImport: i0, template: "<span>step 3</span>\n", styles: [""] });
+CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", usesInheritance: true, ngImport: i0, template: "<span>step 3</span>\n", styles: [""] });
 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: "<span>step 3</span>\n" }]
-        }] });
+        }], ctorParameters: function () { return []; } });
 
 class CodSelfFormStepFourComponent {
 }
@@ -6374,7 +6639,9 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         ReactiveFormsModule,
         StepsModule,
         FormsModule,
-        ButtonModule], exports: [CodSelfManagedComponent,
+        ButtonModule,
+        // ToastModule
+        CalendarModule], exports: [CodSelfManagedComponent,
         CodSelfFormStepOneComponent,
         CodSelfFormStepTwoComponent,
         CodSelfFormStepThreeComponent,
@@ -6384,7 +6651,9 @@ codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
         ReactiveFormsModule,
         StepsModule,
         FormsModule,
-        ButtonModule] });
+        ButtonModule,
+        // ToastModule
+        CalendarModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
             type: NgModule,
             args: [{
@@ -6394,7 +6663,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         ReactiveFormsModule,
                         StepsModule,
                         FormsModule,
-                        ButtonModule
+                        ButtonModule,
+                        // ToastModule
+                        CalendarModule
                     ],
                     declarations: [
                         CodSelfManagedComponent,
@@ -6589,5 +6860,5 @@ class IUserFullDataRs {
  * Generated bundle index. Do not edit.
  */
 
-export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CodSelfFormStepFourComponent, CodSelfFormStepOneComponent, CodSelfFormStepThreeComponent, CodSelfFormStepTwoComponent, CodSelfManagedComponent, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, codSelfManagedModule, validateCoupunts };
+export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CodSelfFormStepFourComponent, CodSelfFormStepOneComponent, CodSelfFormStepThreeComponent, CodSelfFormStepTwoComponent, CodSelfManagedComponent, CodSelfManagedControls, CodSelfManagedSteps, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LocalStorageCodSelfMaganedService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, codSelfManagedModule, validateCoupunts };
 //# sourceMappingURL=iptdevs-design-system.mjs.map