iptdevs-design-system 3.1.954 → 3.1.956

package/fesm2015/iptdevs-design-system.mjs

@@ -1,39 +1,44 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, NgModule, Pipe } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, Pipe, NgModule } from '@angular/core';
 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 i7$2 from 'primeng/tabview';
+import * as i7$3 from 'primeng/tabview';
 import { TabViewModule } from 'primeng/tabview';
+import { BrowserModule } from '@angular/platform-browser';
 import * as i1$1 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule, FormControl } from '@angular/forms';
 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 { SelectButtonModule } from 'primeng/selectbutton';
+import * as i7 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
 import * as i5 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
-import * as i6 from '@angular/material/toolbar';
+import * as i6$1 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i7 from '@angular/material/list';
+import * as i7$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
 import * as i2 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
 import * as i4 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
-import * as i6$1 from 'primeng/button';
+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';
 import * as i5$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i7$1 from 'primeng/inputtextarea';
+import * as i7$2 from 'primeng/inputtextarea';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import * as i8 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
@@ -46,12 +51,9 @@ import * as i11$1 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
 import * as i12 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
-import * as i13 from 'primeng/checkbox';
-import { CheckboxModule } from 'primeng/checkbox';
 import * as i14 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { CalendarModule } from 'primeng/calendar';
-import { SelectButtonModule } from 'primeng/selectbutton';
 
 class AsideButtonComponent {
     constructor() {
@@ -1833,351 +1835,823 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 type: Output
             }] } });
 
-class SidenavComponent {
-    constructor(userService, baseService, storageService) {
-        this.userService = userService;
-        this.baseService = baseService;
-        this.storageService = storageService;
-        this.pageChangeEvent = new EventEmitter();
-        this.appUser = false;
-        this.routes = [];
-        this.options = { weekday: 'long', month: 'long', day: 'numeric' };
-        this.currentDay = new Date().toLocaleDateString('en-EN', this.options);
-        this.hour = new Date().getHours();
-    }
-    ngOnInit() {
-        var _a;
-        let user = (_a = this.storageService.getCurrentUser()) === null || _a === void 0 ? void 0 : _a.token;
-        let token = user === undefined ? '' : user;
-        let request = {
-            token: token,
-            department: this.department
-        };
-        this.userService.getRoutesForRole(request).subscribe((response) => {
-            this.routes = response.data;
-        });
-        this.appUser = this.baseService.isAnAppUser();
-    }
-    clickPage(event) {
-        this.pageChangeEvent.emit(event);
-    }
-    logout() {
-        this.storageService.logout();
-        this.pageChangeEvent.emit('logout');
+class GenderDisplayPipe {
+    transform(value) {
+        if (value === 1) {
+            return 'Masculino';
+        }
+        else if (value === 2) {
+            return 'Femenino';
+        }
+        return 'Seleccione género';
     }
 }
-SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SidenavComponent, deps: [{ token: UserService }, { token: BaseService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Component });
-SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SidenavComponent, selector: "ipt-sidenav", inputs: { department: "department", setPage: "setPage", userName: "userName" }, outputs: { pageChangeEvent: "pageChangeEvent" }, ngImport: i0, template: `
-    <mat-sidenav #sidenav mode="push" >
-      <mat-toolbar color="primary" (click)="sidenav.toggle()">
-        <span style="font-size: 15px;">{{department}}</span>
-        <span class="menu-icon-close"></span>
-      </mat-toolbar>
-
-      <mat-nav-list *ngFor="let route of routes">
-        <nav class="flex-container-menu">
-          <ipt-aside-button
-            [buttonActive]="this.setPage === route.page"
-            [icon]="route.icon"
-            [text]="route.text"
-            (isClicked)="clickPage(route.page)"
-            (click)="sidenav.toggle()"
-          >
-          </ipt-aside-button>
-        </nav>
-      </mat-nav-list>
-    </mat-sidenav>
-
-    <mat-toolbar class="header">
-      <div class="menu-container" (click)="sidenav.toggle()">
-        <p>Menu</p>
-        <div class="menu-icon"></div>
-      </div>
-
-      <img class="img-logo" src="./assets/logos/IPT-logo.png" alt="" />
-
-      <div class="text-container">
-        <span class="p1">{{ currentDay }}</span>
-        <span *ngIf="hour >= 0 && hour < 12" class="p2">
-          Hey {{ userName }}, Good morning!
-        </span>
-        <p *ngIf="hour >= 12 && hour < 18" class="p2">
-          Hey {{ userName }}, Good afternoon!
-        </p>
-        <p *ngIf="hour >= 18 && hour < 24" class="p2">
-          Hey {{ userName }}, Good evening!
-        </p>
-      </div>
-
-      <div *ngIf="!this.appUser" class="logout-container" (click)="logout()">
-        <p class="logout-button">Cerrar sesión</p>
-        <div class="photo-logout"></div>
-      </div>
-    </mat-toolbar>
-  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(./assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(./assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(./assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\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: i5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "buttonActive"], outputs: ["isClicked"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SidenavComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-sidenav', template: `
-    <mat-sidenav #sidenav mode="push" >
-      <mat-toolbar color="primary" (click)="sidenav.toggle()">
-        <span style="font-size: 15px;">{{department}}</span>
-        <span class="menu-icon-close"></span>
-      </mat-toolbar>
-
-      <mat-nav-list *ngFor="let route of routes">
-        <nav class="flex-container-menu">
-          <ipt-aside-button
-            [buttonActive]="this.setPage === route.page"
-            [icon]="route.icon"
-            [text]="route.text"
-            (isClicked)="clickPage(route.page)"
-            (click)="sidenav.toggle()"
-          >
-          </ipt-aside-button>
-        </nav>
-      </mat-nav-list>
-    </mat-sidenav>
-
-    <mat-toolbar class="header">
-      <div class="menu-container" (click)="sidenav.toggle()">
-        <p>Menu</p>
-        <div class="menu-icon"></div>
-      </div>
-
-      <img class="img-logo" src="./assets/logos/IPT-logo.png" alt="" />
-
-      <div class="text-container">
-        <span class="p1">{{ currentDay }}</span>
-        <span *ngIf="hour >= 0 && hour < 12" class="p2">
-          Hey {{ userName }}, Good morning!
-        </span>
-        <p *ngIf="hour >= 12 && hour < 18" class="p2">
-          Hey {{ userName }}, Good afternoon!
-        </p>
-        <p *ngIf="hour >= 18 && hour < 24" class="p2">
-          Hey {{ userName }}, Good evening!
-        </p>
-      </div>
-
-      <div *ngIf="!this.appUser" class="logout-container" (click)="logout()">
-        <p class="logout-button">Cerrar sesión</p>
-        <div class="photo-logout"></div>
-      </div>
-    </mat-toolbar>
-  `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(./assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(./assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(./assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: UserService }, { type: BaseService }, { type: StorageService }]; }, propDecorators: { department: [{
-                type: Input
-            }], setPage: [{
-                type: Input
-            }], userName: [{
-                type: Input
-            }], pageChangeEvent: [{
-                type: Output
-            }] } });
-
-class MaterialModule {
-}
-MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
-MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, imports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
+GenderDisplayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: GenderDisplayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GenderDisplayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: GenderDisplayPipe, name: "genderDisplay" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: GenderDisplayPipe, decorators: [{
+            type: Pipe,
             args: [{
-                    exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule],
+                    name: 'genderDisplay'
                 }]
         }] });
 
-class QuestionTypeComponent {
+class updateUserFormComponent {
+    constructor(fb, cdr, parameterService, baseService, userService) {
+        this.fb = fb;
+        this.cdr = cdr;
+        this.parameterService = parameterService;
+        this.baseService = baseService;
+        this.userService = userService;
+        this.visibleModal = false;
+        this.closeModalIS = new EventEmitter();
+        this.userUpdatedEvent = new EventEmitter();
+        this.photo = '';
+        this.phoneNumberIndicatives = [];
+        this.idTypes = [];
+        this.loader = false;
+        this.states = [];
+        this.cities = [];
+        this.countries = [];
+        this.showParentSection = false;
+        this.showEmailIpt = false;
+        this.indicatives = [];
+        this.civilStatus = [];
+        this.genders = [];
+        this.stratums = [];
+        this.parametersLoaded = false;
+        // userUpdated = false;
+        this.initialFormValue = [];
+        this.justifyOptions = [
+            // { name: 'Inactivos', code: 1 },
+            { name: 'Activo', code: 1 },
+            { name: 'Removido', code: 4 }
+        ];
+        this.initForm();
+    }
+    ngOnInit() {
+        console.log("entro a getParameters por ngoninit");
+        this.getParameters();
+    }
     ngOnChanges(changes) {
-        if (changes['formGruoup']) {
+        if (changes['visibleModal'] && changes['visibleModal'].currentValue) {
+            console.log("entro a getParameters por visible modal, donde el change es:", changes['visibleModal']);
+            this.initializeForm();
+            this.cdr.detectChanges();
         }
     }
-    clickDetection(value) {
-        switch (value) {
-            case 'value1':
-                if (this.formGruoup.controls['value1'].value === 1) {
-                    this.formGruoup.controls['value2'].value === 0;
-                    this.formGruoup.controls['value3'].value === 0;
-                    this.formGruoup.controls['value4'].value === 0;
-                }
-                break;
-            case 'value2':
-                if (this.formGruoup.controls['value2'].value === 1) {
-                    this.formGruoup.controls['value1'].value === 0;
-                    this.formGruoup.controls['value3'].value === 0;
-                    this.formGruoup.controls['value4'].value === 0;
-                }
-                break;
-            case 'value3':
-                if (this.formGruoup.controls['value3'].value === 1) {
-                    this.formGruoup.controls['value1'].value === 0;
-                    this.formGruoup.controls['value2'].value === 0;
-                    this.formGruoup.controls['value4'].value === 0;
-                }
-                break;
-            case 'value4':
-                if (this.formGruoup.controls['value4'].value === 1) {
-                    this.formGruoup.controls['value1'].value === 0;
-                    this.formGruoup.controls['value2'].value === 0;
-                    this.formGruoup.controls['value3'].value === 0;
-                }
-                break;
-            default:
-                console.log('exception');
-                break;
+    getParameters() {
+        if (this.parametersLoaded) {
+            this.setParameters();
+            this.initializeForm();
+            return;
         }
+        this.parameterService.getAllParametersCodForm().subscribe({
+            next: (response) => {
+                this.parametersAll = response.data;
+                this.parametersLoaded = true;
+                this.setParameters();
+                this.initializeForm();
+                this.cdr.detectChanges();
+            },
+            error: (err) => {
+                console.error('Error fetching parameters:', err);
+                this.parametersLoaded = false;
+            }
+        });
     }
-}
-QuestionTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: QuestionTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-QuestionTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: QuestionTypeComponent, selector: "ipt-question-types", inputs: { questionType: "questionType", formGruoup: "formGruoup" }, usesOnChanges: true, ngImport: i0, template: `
-    <div
-      *ngIf="
-        this.questionType === 'True or False' ||
-        this.questionType === 'Correct or Incorrect'
-      "
-      class="sectionABCD"
-    >
-      <fieldset disabled="disabled">
-        <ipt-input
-          [control]="formGruoup.controls['answer1']"
-          [inputType]="'text'"
-          [placeHolder]="
-            this.questionType === 'True or False' ? 'True' : 'Correct'
-          "
-          [validateText]="'Este campo es requerido'"
-        >
-        </ipt-input>
-      </fieldset>
-      <ipt-input
-        [control]="formGruoup.controls['value1']"
-        [inputType]="'number'"
-        [placeHolder]="'Valor *'"
-        [validateText]="'Debe ser 0 o 1'"
-        (click)='clickDetection("value1")'
-      >
-      </ipt-input>
-      <fieldset disabled="disabled">
-        <ipt-input
-          [control]="formGruoup.controls['answer2']"
-          [inputType]="'text'"
-          [placeHolder]="
-            this.questionType === 'True or False' ? 'False' : 'Incorrect'
-          "
-          [validateText]="'Este campo es requerido'"
-        >
-        </ipt-input>
-      </fieldset>
-      <ipt-input
-        [control]="formGruoup.controls['value2']"
-        [inputType]="'number'"
-        [placeHolder]="'Valor *'"
-        [validateText]="'Debe ser 0 o 1'"
-        (click)='clickDetection("value2")'
-      >
-      </ipt-input>
-    </div>
+    setParameters() {
+        var _a, _b, _c, _d, _e, _f;
+        this.idTypes = (_a = this.parametersAll) === null || _a === void 0 ? void 0 : _a.TypeIdCardByCountryCol;
+        this.indicatives = (_b = this.parametersAll) === null || _b === void 0 ? void 0 : _b.indicatives;
+        this.countries = (_c = this.parametersAll) === null || _c === void 0 ? void 0 : _c.country;
+        this.civilStatus = (_d = this.parametersAll) === null || _d === void 0 ? void 0 : _d.civilStatus;
+        this.states = (_e = this.parametersAll) === null || _e === void 0 ? void 0 : _e.State;
+        this.cities = (_f = this.parametersAll) === null || _f === void 0 ? void 0 : _f.city;
+        // this.genders = [
+        //   { code: 1, name: 'Masculino' },
+        //   { code: 2, name: 'Femenino' }
+        // ];
+        if (this.parametersAll && this.parametersAll.gender) {
+            // Transformar gender en un arreglo de { code, name }
+            this.genders = this.parametersAll.gender.map((gender) => ({
+                code: gender.code,
+                name: gender.name_spanish
+            }));
+        }
+        else {
+            this.genders = [];
+        }
+    }
+    initializeForm() {
+        var _a, _b, _c, _d;
+        this.showParentSection = !!((_c = (_b = (_a = this.DataStudent) === null || _a === void 0 ? void 0 : _a.cods) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.code);
+        this.showEmailIpt = !!((_d = this.DataStudent) === null || _d === void 0 ? void 0 : _d.email_ipt) && this.DataStudent.email_ipt !== false;
+        this.initForm();
+        this.populateForm();
+    }
+    initForm() {
+        var _a, _b, _c;
+        const baseForm = {
+            name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(32)]],
+            last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(32)]],
+            email: ['', [Validators.required, Validators.email, Validators.maxLength(300)]],
+            gender: ['', [Validators.required]],
+            id_card_type: ['', [Validators.required]],
+            id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
+            phone_indicative: ['', [Validators.required]],
+            phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(15)]],
+            country: ['', [Validators.required]],
+            state: ['', [Validators.required]],
+            city: ['', [Validators.required]],
+            role: [{ value: '', disabled: true }],
+            service_hour: ['', Validators.required],
+            password: ['', []],
+            re_password: ['', []],
+            changePassword: [false],
+            status: ['', Validators.required]
+        };
+        if (this.showEmailIpt) {
+            Object.assign(baseForm, {
+                email_ipt: ['', [Validators.required, Validators.email, Validators.maxLength(255)]]
+            });
+        }
+        if (this.showParentSection) {
+            Object.assign(baseForm, {
+                parent_name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(150)]],
+                parent_last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(150)]],
+                parent_id_card_type: ['', [Validators.required]],
+                parent_id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(30)]],
+                parent_phone_indicative: ['', [Validators.required]],
+                parent_phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(20)]],
+                parent_occupation: ['', [Validators.required, Validators.maxLength(50)]],
+                parent_office_adrress: ['', [Validators.required, Validators.maxLength(150)]],
+                parent_email: ['', [Validators.email, Validators.maxLength(255)]]
+            });
+        }
+        this.updateUserForm = this.fb.group(baseForm, { validators: this.passwordMatchValidator });
+        (_a = this.updateUserForm.get('changePassword')) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe((checked) => {
+            const passwordControl = this.updateUserForm.get('password');
+            const rePasswordControl = this.updateUserForm.get('re_password');
+            if (checked) {
+                passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.setValidators([Validators.required, Validators.minLength(5), Validators.maxLength(32)]);
+                rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.setValidators([Validators.required, Validators.minLength(5), Validators.maxLength(32)]);
+            }
+            else {
+                passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.clearValidators();
+                rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.clearValidators();
+                passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.setValue('');
+                rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.setValue('');
+            }
+            passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.updateValueAndValidity();
+            rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.updateValueAndValidity();
+        });
+        (_b = this.updateUserForm.get('password')) === null || _b === void 0 ? void 0 : _b.valueChanges.subscribe(() => {
+            this.updateUserForm.updateValueAndValidity();
+        });
+        (_c = this.updateUserForm.get('re_password')) === null || _c === void 0 ? void 0 : _c.valueChanges.subscribe(() => {
+            this.updateUserForm.updateValueAndValidity();
+        });
+    }
+    passwordMatchValidator(form) {
+        var _a, _b, _c;
+        const changePassword = (_a = form.get('changePassword')) === null || _a === void 0 ? void 0 : _a.value;
+        const password = (_b = form.get('password')) === null || _b === void 0 ? void 0 : _b.value;
+        const rePassword = (_c = form.get('re_password')) === null || _c === void 0 ? void 0 : _c.value;
+        if (!changePassword) {
+            return null;
+        }
+        const mismatch = password && rePassword && password !== rePassword;
+        return mismatch ? { mismatch: true } : null;
+    }
+    noWhitespaceValidator(control) {
+        if (control.value && typeof control.value === 'string') {
+            const trimmedValue = control.value.trim();
+            if (trimmedValue.length === 0) {
+                return { onlyWhitespace: true };
+            }
+            if (control.value !== trimmedValue) {
+                return { hasWhitespace: true };
+            }
+        }
+        return null;
+    }
+    transformRole(role) {
+        const roleMap = {
+            1: 'Super Admin',
+            10: 'Jefe Academico',
+            11: 'Coordinador Academico',
+            12: 'Teacher Academico',
+            13: 'Estudiante',
+            15: 'Posible Estudiante',
+            20: 'Jefe Marketing',
+            21: 'Coordinador Marketing',
+            22: 'Auxiliar Marketing',
+            30: 'Jefe Administrativo',
+            31: 'Coordinador Administrativo',
+            32: 'Cajero Administrativo',
+            40: 'Jefe Comercial',
+            41: 'Coordinador Comercial',
+            42: 'Asesor Comercial',
+            50: 'Jefe Cartera',
+            51: 'Coordinador Cartera',
+            52: 'Asesor Cartera',
+            60: 'Proveedor'
+        };
+        return roleMap[Number(role)] || '';
+    }
+    populateForm() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+        if (this.DataStudent) {
+            const formValue = {
+                name: this.DataStudent.name || '',
+                last_name: this.DataStudent.last_name || '',
+                email: this.DataStudent.email || '',
+                gender: this.DataStudent.gender || null,
+                id_card_type: this.DataStudent.id_card_type || '',
+                id_card: this.DataStudent.id_card || '',
+                phone_indicative: this.DataStudent.phone_indicative || '',
+                phone_number: this.DataStudent.phone_number || '',
+                country: (_a = this.DataStudent.city) === null || _a === void 0 ? void 0 : _a.country,
+                state: (_b = this.DataStudent.city) === null || _b === void 0 ? void 0 : _b.state,
+                city: (_c = this.DataStudent.city) === null || _c === void 0 ? void 0 : _c.code,
+                role: this.transformRole(this.DataStudent.role) || '',
+                service_hour: this.DataStudent.service_hour || 0,
+                changePassword: false,
+                password: '',
+                re_password: '',
+                status: this.DataStudent.user_status || ''
+            };
+            if (this.showEmailIpt) {
+                formValue.email_ipt = this.DataStudent.email_ipt || '';
+            }
+            if (this.showParentSection) {
+                Object.assign(formValue, {
+                    parent_name: ((_e = (_d = this.DataStudent.cods) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.name) || '',
+                    parent_last_name: ((_g = (_f = this.DataStudent.cods) === null || _f === void 0 ? void 0 : _f.parent) === null || _g === void 0 ? void 0 : _g.last_name) || '',
+                    parent_id_card_type: ((_j = (_h = this.DataStudent.cods) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.id_card_type) || '',
+                    parent_id_card: ((_l = (_k = this.DataStudent.cods) === null || _k === void 0 ? void 0 : _k.parent) === null || _l === void 0 ? void 0 : _l.id_card) || '',
+                    parent_phone_indicative: ((_o = (_m = this.DataStudent.cods) === null || _m === void 0 ? void 0 : _m.parent) === null || _o === void 0 ? void 0 : _o.phone_indicative) || '',
+                    parent_phone_number: ((_q = (_p = this.DataStudent.cods) === null || _p === void 0 ? void 0 : _p.parent) === null || _q === void 0 ? void 0 : _q.phone_number) || '',
+                    parent_occupation: ((_s = (_r = this.DataStudent.cods) === null || _r === void 0 ? void 0 : _r.parent) === null || _s === void 0 ? void 0 : _s.occupation) || '',
+                    parent_office_adrress: ((_u = (_t = this.DataStudent.cods) === null || _t === void 0 ? void 0 : _t.parent) === null || _u === void 0 ? void 0 : _u.office_adrress) || '',
+                    parent_email: ((_w = (_v = this.DataStudent.cods) === null || _v === void 0 ? void 0 : _v.parent) === null || _w === void 0 ? void 0 : _w.email) || ''
+                });
+            }
+            this.updateUserForm.reset();
+            this.updateUserForm.patchValue(formValue);
+            this.initialFormValue = Object.assign({}, this.updateUserForm.value);
+            if (formValue.country) {
+                console.log("en populateForm se envio dato para setearse country");
+                this.countries = (_x = this.parametersAll) === null || _x === void 0 ? void 0 : _x.country;
+                this.selectCountry((_y = this.DataStudent.city) === null || _y === void 0 ? void 0 : _y.country);
+            }
+            if (formValue.state) {
+                this.selectState((_z = this.DataStudent.city) === null || _z === void 0 ? void 0 : _z.state);
+            }
+            if (formValue.city) {
+                this.selectCity((_0 = this.DataStudent.city) === null || _0 === void 0 ? void 0 : _0.code);
+            }
+            if (formValue.id_card_type) {
+                this.idTypes = (_1 = this.parametersAll) === null || _1 === void 0 ? void 0 : _1.TypeIdCardByCountryCol;
+                this.selectGender(this.DataStudent.id_card_type);
+            }
+            if (formValue.phone_indicative) {
+                this.indicatives = (_2 = this.parametersAll) === null || _2 === void 0 ? void 0 : _2.indicatives;
+                this.selectIndicative('phone_indicative', this.DataStudent.phone_indicative);
+            }
+            if (formValue.parent_phone_indicative) {
+                this.indicatives = (_3 = this.parametersAll) === null || _3 === void 0 ? void 0 : _3.indicatives;
+                this.selectIndicative('parent_phone_indicative', (_5 = (_4 = this.DataStudent.cods) === null || _4 === void 0 ? void 0 : _4.parent) === null || _5 === void 0 ? void 0 : _5.phone_indicative);
+            }
+            if (formValue.gender) {
+                if (this.parametersAll && this.parametersAll.gender) {
+                    // Transformar gender en un arreglo de { code, name }
+                    this.genders = this.parametersAll.gender.map((gender) => ({
+                        code: gender.code,
+                        name: gender.name_spanish
+                    }));
+                }
+                else {
+                    this.genders = [];
+                }
+                this.selectGender(this.DataStudent.gender);
+            }
+        }
+    }
+    closeTable() {
+        this.visibleModal = false;
+        this.updateUserForm.reset();
+        this.idTypes = [];
+        this.countries = [];
+        this.genders = [];
+        this.closeModalIS.emit(false);
+    }
+    selectRol(role) {
+        var _a, _b;
+        if (role !== null) {
+            (_a = this.updateUserForm.get('role')) === null || _a === void 0 ? void 0 : _a.setValue(this.transformRole(role));
+        }
+        else {
+            (_b = this.updateUserForm.get('role')) === null || _b === void 0 ? void 0 : _b.setValue('');
+        }
+    }
+    selectIndicative(field, indicative) {
+        var _a, _b;
+        if (indicative !== null) {
+            (_a = this.updateUserForm.get(field)) === null || _a === void 0 ? void 0 : _a.setValue(indicative);
+        }
+        else {
+            (_b = this.updateUserForm.get(field)) === null || _b === void 0 ? void 0 : _b.setValue(null);
+        }
+    }
+    selectIdType(field, idType) {
+        var _a, _b;
+        if (idType !== null) {
+            (_a = this.updateUserForm.get(field)) === null || _a === void 0 ? void 0 : _a.setValue(idType);
+        }
+        else {
+            (_b = this.updateUserForm.get(field)) === null || _b === void 0 ? void 0 : _b.setValue(null);
+        }
+    }
+    selectGender(gender) {
+        var _a, _b;
+        if (gender !== null) {
+            (_a = this.updateUserForm.get('gender')) === null || _a === void 0 ? void 0 : _a.setValue(gender);
+        }
+        else {
+            (_b = this.updateUserForm.get('gender')) === null || _b === void 0 ? void 0 : _b.setValue(null);
+        }
+    }
+    selectCountry(country) {
+        var _a;
+        const countryNumber = typeof country === 'string' ? parseInt(country, 10) : country;
+        if (country != null) {
+            this.updateUserForm.controls['country'].setValue(countryNumber);
+            console.log("se seteo country con el valor que entro en selectCountry");
+            if (this.parametersAll && ((_a = this.parametersAll) === null || _a === void 0 ? void 0 : _a.State)) {
+                this.states = this.parametersAll.State.filter((course) => {
+                    const state = typeof course.country === 'string'
+                        ? parseInt(course.country, 10)
+                        : course.country;
+                    return state === countryNumber;
+                });
+            }
+            else {
+                this.states = [];
+            }
+            this.updateUserForm.controls['state'].setValue(null);
+            this.updateUserForm.controls['city'].setValue(null);
+            this.cities = [];
+        }
+        else {
+            this.updateUserForm.controls['country'].setValue(null);
+            this.states = [];
+            this.cities = [];
+            this.cdr.detectChanges();
+        }
+    }
+    selectState(state) {
+        const stateNumber = typeof state === 'string' ? parseInt(state, 10) : state;
+        if (state !== null) {
+            this.updateUserForm.controls['state'].setValue(stateNumber);
+            this.updateUserForm.controls['city'].setValue(null);
+            this.cities = [];
+            this.getState(stateNumber);
+        }
+        else {
+            this.updateUserForm.controls['state'].setValue(null);
+            this.updateUserForm.controls['city'].setValue(null);
+            this.cities = [];
+        }
+    }
+    getState(state) {
+        this.getCity(state);
+    }
+    getCity(state) {
+        var _a;
+        const stateNumber = typeof state === 'string' ? parseInt(state, 10) : state;
+        if ((_a = this.parametersAll) === null || _a === void 0 ? void 0 : _a.city) {
+            this.cities = this.parametersAll.city.filter((course) => {
+                const cityState = typeof course.state === 'string' ? parseInt(course.state, 10) : course.state;
+                return cityState === stateNumber;
+            });
+        }
+        else {
+            this.cities = [];
+        }
+    }
+    selectCity(city) {
+        const cityNumber = typeof city === 'string' ? parseInt(city, 10) : city;
+        if (city !== null) {
+            this.updateUserForm.controls['city'].setValue(cityNumber);
+        }
+        else {
+            this.updateUserForm.controls['city'].setValue(null);
+        }
+    }
+    setPhoto(type) {
+        if (type === 'student')
+            this.photo = '/platform/academic/assets/student.jpg';
+        if (type === 'academic')
+            this.photo = '/platform/academic/assets/academico.png';
+        if (type === 'administrative')
+            this.photo = '/platform/administrative/assets/administrativo.jpg';
+        if (type === 'marketing')
+            this.photo = '/platform/marketing/assets/marketing.jpg';
+        if (type === 'commercial')
+            this.photo = '/platform/commercial/assets/user-form-assets/comercial.jpg';
+        if (type === 'treasure')
+            this.photo = '/platform/treasure/assets/administrativo.jpg';
+    }
+    updateUser() {
+        var _a, _b;
+        if (this.updateUserForm.invalid ||
+            this.updateUserForm.hasError('mismatch') ||
+            !this.hasFormChanged()) {
+            this.updateUserForm.markAllAsTouched();
+            console.log('createUser - Validation failed:', {
+                invalid: this.updateUserForm.invalid,
+                mismatch: this.updateUserForm.hasError('mismatch'),
+                hasChanges: this.hasFormChanged()
+            });
+            return;
+        }
+        this.loader = true;
+        const formValue = this.updateUserForm.getRawValue();
+        const request = {
+            token: this.baseService.getUserToken(),
+            user: Object.assign(Object.assign({ code: this.DataStudent.code, name: formValue.name, last_name: formValue.last_name, id_card_type: formValue.id_card_type, id_card: formValue.id_card, phone_indicative: formValue.phone_indicative, phone_number: formValue.phone_number, email: formValue.email, gender: formValue.gender, city: formValue.city, service_hour: formValue.service_hour, role: this.DataStudent.role, status: formValue.status }, (this.showEmailIpt ? { email_ipt: formValue.email_ipt } : {})), (formValue.changePassword && formValue.password ? { password: formValue.password } : {})),
+            parent: this.showParentSection
+                ? {
+                    code: ((_b = (_a = this.DataStudent.cods) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.code) || null,
+                    name: formValue.parent_name || null,
+                    last_name: formValue.parent_last_name || null,
+                    id_card_type: formValue.parent_id_card_type || null,
+                    id_card: formValue.parent_id_card || null,
+                    phone_indicative: formValue.parent_phone_indicative || null,
+                    phone_number: formValue.parent_phone_number || null,
+                    occupation: formValue.parent_occupation || null,
+                    office_adrress: formValue.parent_office_adrress || null,
+                    email: formValue.parent_email || null
+                }
+                : null
+        };
+        console.log(request);
+        this.userService.updateUserAndParentByCode(request).subscribe((response) => {
+            // this.courseType = response.data;
+            if (response.message.code === 1) {
+                Swal.fire({
+                    position: 'center',
+                    icon: 'success',
+                    title: 'usuario actualizado satisfactoriamente',
+                    showConfirmButton: false,
+                    timer: 2500,
+                });
+                // this.userUpdated = true
+                this.userUpdatedEvent.emit();
+                this.closeTable();
+            }
+            else {
+                Swal.fire({
+                    position: 'center',
+                    icon: 'error',
+                    title: 'Ha ocurrido un error inesperado',
+                    showConfirmButton: false,
+                    timer: 2500,
+                });
+                // this.userUpdated = false
+            }
+        });
+        this.loader = false;
+    }
+    hasFormChanged() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        if (!this.initialFormValue || !this.DataStudent) {
+            return false;
+        }
+        const currentValue = this.updateUserForm.getRawValue();
+        if (currentValue.changePassword) {
+            const password = currentValue.password;
+            const rePassword = currentValue.re_password;
+            const passwordControl = this.updateUserForm.get('password');
+            const rePasswordControl = this.updateUserForm.get('re_password');
+            if ((passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.valid) &&
+                (rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.valid) &&
+                password === rePassword &&
+                (password === null || password === void 0 ? void 0 : password.trim()) !== '') {
+                return true;
+            }
+        }
+        const fieldsToCompare = [
+            'name',
+            'last_name',
+            'email',
+            'gender',
+            'id_card_type',
+            'id_card',
+            'phone_indicative',
+            'phone_number',
+            'country',
+            'state',
+            'city',
+            'role',
+            'service_hour',
+            'status'
+        ];
+        if (this.showEmailIpt) {
+            fieldsToCompare.push('email_ipt');
+        }
+        if (this.showParentSection) {
+            fieldsToCompare.push('parent_name', 'parent_last_name', 'parent_id_card_type', 'parent_id_card', 'parent_phone_indicative', 'parent_phone_number', 'parent_occupation', 'parent_office_adrress', 'parent_email');
+        }
+        for (const field of fieldsToCompare) {
+            let originalValue;
+            let currentFieldValue = currentValue[field];
+            switch (field) {
+                case 'name':
+                    originalValue = this.DataStudent.name || '';
+                    break;
+                case 'last_name':
+                    originalValue = this.DataStudent.last_name || '';
+                    break;
+                case 'email':
+                    originalValue = this.DataStudent.email || '';
+                    break;
+                case 'email_ipt':
+                    originalValue = this.DataStudent.email_ipt || '';
+                    break;
+                case 'gender':
+                    originalValue = this.DataStudent.gender || null;
+                    break;
+                case 'id_card_type':
+                    originalValue = this.DataStudent.id_card_type || '';
+                    break;
+                case 'id_card':
+                    originalValue = this.DataStudent.id_card || '';
+                    break;
+                case 'phone_indicative':
+                    originalValue = this.DataStudent.phone_indicative || '';
+                    break;
+                case 'phone_number':
+                    originalValue = this.DataStudent.phone_number || '';
+                    break;
+                case 'country':
+                    originalValue = ((_a = this.DataStudent.city) === null || _a === void 0 ? void 0 : _a.country) || '';
+                    break;
+                case 'state':
+                    originalValue = ((_b = this.DataStudent.city) === null || _b === void 0 ? void 0 : _b.state) || '';
+                    break;
+                case 'city':
+                    originalValue = ((_c = this.DataStudent.city) === null || _c === void 0 ? void 0 : _c.code) || '';
+                    break;
+                case 'role':
+                    originalValue = this.transformRole(this.DataStudent.role) || '';
+                    break;
+                case 'service_hour':
+                    originalValue = this.DataStudent.service_hour;
+                    break;
+                case 'status':
+                    originalValue = this.DataStudent.user_status || '';
+                    break;
+                case 'parent_name':
+                    originalValue = ((_e = (_d = this.DataStudent.cods) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.name) || '';
+                    break;
+                case 'parent_last_name':
+                    originalValue = ((_g = (_f = this.DataStudent.cods) === null || _f === void 0 ? void 0 : _f.parent) === null || _g === void 0 ? void 0 : _g.last_name) || '';
+                    break;
+                case 'parent_id_card_type':
+                    originalValue = (_j = (_h = this.DataStudent.cods) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.id_card_type;
+                    break;
+                case 'parent_id_card':
+                    originalValue = ((_l = (_k = this.DataStudent.cods) === null || _k === void 0 ? void 0 : _k.parent) === null || _l === void 0 ? void 0 : _l.id_card) || '';
+                    break;
+                case 'parent_phone_indicative':
+                    originalValue = ((_o = (_m = this.DataStudent.cods) === null || _m === void 0 ? void 0 : _m.parent) === null || _o === void 0 ? void 0 : _o.phone_indicative) || '';
+                    break;
+                case 'parent_phone_number':
+                    originalValue = ((_q = (_p = this.DataStudent.cods) === null || _p === void 0 ? void 0 : _p.parent) === null || _q === void 0 ? void 0 : _q.phone_number) || '';
+                    break;
+                case 'parent_occupation':
+                    originalValue = ((_s = (_r = this.DataStudent.cods) === null || _r === void 0 ? void 0 : _r.parent) === null || _s === void 0 ? void 0 : _s.occupation) || '';
+                    break;
+                case 'parent_office_adrress':
+                    originalValue = ((_u = (_t = this.DataStudent.cods) === null || _t === void 0 ? void 0 : _t.parent) === null || _u === void 0 ? void 0 : _u.office_adrress) || '';
+                    break;
+                case 'parent_email':
+                    originalValue = ((_w = (_v = this.DataStudent.cods) === null || _v === void 0 ? void 0 : _v.parent) === null || _w === void 0 ? void 0 : _w.email) || '';
+                    break;
+                default:
+                    originalValue = '';
+            }
+            const normalizedCurrent = currentFieldValue != null ? String(currentFieldValue).trim() : '';
+            const normalizedOriginal = originalValue != null ? String(originalValue).trim() : '';
+            if (normalizedCurrent !== normalizedOriginal) {
+                return true;
+            }
+        }
+        return false;
+    }
+}
+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: "<!-- <p-dialog\n  [(visible)]=\"visibleModal\"\n  [style]=\"{width: '80%'}\"\n  header=\"Actualizar usuario\"\n  [modal]=\"true\"\n  styleClass=\"p-fluid\"\n  (onHide)=\"closeTable()\"\n  [dismissableMask]=\"true\"\n  [breakpoints]=\"{'1920px': '75vw', '1440px': '75vw', '1024px': '75vw', '576px': '100vw'}\"\n> -->\n<!-- <div>\n  <pre>{{ updateUserForm.value | json }}</pre>\n  <div>\n    <pre>{{ updateUserForm.valid | json }}</pre>\n  </div>\n</div> -->\n<main *ngIf=\"visibleModal\">\n  <div @fade class=\"modal_container\">\n    <div class=\"header_modal\">\n      <!-- <h1>Crear usuario de {{ userType | titlecase}}</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]=\"'number'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"'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 *ngIf=\"this.DataStudent.role !== 13\" class=\"card flex justify-content-center align-content-center align-items-end text-cen ter \">\n              <p-selectButton [options]=\"justifyOptions\" formControlName=\"status\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\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\n          <div class=\"buttons-container\">\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          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</main>\n\n<!-- </p-dialog> -->", 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:60%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:3px}.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:.25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.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:1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{height:1px;max-width:67%}.error-message{color:red;font-size:12px;margin-top:5px}.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}\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.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" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: updateUserFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-update-user-form', template: "<!-- <p-dialog\n  [(visible)]=\"visibleModal\"\n  [style]=\"{width: '80%'}\"\n  header=\"Actualizar usuario\"\n  [modal]=\"true\"\n  styleClass=\"p-fluid\"\n  (onHide)=\"closeTable()\"\n  [dismissableMask]=\"true\"\n  [breakpoints]=\"{'1920px': '75vw', '1440px': '75vw', '1024px': '75vw', '576px': '100vw'}\"\n> -->\n<!-- <div>\n  <pre>{{ updateUserForm.value | json }}</pre>\n  <div>\n    <pre>{{ updateUserForm.valid | json }}</pre>\n  </div>\n</div> -->\n<main *ngIf=\"visibleModal\">\n  <div @fade class=\"modal_container\">\n    <div class=\"header_modal\">\n      <!-- <h1>Crear usuario de {{ userType | titlecase}}</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]=\"'number'\"\n              [placeHolder]=\"'Documento'\"\n              [control]=\"updateUserForm.controls['id_card']\"\n              [validateText]=\"'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 *ngIf=\"this.DataStudent.role !== 13\" class=\"card flex justify-content-center align-content-center align-items-end text-cen ter \">\n              <p-selectButton [options]=\"justifyOptions\" formControlName=\"status\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\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\n          <div class=\"buttons-container\">\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          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</main>\n\n<!-- </p-dialog> -->", 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:60%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:3px}.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:.25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.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:1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{height:1px;max-width:67%}.error-message{color:red;font-size:12px;margin-top:5px}.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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: ParameterService }, { type: BaseService }, { type: UserService }]; }, propDecorators: { DataStudent: [{
+                type: Input
+            }], visibleModal: [{
+                type: Input
+            }], closeModalIS: [{
+                type: Output
+            }], userUpdatedEvent: [{
+                type: Output
+            }] } });
+
+class SidenavComponent {
+    constructor(userService, baseService, storageService) {
+        this.userService = userService;
+        this.baseService = baseService;
+        this.storageService = storageService;
+        this.pageChangeEvent = new EventEmitter();
+        this.appUser = false;
+        this.routes = [];
+        this.options = { weekday: 'long', month: 'long', day: 'numeric' };
+        this.currentDay = new Date().toLocaleDateString('en-EN', this.options);
+        this.hour = new Date().getHours();
+    }
+    ngOnInit() {
+        var _a;
+        let user = (_a = this.storageService.getCurrentUser()) === null || _a === void 0 ? void 0 : _a.token;
+        let token = user === undefined ? '' : user;
+        let request = {
+            token: token,
+            department: this.department
+        };
+        this.userService.getRoutesForRole(request).subscribe((response) => {
+            this.routes = response.data;
+        });
+        this.appUser = this.baseService.isAnAppUser();
+    }
+    clickPage(event) {
+        this.pageChangeEvent.emit(event);
+    }
+    logout() {
+        this.storageService.logout();
+        this.pageChangeEvent.emit('logout');
+    }
+}
+SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SidenavComponent, deps: [{ token: UserService }, { token: BaseService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Component });
+SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SidenavComponent, selector: "ipt-sidenav", inputs: { department: "department", setPage: "setPage", userName: "userName" }, outputs: { pageChangeEvent: "pageChangeEvent" }, ngImport: i0, template: `
+    <mat-sidenav #sidenav mode="push" >
+      <mat-toolbar color="primary" (click)="sidenav.toggle()">
+        <span style="font-size: 15px;">{{department}}</span>
+        <span class="menu-icon-close"></span>
+      </mat-toolbar>
 
-    <div
-      *ngIf="
-        this.questionType === 'Relationship' ||
-        this.questionType === 'Complete' ||
-        this.questionType === 'Conversation'
-      "
-      class="sectionABCD"
-    >
-      <ipt-input
-        [control]="formGruoup.controls['answer1']"
-        [inputType]="'text'"
-        [placeHolder]="'Ingrese la opción'"
-        [validateText]="'Este campo es requerido'"
-      >
-      </ipt-input>
-      <ipt-input
-        [control]="formGruoup.controls['value1']"
-        [inputType]="'number'"
-        [placeHolder]="'Valor *'"
-        [validateText]="'Debe ser 0 o 1'"
-        (click)='clickDetection("value1")'
-      >
-      </ipt-input>
-    </div>
+      <mat-nav-list *ngFor="let route of routes">
+        <nav class="flex-container-menu">
+          <ipt-aside-button
+            [buttonActive]="this.setPage === route.page"
+            [icon]="route.icon"
+            [text]="route.text"
+            (isClicked)="clickPage(route.page)"
+            (click)="sidenav.toggle()"
+          >
+          </ipt-aside-button>
+        </nav>
+      </mat-nav-list>
+    </mat-sidenav>
 
-    <div
-      *ngIf="
-        this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
-      "
-      class="sectionABCD"
-    >
-      <ipt-input
-        [control]="formGruoup.controls['answer1']"
-        [inputType]="'text'"
-        [placeHolder]="'Opción A *'"
-        [validateText]="'Este campo es requerido'"
-      >
-      </ipt-input>
-      <ipt-input
-        [control]="formGruoup.controls['value1']"
-        [inputType]="'number'"
-        [placeHolder]="'Valor *'"
-        [validateText]="'Debe ser 0 o 1'"
-        (click)='clickDetection("value1")'
-      >
-      </ipt-input>
+    <mat-toolbar class="header">
+      <div class="menu-container" (click)="sidenav.toggle()">
+        <p>Menu</p>
+        <div class="menu-icon"></div>
+      </div>
 
-      <ipt-input
-        [control]="formGruoup.controls['answer2']"
-        [inputType]="'text'"
-        [placeHolder]="'Opción B *'"
-        [validateText]="'Este campo es requerido'"
-      >
-      </ipt-input>
-      <ipt-input
-        [control]="formGruoup.controls['value2']"
-        [inputType]="'number'"
-        [placeHolder]="'Valor *'"
-        [validateText]="'Debe ser 0 o 1'"
-        (click)='clickDetection("value2")'
-      >
-      </ipt-input>
+      <img class="img-logo" src="./assets/logos/IPT-logo.png" alt="" />
 
-      <ipt-input
-        [control]="formGruoup.controls['answer3']"
-        [inputType]="'text'"
-        [placeHolder]="'Opción C *'"
-        [validateText]="'Este campo es requerido'"
-      >
-      </ipt-input>
-      <ipt-input
-        [control]="formGruoup.controls['value3']"
-        [inputType]="'number'"
-        [placeHolder]="'Valor *'"
-        [validateText]="'Debe ser 0 o 1'"
-        (click)='clickDetection("value3")'
-      >
-      </ipt-input>
+      <div class="text-container">
+        <span class="p1">{{ currentDay }}</span>
+        <span *ngIf="hour >= 0 && hour < 12" class="p2">
+          Hey {{ userName }}, Good morning!
+        </span>
+        <p *ngIf="hour >= 12 && hour < 18" class="p2">
+          Hey {{ userName }}, Good afternoon!
+        </p>
+        <p *ngIf="hour >= 18 && hour < 24" class="p2">
+          Hey {{ userName }}, Good evening!
+        </p>
+      </div>
 
-      <ipt-input
-        *ngIf="this.questionType === 'A, B, C, D'"
-        [control]="formGruoup.controls['answer4']"
-        [inputType]="'text'"
-        [placeHolder]="'Opción D *'"
-        [validateText]="'Este campo es requerido'"
-      >
-      </ipt-input>
-      <ipt-input
-        *ngIf="this.questionType === 'A, B, C, D'"
-        [control]="formGruoup.controls['value4']"
-        [inputType]="'number'"
-        [placeHolder]="'Valor *'"
-        [validateText]="'Debe ser 0 o 1'"
-        (click)='clickDetection("value4")'
-      >
-      </ipt-input>
-    </div>
-  `, isInline: true, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;gap:0px 10px}fieldset{background:transparent;border:none}\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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: QuestionTypeComponent, decorators: [{
+      <div *ngIf="!this.appUser" class="logout-container" (click)="logout()">
+        <p class="logout-button">Cerrar sesión</p>
+        <div class="photo-logout"></div>
+      </div>
+    </mat-toolbar>
+  `, isInline: true, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(./assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(./assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(./assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\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: i5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i7$1.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: AsideButtonComponent, selector: "ipt-aside-button", inputs: ["icon", "text", "buttonActive"], outputs: ["isClicked"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SidenavComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-question-types', template: `
+            args: [{ selector: 'ipt-sidenav', template: `
+    <mat-sidenav #sidenav mode="push" >
+      <mat-toolbar color="primary" (click)="sidenav.toggle()">
+        <span style="font-size: 15px;">{{department}}</span>
+        <span class="menu-icon-close"></span>
+      </mat-toolbar>
+
+      <mat-nav-list *ngFor="let route of routes">
+        <nav class="flex-container-menu">
+          <ipt-aside-button
+            [buttonActive]="this.setPage === route.page"
+            [icon]="route.icon"
+            [text]="route.text"
+            (isClicked)="clickPage(route.page)"
+            (click)="sidenav.toggle()"
+          >
+          </ipt-aside-button>
+        </nav>
+      </mat-nav-list>
+    </mat-sidenav>
+
+    <mat-toolbar class="header">
+      <div class="menu-container" (click)="sidenav.toggle()">
+        <p>Menu</p>
+        <div class="menu-icon"></div>
+      </div>
+
+      <img class="img-logo" src="./assets/logos/IPT-logo.png" alt="" />
+
+      <div class="text-container">
+        <span class="p1">{{ currentDay }}</span>
+        <span *ngIf="hour >= 0 && hour < 12" class="p2">
+          Hey {{ userName }}, Good morning!
+        </span>
+        <p *ngIf="hour >= 12 && hour < 18" class="p2">
+          Hey {{ userName }}, Good afternoon!
+        </p>
+        <p *ngIf="hour >= 18 && hour < 24" class="p2">
+          Hey {{ userName }}, Good evening!
+        </p>
+      </div>
+
+      <div *ngIf="!this.appUser" class="logout-container" (click)="logout()">
+        <p class="logout-button">Cerrar sesión</p>
+        <div class="photo-logout"></div>
+      </div>
+    </mat-toolbar>
+  `, styles: ["*{font-family:Poppins,sans-serif}@media screen and (min-width: 320px){.header{background-color:#fff;display:flex;justify-content:space-between;filter:drop-shadow(0px -1px 7px #000)}mat-sidenav{width:-moz-fit-content!important;width:fit-content!important;background-color:#1c77f7!important}.img-logo,.text-container{display:none}.mat-toolbar.mat-primary{background-color:#fff!important;color:#003d99!important;filter:drop-shadow(0px -1px 7px #000)}.logout-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:auto;border-radius:30px;display:flex;margin-left:10px}.logout-button{display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin-left:20px;text-align:center;width:150px}.photo-logout{background:url(./assets/icons/exit.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon{background:url(./assets/icons/icon-menu.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat}.menu-icon-close{background:url(./assets/icons/cruz.png);background-size:25px 25px;background-position:center;background-repeat:no-repeat;width:35px;height:35px}.menu-container{box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;height:35px;width:52.5px;width:auto;border-radius:30px;display:flex}.menu-container:hover{cursor:pointer}.menu-container p{width:85px;display:flex;align-items:center;color:#1c77f7;font-weight:500;font-size:16px;margin:0 0 0 15px;text-align:center}}@media screen and (min-width: 768px){.img-logo{display:flex;width:120px;height:60px}.text-container{border-radius:40px;height:45px;width:100%;display:flex;gap:-100px;justify-content:center;flex-direction:column;align-items:flex-start}}.p1{color:gray;margin-left:30px;font-size:13px;height:20px}.p2{margin-left:30px;font-size:14px;font-weight:600;color:#1c77f7}.flex-container-menu{font-size:18px;color:#fff!important}.mat-nav-list{padding:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: UserService }, { type: BaseService }, { type: StorageService }]; }, propDecorators: { department: [{
+                type: Input
+            }], setPage: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], pageChangeEvent: [{
+                type: Output
+            }] } });
+
+class QuestionTypeComponent {
+    ngOnChanges(changes) {
+        if (changes['formGruoup']) {
+        }
+    }
+    clickDetection(value) {
+        switch (value) {
+            case 'value1':
+                if (this.formGruoup.controls['value1'].value === 1) {
+                    this.formGruoup.controls['value2'].value === 0;
+                    this.formGruoup.controls['value3'].value === 0;
+                    this.formGruoup.controls['value4'].value === 0;
+                }
+                break;
+            case 'value2':
+                if (this.formGruoup.controls['value2'].value === 1) {
+                    this.formGruoup.controls['value1'].value === 0;
+                    this.formGruoup.controls['value3'].value === 0;
+                    this.formGruoup.controls['value4'].value === 0;
+                }
+                break;
+            case 'value3':
+                if (this.formGruoup.controls['value3'].value === 1) {
+                    this.formGruoup.controls['value1'].value === 0;
+                    this.formGruoup.controls['value2'].value === 0;
+                    this.formGruoup.controls['value4'].value === 0;
+                }
+                break;
+            case 'value4':
+                if (this.formGruoup.controls['value4'].value === 1) {
+                    this.formGruoup.controls['value1'].value === 0;
+                    this.formGruoup.controls['value2'].value === 0;
+                    this.formGruoup.controls['value3'].value === 0;
+                }
+                break;
+            default:
+                console.log('exception');
+                break;
+        }
+    }
+}
+QuestionTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: QuestionTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+QuestionTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: QuestionTypeComponent, selector: "ipt-question-types", inputs: { questionType: "questionType", formGruoup: "formGruoup" }, usesOnChanges: true, ngImport: i0, template: `
     <div
       *ngIf="
         this.questionType === 'True or False' ||
@@ -2322,914 +2796,466 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
       >
       </ipt-input>
     </div>
-  `, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;gap:0px 10px}fieldset{background:transparent;border:none}\n"] }]
-        }], propDecorators: { questionType: [{
-                type: Input
-            }], formGruoup: [{
-                type: Input
-            }] } });
-
-class ScheduleFormatPipe {
-    transform(schedule) {
-        if (!schedule) {
-            return 'Sin horario';
-        }
-        const isWithoutSchedule = typeof schedule === 'string' && schedule == 'without schedule';
-        if (isWithoutSchedule) {
-            return 'Sin horario';
-        }
-        const formattedDays = [];
-        // Mapea los días en inglés a español
-        const daysMapping = {
-            Monday: 'Lun',
-            Tuesday: 'Mar',
-            Wednesday: 'Mie',
-            Thursday: 'Jue',
-            Friday: 'Vie',
-            Saturday: 'Sáb',
-            Sunday: 'Dom'
-        };
-        if (Array.isArray(schedule)) {
-            schedule.forEach(item => {
-                const parts = item.split(' at ');
-                if (parts.length !== 2) {
-                    return;
-                }
-                const [day] = parts;
-                const spanishDay = daysMapping[day];
-                if (spanishDay && !formattedDays.includes(spanishDay)) {
-                    formattedDays.push(spanishDay);
-                }
-            });
-        }
-        return formattedDays.length > 0 ? formattedDays.join(', ') : 'Sin horario';
-    }
-}
-ScheduleFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ScheduleFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, name: "scheduleFormat" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'scheduleFormat'
-                }]
-        }] });
-
-class ScheduleTimeFormatPipe {
-    transform(schedule) {
-        if (!schedule || !Array.isArray(schedule) || schedule.length === 0) {
-            return 'Sin horario';
-        }
-        const firstItem = schedule[0];
-        const match = firstItem.match(/(\d{2}:\d{2}:\d{2}) to (\d{2}:\d{2}:\d{2})/);
-        if (match && match.length === 3) {
-            const [startTime, endTime] = match.slice(1);
-            return `${this.formatTo12Hours(startTime)} to ${this.formatTo12Hours(endTime)}`;
-        }
-        return 'Sin horario';
-    }
-    formatTo12Hours(time) {
-        const [hours, minutes, seconds] = time.split(':').map(Number);
-        const period = hours >= 12 ? 'PM' : 'AM';
-        const formattedHours = hours % 12 || 12; // Handle noon as 12 PM
-        return `${formattedHours}:${this.padWithZero(minutes)} ${period}`;
-    }
-    padWithZero(value) {
-        return value < 10 ? `0${value}` : `${value}`;
-    }
-}
-ScheduleTimeFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ScheduleTimeFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, name: "scheduleTimeFormat" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'scheduleTimeFormat'
-                }]
-        }] });
-
-class TypeLevelPipe {
-    transform(value) {
-        if (value === 'BEGINNERS I') {
-            return 'Beg.I';
-        }
-        if (value === 'BEGINNERS II') {
-            return 'Beg.II';
-        }
-        if (value === 'BEGINNERS III') {
-            return 'Beg.III';
-        }
-        if (value === 'STARTERS I') {
-            return 'Sta.I';
-        }
-        if (value === 'STARTERS II') {
-            return 'Sta.II';
-        }
-        if (value === 'MOVERS I') {
-            return 'Mov.I';
-        }
-        if (value === 'MOVERS II') {
-            return 'Mov.II';
-        }
-        if (value === 'PRE-A1') {
-            return 'PRE-A1';
-        }
-        if (value === 'A1') {
-            return 'A1';
-        }
-        if (value === 'A2') {
-            return 'A2';
-        }
-        if (value === 'B1') {
-            return 'B1';
-        }
-        if (value === 'B1+') {
-            return 'B1+';
-        }
-        if (value === 'B2') {
-            return 'B2';
-        }
-        else {
-            return '-';
-        }
-    }
-}
-TypeLevelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-TypeLevelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, name: "typeLevel" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'typeLevel'
-                }]
-        }] });
-
-class CardCourseComponent {
-    constructor() {
-        this.isLoading = true;
-        this.codeCourse = new EventEmitter();
-        this.courseAcademy = [];
-        this.courseKids = [];
-        this.courseSchools = [];
-        this.visibleAcademy = false;
-        this.visibleKids = false;
-        this.visibleSchools = false;
-        this.skeleton = [{}, {}];
-    }
-    ngOnInit() {
-        if (this.CourseData.length == 0) {
-            this.isLoading = true;
-        }
-        else {
-            this.isLoading = false;
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes['CourseData']) {
-            if (!this.CourseData) {
-                this.courseAcademy = [];
-                this.courseKids = [];
-                this.courseSchools = [];
-                this.isLoading = false;
-                this.visibleAcademy = false;
-                this.visibleKids = false;
-                this.visibleSchools = false;
-            }
-            else {
-                this.isLoading = false;
-                this.courseAcademy = this.CourseData.Academy;
-                this.courseKids = this.CourseData.Kids;
-                this.courseSchools = this.CourseData.Schools;
-                this.visibleAcademy = this.CourseData.Academy ? true : false;
-                this.visibleKids = this.CourseData.Kids ? true : false;
-                this.visibleSchools = this.CourseData.Schools ? true : false;
-            }
-        }
-    }
-    viewDataCourse(codeCourse) {
-        this.codeCourse.emit(codeCourse);
-    }
-    getCssClass(level) {
-        switch (level) {
-            case 'PRE-A1':
-                return 'levelAone';
-            case 'A1':
-                return 'levelAonetwo';
-            case 'A2':
-                return 'levelAtwo';
-            case 'B1':
-                return 'levelBone';
-            case 'B2':
-                return 'levelBtwo';
-            case 'B1+':
-                return 'levelBplus';
-            case 'MOVERS I':
-            case 'MOVERS II':
-            case 'BEGINNERS I':
-            case 'BEGINNERS II':
-            case 'BEGINNERS III':
-            case 'STARTERS I':
-            case 'STARTERS II':
-                return 'beginner';
-            default:
-                return '';
-        }
-    }
-}
-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" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardCourseComponent, decorators: [{
+  `, isInline: true, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;gap:0px 10px}fieldset{background:transparent;border:none}\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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: QuestionTypeComponent, 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"] }]
-        }], propDecorators: { CourseData: [{
-                type: Input
-            }], isLoading: [{
-                type: Input
-            }], codeCourse: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'ipt-question-types', template: `
+    <div
+      *ngIf="
+        this.questionType === 'True or False' ||
+        this.questionType === 'Correct or Incorrect'
+      "
+      class="sectionABCD"
+    >
+      <fieldset disabled="disabled">
+        <ipt-input
+          [control]="formGruoup.controls['answer1']"
+          [inputType]="'text'"
+          [placeHolder]="
+            this.questionType === 'True or False' ? 'True' : 'Correct'
+          "
+          [validateText]="'Este campo es requerido'"
+        >
+        </ipt-input>
+      </fieldset>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+        (click)='clickDetection("value1")'
+      >
+      </ipt-input>
+      <fieldset disabled="disabled">
+        <ipt-input
+          [control]="formGruoup.controls['answer2']"
+          [inputType]="'text'"
+          [placeHolder]="
+            this.questionType === 'True or False' ? 'False' : 'Incorrect'
+          "
+          [validateText]="'Este campo es requerido'"
+        >
+        </ipt-input>
+      </fieldset>
+      <ipt-input
+        [control]="formGruoup.controls['value2']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+        (click)='clickDetection("value2")'
+      >
+      </ipt-input>
+    </div>
 
-class PipeModule {
-}
-PipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, declarations: [ScheduleFormatPipe,
-        ScheduleTimeFormatPipe,
-        TypeLevelPipe], imports: [CommonModule], exports: [ScheduleFormatPipe,
-        ScheduleTimeFormatPipe,
-        TypeLevelPipe] });
-PipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        ScheduleFormatPipe,
-                        ScheduleTimeFormatPipe,
-                        TypeLevelPipe
-                    ],
-                    imports: [CommonModule],
-                    exports: [
-                        ScheduleFormatPipe,
-                        ScheduleTimeFormatPipe,
-                        TypeLevelPipe
-                    ]
-                }]
-        }] });
+    <div
+      *ngIf="
+        this.questionType === 'Relationship' ||
+        this.questionType === 'Complete' ||
+        this.questionType === 'Conversation'
+      "
+      class="sectionABCD"
+    >
+      <ipt-input
+        [control]="formGruoup.controls['answer1']"
+        [inputType]="'text'"
+        [placeHolder]="'Ingrese la opción'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+        (click)='clickDetection("value1")'
+      >
+      </ipt-input>
+    </div>
 
-class CardSelectCourseComponent {
-    constructor() {
-        this.jornada = 0;
-    }
-    ngOnInit() {
-        if (this.courseSelect && this.courseSelect.course_schedule) {
-            const schedule = this.courseSelect.course_schedule[0];
-            this.jornada = this.getJornada(schedule);
-        }
-    }
-    getJornada(schedule) {
-        const timeRegex = /\b\d{2}:\d{2}:\d{2}\b/g;
-        const times = schedule.match(timeRegex);
-        if (times && times.length > 0) {
-            const startTime = times[0];
-            if (this.isMorning(startTime)) {
-                return 1;
-            }
-            else if (this.isAfternoon(startTime)) {
-                return 2;
-            }
-            else if (this.isNight(startTime)) {
-                return 3;
-            }
-        }
-        return 0;
-    }
-    isMorning(time) {
-        return time >= '05:00:00' && time <= '11:59:59';
-    }
-    isAfternoon(time) {
-        return time >= '12:00:00' && time <= '17:59:59';
-    }
-    isNight(time) {
-        return time >= '18:00:00';
-    }
-}
-CardSelectCourseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardSelectCourseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardSelectCourseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CardSelectCourseComponent, selector: "ipt-card-select-course-self-cod-managed", inputs: { courseSelect: "courseSelect" }, ngImport: i0, template: "<!-- <main class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n<main>\n<div class=\"container__tittle__card flex justify-content-center\">\n  Plan Seleccionado\n</div>\n<div class=\"container-card\">\n  <div class=\"card\">\n    <p class=\"heading\">\n      {{ courseSelect.course_type.label }}<br>\n    </p>\n    <div class=\"card-text\">\n      <strong class=\"type-theory\">Clases Teoricas: </strong><span>{{ courseSelect.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-theory\">Horario Teorico: </strong> <span>{{ courseSelect.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong><hr></strong>\n      <strong class=\"type-club\">Clases Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-club\">Horario Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong>Modalidad: </strong><span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n      <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong><span>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}</span><br *ngIf=\"courseSelect.start_date === null\">\n    </div>\n    <p>{{ courseSelect.english_level.name | typeLevel}}\n    </p>\n  </div>\n</div>\n</main>\n<!-- <main *ngIf=\"jornada === 2\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main>\n<main *ngIf=\"jornada === 3\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n", styles: [".container-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.card-image{grid-area:image;border-top-left-radius:65px;border-top-right-radius:65px;background-color:coral;background-size:cover;box-shadow:0 2px 5px #5e6173}.card-text .date{color:#fff;font-size:15px}.card-text p{color:gray;font-size:13px;font-weight:300}.card-text h2{margin-top:0;font-size:28px}.type-theory{color:#c2f0f8;font-weight:100;font-size:small}.type-club{color:#92f7af;font-weight:100;font-size:small}.card{position:relative;width:190px;height:254px;background-color:#565656;display:flex;flex-direction:column;justify-content:end;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.card:before{content:\"\";position:absolute;inset:0 0 0 -5px;margin:auto;width:200px;height:264px;border-radius:10px;background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1) 90%);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:after{content:\"\";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,rgba(0,63,255,1) 0%,rgba(4,18,106,1) 100%);transform:translateZ(0) scale(.95);filter:blur(20px)}.heading{text-transform:capitalize;font-weight:700;color:#fff}.card p:not(.heading){font-size:14px}.card p:last-child{color:#0497d9;font-weight:600}.card:hover:after{filter:blur(30px)}.card:hover:before{transform:rotate(-90deg) scaleX(1.34) scaleY(.77)}span,strong{color:#fff;font-weight:100;font-size:small}.container-card{z-index:0;position:relative;justify-content:center;display:flex;margin:1rem 0 3rem}.container__tittle__card{margin-top:2rem;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { 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: CardSelectCourseComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipt-card-select-course-self-cod-managed', template: "<!-- <main class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n<main>\n<div class=\"container__tittle__card flex justify-content-center\">\n  Plan Seleccionado\n</div>\n<div class=\"container-card\">\n  <div class=\"card\">\n    <p class=\"heading\">\n      {{ courseSelect.course_type.label }}<br>\n    </p>\n    <div class=\"card-text\">\n      <strong class=\"type-theory\">Clases Teoricas: </strong><span>{{ courseSelect.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-theory\">Horario Teorico: </strong> <span>{{ courseSelect.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong><hr></strong>\n      <strong class=\"type-club\">Clases Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-club\">Horario Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong>Modalidad: </strong><span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n      <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong><span>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}</span><br *ngIf=\"courseSelect.start_date === null\">\n    </div>\n    <p>{{ courseSelect.english_level.name | typeLevel}}\n    </p>\n  </div>\n</div>\n</main>\n<!-- <main *ngIf=\"jornada === 2\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main>\n<main *ngIf=\"jornada === 3\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n", styles: [".container-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.card-image{grid-area:image;border-top-left-radius:65px;border-top-right-radius:65px;background-color:coral;background-size:cover;box-shadow:0 2px 5px #5e6173}.card-text .date{color:#fff;font-size:15px}.card-text p{color:gray;font-size:13px;font-weight:300}.card-text h2{margin-top:0;font-size:28px}.type-theory{color:#c2f0f8;font-weight:100;font-size:small}.type-club{color:#92f7af;font-weight:100;font-size:small}.card{position:relative;width:190px;height:254px;background-color:#565656;display:flex;flex-direction:column;justify-content:end;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.card:before{content:\"\";position:absolute;inset:0 0 0 -5px;margin:auto;width:200px;height:264px;border-radius:10px;background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1) 90%);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:after{content:\"\";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,rgba(0,63,255,1) 0%,rgba(4,18,106,1) 100%);transform:translateZ(0) scale(.95);filter:blur(20px)}.heading{text-transform:capitalize;font-weight:700;color:#fff}.card p:not(.heading){font-size:14px}.card p:last-child{color:#0497d9;font-weight:600}.card:hover:after{filter:blur(30px)}.card:hover:before{transform:rotate(-90deg) scaleX(1.34) scaleY(.77)}span,strong{color:#fff;font-weight:100;font-size:small}.container-card{z-index:0;position:relative;justify-content:center;display:flex;margin:1rem 0 3rem}.container__tittle__card{margin-top:2rem;font-weight:700}\n"] }]
-        }], propDecorators: { courseSelect: [{
-                type: Input
-            }] } });
+    <div
+      *ngIf="
+        this.questionType === 'A, B, C' || this.questionType === 'A, B, C, D'
+      "
+      class="sectionABCD"
+    >
+      <ipt-input
+        [control]="formGruoup.controls['answer1']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción A *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value1']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+        (click)='clickDetection("value1")'
+      >
+      </ipt-input>
 
-class updateUserFormComponent {
-    constructor(fb, cdr, parameterService, baseService, userService) {
-        this.fb = fb;
-        this.cdr = cdr;
-        this.parameterService = parameterService;
-        this.baseService = baseService;
-        this.userService = userService;
-        this.visibleModal = false;
-        this.closeModalIS = new EventEmitter();
-        this.userUpdatedEvent = new EventEmitter();
-        this.photo = '';
-        this.phoneNumberIndicatives = [];
-        this.idTypes = [];
-        this.loader = false;
-        this.states = [];
-        this.cities = [];
-        this.countries = [];
-        this.showParentSection = false;
-        this.showEmailIpt = false;
-        this.indicatives = [];
-        this.civilStatus = [];
-        this.genders = [];
-        this.stratums = [];
-        this.parametersLoaded = false;
-        // userUpdated = false;
-        this.initialFormValue = [];
-        this.justifyOptions = [
-            // { name: 'Inactivos', code: 1 },
-            { name: 'Activo', code: 1 },
-            { name: 'Removido', code: 4 }
-        ];
-        this.initForm();
-    }
-    ngOnInit() {
-        console.log("entro a getParameters por ngoninit");
-        this.getParameters();
-    }
-    ngOnChanges(changes) {
-        if (changes['visibleModal'] && changes['visibleModal'].currentValue) {
-            console.log("entro a getParameters por visible modal, donde el change es:", changes['visibleModal']);
-            this.initializeForm();
-            this.cdr.detectChanges();
-        }
-    }
-    getParameters() {
-        if (this.parametersLoaded) {
-            this.setParameters();
-            this.initializeForm();
-            return;
-        }
-        this.parameterService.getAllParametersCodForm().subscribe({
-            next: (response) => {
-                this.parametersAll = response.data;
-                this.parametersLoaded = true;
-                this.setParameters();
-                this.initializeForm();
-                this.cdr.detectChanges();
-            },
-            error: (err) => {
-                console.error('Error fetching parameters:', err);
-                this.parametersLoaded = false;
-            }
-        });
-    }
-    setParameters() {
-        var _a, _b, _c, _d, _e, _f;
-        this.idTypes = (_a = this.parametersAll) === null || _a === void 0 ? void 0 : _a.TypeIdCardByCountryCol;
-        this.indicatives = (_b = this.parametersAll) === null || _b === void 0 ? void 0 : _b.indicatives;
-        this.countries = (_c = this.parametersAll) === null || _c === void 0 ? void 0 : _c.country;
-        this.civilStatus = (_d = this.parametersAll) === null || _d === void 0 ? void 0 : _d.civilStatus;
-        this.states = (_e = this.parametersAll) === null || _e === void 0 ? void 0 : _e.State;
-        this.cities = (_f = this.parametersAll) === null || _f === void 0 ? void 0 : _f.city;
-        // this.genders = [
-        //   { code: 1, name: 'Masculino' },
-        //   { code: 2, name: 'Femenino' }
-        // ];
-        if (this.parametersAll && this.parametersAll.gender) {
-            // Transformar gender en un arreglo de { code, name }
-            this.genders = this.parametersAll.gender.map((gender) => ({
-                code: gender.code,
-                name: gender.name_spanish
-            }));
+      <ipt-input
+        [control]="formGruoup.controls['answer2']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción B *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value2']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+        (click)='clickDetection("value2")'
+      >
+      </ipt-input>
+
+      <ipt-input
+        [control]="formGruoup.controls['answer3']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción C *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        [control]="formGruoup.controls['value3']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+        (click)='clickDetection("value3")'
+      >
+      </ipt-input>
+
+      <ipt-input
+        *ngIf="this.questionType === 'A, B, C, D'"
+        [control]="formGruoup.controls['answer4']"
+        [inputType]="'text'"
+        [placeHolder]="'Opción D *'"
+        [validateText]="'Este campo es requerido'"
+      >
+      </ipt-input>
+      <ipt-input
+        *ngIf="this.questionType === 'A, B, C, D'"
+        [control]="formGruoup.controls['value4']"
+        [inputType]="'number'"
+        [placeHolder]="'Valor *'"
+        [validateText]="'Debe ser 0 o 1'"
+        (click)='clickDetection("value4")'
+      >
+      </ipt-input>
+    </div>
+  `, styles: ["form{display:grid;grid-template-columns:1fr}.sectionABCD{display:grid;grid-template-columns:12fr 0fr;gap:0px 10px}fieldset{background:transparent;border:none}\n"] }]
+        }], propDecorators: { questionType: [{
+                type: Input
+            }], formGruoup: [{
+                type: Input
+            }] } });
+
+class ScheduleFormatPipe {
+    transform(schedule) {
+        if (!schedule) {
+            return 'Sin horario';
         }
-        else {
-            this.genders = [];
+        const isWithoutSchedule = typeof schedule === 'string' && schedule == 'without schedule';
+        if (isWithoutSchedule) {
+            return 'Sin horario';
         }
-    }
-    initializeForm() {
-        var _a, _b, _c, _d;
-        this.showParentSection = !!((_c = (_b = (_a = this.DataStudent) === null || _a === void 0 ? void 0 : _a.cods) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.code);
-        this.showEmailIpt = !!((_d = this.DataStudent) === null || _d === void 0 ? void 0 : _d.email_ipt) && this.DataStudent.email_ipt !== false;
-        this.initForm();
-        this.populateForm();
-    }
-    initForm() {
-        var _a, _b, _c;
-        const baseForm = {
-            name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(32)]],
-            last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(32)]],
-            email: ['', [Validators.required, Validators.email, Validators.maxLength(300)]],
-            gender: ['', [Validators.required]],
-            id_card_type: ['', [Validators.required]],
-            id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
-            phone_indicative: ['', [Validators.required]],
-            phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(15)]],
-            country: ['', [Validators.required]],
-            state: ['', [Validators.required]],
-            city: ['', [Validators.required]],
-            role: [{ value: '', disabled: true }],
-            service_hour: ['', Validators.required],
-            password: ['', []],
-            re_password: ['', []],
-            changePassword: [false],
-            status: ['', Validators.required]
+        const formattedDays = [];
+        // Mapea los días en inglés a español
+        const daysMapping = {
+            Monday: 'Lun',
+            Tuesday: 'Mar',
+            Wednesday: 'Mie',
+            Thursday: 'Jue',
+            Friday: 'Vie',
+            Saturday: 'Sáb',
+            Sunday: 'Dom'
         };
-        if (this.showEmailIpt) {
-            Object.assign(baseForm, {
-                email_ipt: ['', [Validators.required, Validators.email, Validators.maxLength(255)]]
-            });
-        }
-        if (this.showParentSection) {
-            Object.assign(baseForm, {
-                parent_name: ['', [Validators.required, Validators.minLength(3), Validators.maxLength(150)]],
-                parent_last_name: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(150)]],
-                parent_id_card_type: ['', [Validators.required]],
-                parent_id_card: ['', [Validators.required, Validators.minLength(5), Validators.maxLength(30)]],
-                parent_phone_indicative: ['', [Validators.required]],
-                parent_phone_number: ['', [Validators.required, Validators.minLength(10), Validators.maxLength(20)]],
-                parent_occupation: ['', [Validators.required, Validators.maxLength(50)]],
-                parent_office_adrress: ['', [Validators.required, Validators.maxLength(150)]],
-                parent_email: ['', [Validators.email, Validators.maxLength(255)]]
+        if (Array.isArray(schedule)) {
+            schedule.forEach(item => {
+                const parts = item.split(' at ');
+                if (parts.length !== 2) {
+                    return;
+                }
+                const [day] = parts;
+                const spanishDay = daysMapping[day];
+                if (spanishDay && !formattedDays.includes(spanishDay)) {
+                    formattedDays.push(spanishDay);
+                }
             });
         }
-        this.updateUserForm = this.fb.group(baseForm, { validators: this.passwordMatchValidator });
-        (_a = this.updateUserForm.get('changePassword')) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe((checked) => {
-            const passwordControl = this.updateUserForm.get('password');
-            const rePasswordControl = this.updateUserForm.get('re_password');
-            if (checked) {
-                passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.setValidators([Validators.required, Validators.minLength(5), Validators.maxLength(32)]);
-                rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.setValidators([Validators.required, Validators.minLength(5), Validators.maxLength(32)]);
-            }
-            else {
-                passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.clearValidators();
-                rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.clearValidators();
-                passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.setValue('');
-                rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.setValue('');
-            }
-            passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.updateValueAndValidity();
-            rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.updateValueAndValidity();
-        });
-        (_b = this.updateUserForm.get('password')) === null || _b === void 0 ? void 0 : _b.valueChanges.subscribe(() => {
-            this.updateUserForm.updateValueAndValidity();
-        });
-        (_c = this.updateUserForm.get('re_password')) === null || _c === void 0 ? void 0 : _c.valueChanges.subscribe(() => {
-            this.updateUserForm.updateValueAndValidity();
-        });
-    }
-    passwordMatchValidator(form) {
-        var _a, _b, _c;
-        const changePassword = (_a = form.get('changePassword')) === null || _a === void 0 ? void 0 : _a.value;
-        const password = (_b = form.get('password')) === null || _b === void 0 ? void 0 : _b.value;
-        const rePassword = (_c = form.get('re_password')) === null || _c === void 0 ? void 0 : _c.value;
-        if (!changePassword) {
-            return null;
-        }
-        const mismatch = password && rePassword && password !== rePassword;
-        return mismatch ? { mismatch: true } : null;
-    }
-    noWhitespaceValidator(control) {
-        if (control.value && typeof control.value === 'string') {
-            const trimmedValue = control.value.trim();
-            if (trimmedValue.length === 0) {
-                return { onlyWhitespace: true };
-            }
-            if (control.value !== trimmedValue) {
-                return { hasWhitespace: true };
-            }
-        }
-        return null;
-    }
-    transformRole(role) {
-        const roleMap = {
-            1: 'Super Admin',
-            10: 'Jefe Academico',
-            11: 'Coordinador Academico',
-            12: 'Teacher Academico',
-            13: 'Estudiante',
-            15: 'Posible Estudiante',
-            20: 'Jefe Marketing',
-            21: 'Coordinador Marketing',
-            22: 'Auxiliar Marketing',
-            30: 'Jefe Administrativo',
-            31: 'Coordinador Administrativo',
-            32: 'Cajero Administrativo',
-            40: 'Jefe Comercial',
-            41: 'Coordinador Comercial',
-            42: 'Asesor Comercial',
-            50: 'Jefe Cartera',
-            51: 'Coordinador Cartera',
-            52: 'Asesor Cartera',
-            60: 'Proveedor'
-        };
-        return roleMap[Number(role)] || '';
+        return formattedDays.length > 0 ? formattedDays.join(', ') : 'Sin horario';
     }
-    populateForm() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
-        if (this.DataStudent) {
-            const formValue = {
-                name: this.DataStudent.name || '',
-                last_name: this.DataStudent.last_name || '',
-                email: this.DataStudent.email || '',
-                gender: this.DataStudent.gender || null,
-                id_card_type: this.DataStudent.id_card_type || '',
-                id_card: this.DataStudent.id_card || '',
-                phone_indicative: this.DataStudent.phone_indicative || '',
-                phone_number: this.DataStudent.phone_number || '',
-                country: (_a = this.DataStudent.city) === null || _a === void 0 ? void 0 : _a.country,
-                state: (_b = this.DataStudent.city) === null || _b === void 0 ? void 0 : _b.state,
-                city: (_c = this.DataStudent.city) === null || _c === void 0 ? void 0 : _c.code,
-                role: this.transformRole(this.DataStudent.role) || '',
-                service_hour: this.DataStudent.service_hour || 0,
-                changePassword: false,
-                password: '',
-                re_password: '',
-                status: this.DataStudent.user_status || ''
-            };
-            if (this.showEmailIpt) {
-                formValue.email_ipt = this.DataStudent.email_ipt || '';
-            }
-            if (this.showParentSection) {
-                Object.assign(formValue, {
-                    parent_name: ((_e = (_d = this.DataStudent.cods) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.name) || '',
-                    parent_last_name: ((_g = (_f = this.DataStudent.cods) === null || _f === void 0 ? void 0 : _f.parent) === null || _g === void 0 ? void 0 : _g.last_name) || '',
-                    parent_id_card_type: ((_j = (_h = this.DataStudent.cods) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.id_card_type) || '',
-                    parent_id_card: ((_l = (_k = this.DataStudent.cods) === null || _k === void 0 ? void 0 : _k.parent) === null || _l === void 0 ? void 0 : _l.id_card) || '',
-                    parent_phone_indicative: ((_o = (_m = this.DataStudent.cods) === null || _m === void 0 ? void 0 : _m.parent) === null || _o === void 0 ? void 0 : _o.phone_indicative) || '',
-                    parent_phone_number: ((_q = (_p = this.DataStudent.cods) === null || _p === void 0 ? void 0 : _p.parent) === null || _q === void 0 ? void 0 : _q.phone_number) || '',
-                    parent_occupation: ((_s = (_r = this.DataStudent.cods) === null || _r === void 0 ? void 0 : _r.parent) === null || _s === void 0 ? void 0 : _s.occupation) || '',
-                    parent_office_adrress: ((_u = (_t = this.DataStudent.cods) === null || _t === void 0 ? void 0 : _t.parent) === null || _u === void 0 ? void 0 : _u.office_adrress) || '',
-                    parent_email: ((_w = (_v = this.DataStudent.cods) === null || _v === void 0 ? void 0 : _v.parent) === null || _w === void 0 ? void 0 : _w.email) || ''
-                });
-            }
-            this.updateUserForm.reset();
-            this.updateUserForm.patchValue(formValue);
-            this.initialFormValue = Object.assign({}, this.updateUserForm.value);
-            if (formValue.country) {
-                console.log("en populateForm se envio dato para setearse country");
-                this.countries = (_x = this.parametersAll) === null || _x === void 0 ? void 0 : _x.country;
-                this.selectCountry((_y = this.DataStudent.city) === null || _y === void 0 ? void 0 : _y.country);
-            }
-            if (formValue.state) {
-                this.selectState((_z = this.DataStudent.city) === null || _z === void 0 ? void 0 : _z.state);
-            }
-            if (formValue.city) {
-                this.selectCity((_0 = this.DataStudent.city) === null || _0 === void 0 ? void 0 : _0.code);
-            }
-            if (formValue.id_card_type) {
-                this.idTypes = (_1 = this.parametersAll) === null || _1 === void 0 ? void 0 : _1.TypeIdCardByCountryCol;
-                this.selectGender(this.DataStudent.id_card_type);
-            }
-            if (formValue.phone_indicative) {
-                this.indicatives = (_2 = this.parametersAll) === null || _2 === void 0 ? void 0 : _2.indicatives;
-                this.selectIndicative('phone_indicative', this.DataStudent.phone_indicative);
-            }
-            if (formValue.parent_phone_indicative) {
-                this.indicatives = (_3 = this.parametersAll) === null || _3 === void 0 ? void 0 : _3.indicatives;
-                this.selectIndicative('parent_phone_indicative', (_5 = (_4 = this.DataStudent.cods) === null || _4 === void 0 ? void 0 : _4.parent) === null || _5 === void 0 ? void 0 : _5.phone_indicative);
-            }
-            if (formValue.gender) {
-                if (this.parametersAll && this.parametersAll.gender) {
-                    // Transformar gender en un arreglo de { code, name }
-                    this.genders = this.parametersAll.gender.map((gender) => ({
-                        code: gender.code,
-                        name: gender.name_spanish
-                    }));
-                }
-                else {
-                    this.genders = [];
-                }
-                this.selectGender(this.DataStudent.gender);
-            }
+}
+ScheduleFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ScheduleFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, name: "scheduleFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'scheduleFormat'
+                }]
+        }] });
+
+class ScheduleTimeFormatPipe {
+    transform(schedule) {
+        if (!schedule || !Array.isArray(schedule) || schedule.length === 0) {
+            return 'Sin horario';
+        }
+        const firstItem = schedule[0];
+        const match = firstItem.match(/(\d{2}:\d{2}:\d{2}) to (\d{2}:\d{2}:\d{2})/);
+        if (match && match.length === 3) {
+            const [startTime, endTime] = match.slice(1);
+            return `${this.formatTo12Hours(startTime)} to ${this.formatTo12Hours(endTime)}`;
         }
+        return 'Sin horario';
     }
-    closeTable() {
-        this.visibleModal = false;
-        this.updateUserForm.reset();
-        this.idTypes = [];
-        this.countries = [];
-        this.genders = [];
-        this.closeModalIS.emit(false);
+    formatTo12Hours(time) {
+        const [hours, minutes, seconds] = time.split(':').map(Number);
+        const period = hours >= 12 ? 'PM' : 'AM';
+        const formattedHours = hours % 12 || 12; // Handle noon as 12 PM
+        return `${formattedHours}:${this.padWithZero(minutes)} ${period}`;
     }
-    selectRol(role) {
-        var _a, _b;
-        if (role !== null) {
-            (_a = this.updateUserForm.get('role')) === null || _a === void 0 ? void 0 : _a.setValue(this.transformRole(role));
+    padWithZero(value) {
+        return value < 10 ? `0${value}` : `${value}`;
+    }
+}
+ScheduleTimeFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ScheduleTimeFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, name: "scheduleTimeFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'scheduleTimeFormat'
+                }]
+        }] });
+
+class TypeLevelPipe {
+    transform(value) {
+        if (value === 'BEGINNERS I') {
+            return 'Beg.I';
         }
-        else {
-            (_b = this.updateUserForm.get('role')) === null || _b === void 0 ? void 0 : _b.setValue('');
+        if (value === 'BEGINNERS II') {
+            return 'Beg.II';
         }
-    }
-    selectIndicative(field, indicative) {
-        var _a, _b;
-        if (indicative !== null) {
-            (_a = this.updateUserForm.get(field)) === null || _a === void 0 ? void 0 : _a.setValue(indicative);
+        if (value === 'BEGINNERS III') {
+            return 'Beg.III';
         }
-        else {
-            (_b = this.updateUserForm.get(field)) === null || _b === void 0 ? void 0 : _b.setValue(null);
+        if (value === 'STARTERS I') {
+            return 'Sta.I';
         }
-    }
-    selectIdType(field, idType) {
-        var _a, _b;
-        if (idType !== null) {
-            (_a = this.updateUserForm.get(field)) === null || _a === void 0 ? void 0 : _a.setValue(idType);
+        if (value === 'STARTERS II') {
+            return 'Sta.II';
         }
-        else {
-            (_b = this.updateUserForm.get(field)) === null || _b === void 0 ? void 0 : _b.setValue(null);
+        if (value === 'MOVERS I') {
+            return 'Mov.I';
         }
-    }
-    selectGender(gender) {
-        var _a, _b;
-        if (gender !== null) {
-            (_a = this.updateUserForm.get('gender')) === null || _a === void 0 ? void 0 : _a.setValue(gender);
+        if (value === 'MOVERS II') {
+            return 'Mov.II';
         }
-        else {
-            (_b = this.updateUserForm.get('gender')) === null || _b === void 0 ? void 0 : _b.setValue(null);
+        if (value === 'PRE-A1') {
+            return 'PRE-A1';
         }
-    }
-    selectCountry(country) {
-        var _a;
-        const countryNumber = typeof country === 'string' ? parseInt(country, 10) : country;
-        if (country != null) {
-            this.updateUserForm.controls['country'].setValue(countryNumber);
-            console.log("se seteo country con el valor que entro en selectCountry");
-            if (this.parametersAll && ((_a = this.parametersAll) === null || _a === void 0 ? void 0 : _a.State)) {
-                this.states = this.parametersAll.State.filter((course) => {
-                    const state = typeof course.country === 'string'
-                        ? parseInt(course.country, 10)
-                        : course.country;
-                    return state === countryNumber;
-                });
-            }
-            else {
-                this.states = [];
-            }
-            this.updateUserForm.controls['state'].setValue(null);
-            this.updateUserForm.controls['city'].setValue(null);
-            this.cities = [];
+        if (value === 'A1') {
+            return 'A1';
         }
-        else {
-            this.updateUserForm.controls['country'].setValue(null);
-            this.states = [];
-            this.cities = [];
-            this.cdr.detectChanges();
+        if (value === 'A2') {
+            return 'A2';
         }
-    }
-    selectState(state) {
-        const stateNumber = typeof state === 'string' ? parseInt(state, 10) : state;
-        if (state !== null) {
-            this.updateUserForm.controls['state'].setValue(stateNumber);
-            this.updateUserForm.controls['city'].setValue(null);
-            this.cities = [];
-            this.getState(stateNumber);
+        if (value === 'B1') {
+            return 'B1';
         }
-        else {
-            this.updateUserForm.controls['state'].setValue(null);
-            this.updateUserForm.controls['city'].setValue(null);
-            this.cities = [];
+        if (value === 'B1+') {
+            return 'B1+';
         }
-    }
-    getState(state) {
-        this.getCity(state);
-    }
-    getCity(state) {
-        var _a;
-        const stateNumber = typeof state === 'string' ? parseInt(state, 10) : state;
-        if ((_a = this.parametersAll) === null || _a === void 0 ? void 0 : _a.city) {
-            this.cities = this.parametersAll.city.filter((course) => {
-                const cityState = typeof course.state === 'string' ? parseInt(course.state, 10) : course.state;
-                return cityState === stateNumber;
-            });
+        if (value === 'B2') {
+            return 'B2';
         }
         else {
-            this.cities = [];
+            return '-';
         }
     }
-    selectCity(city) {
-        const cityNumber = typeof city === 'string' ? parseInt(city, 10) : city;
-        if (city !== null) {
-            this.updateUserForm.controls['city'].setValue(cityNumber);
+}
+TypeLevelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+TypeLevelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, name: "typeLevel" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'typeLevel'
+                }]
+        }] });
+
+class CardCourseComponent {
+    constructor() {
+        this.isLoading = true;
+        this.codeCourse = new EventEmitter();
+        this.courseAcademy = [];
+        this.courseKids = [];
+        this.courseSchools = [];
+        this.visibleAcademy = false;
+        this.visibleKids = false;
+        this.visibleSchools = false;
+        this.skeleton = [{}, {}];
+    }
+    ngOnInit() {
+        if (this.CourseData.length == 0) {
+            this.isLoading = true;
         }
         else {
-            this.updateUserForm.controls['city'].setValue(null);
+            this.isLoading = false;
         }
     }
-    setPhoto(type) {
-        if (type === 'student')
-            this.photo = '/platform/academic/assets/student.jpg';
-        if (type === 'academic')
-            this.photo = '/platform/academic/assets/academico.png';
-        if (type === 'administrative')
-            this.photo = '/platform/administrative/assets/administrativo.jpg';
-        if (type === 'marketing')
-            this.photo = '/platform/marketing/assets/marketing.jpg';
-        if (type === 'commercial')
-            this.photo = '/platform/commercial/assets/user-form-assets/comercial.jpg';
-        if (type === 'treasure')
-            this.photo = '/platform/treasure/assets/administrativo.jpg';
-    }
-    updateUser() {
-        var _a, _b;
-        if (this.updateUserForm.invalid ||
-            this.updateUserForm.hasError('mismatch') ||
-            !this.hasFormChanged()) {
-            this.updateUserForm.markAllAsTouched();
-            console.log('createUser - Validation failed:', {
-                invalid: this.updateUserForm.invalid,
-                mismatch: this.updateUserForm.hasError('mismatch'),
-                hasChanges: this.hasFormChanged()
-            });
-            return;
-        }
-        this.loader = true;
-        const formValue = this.updateUserForm.getRawValue();
-        const request = {
-            token: this.baseService.getUserToken(),
-            user: Object.assign(Object.assign({ code: this.DataStudent.code, name: formValue.name, last_name: formValue.last_name, id_card_type: formValue.id_card_type, id_card: formValue.id_card, phone_indicative: formValue.phone_indicative, phone_number: formValue.phone_number, email: formValue.email, gender: formValue.gender, city: formValue.city, service_hour: formValue.service_hour, role: this.DataStudent.role, status: formValue.status }, (this.showEmailIpt ? { email_ipt: formValue.email_ipt } : {})), (formValue.changePassword && formValue.password ? { password: formValue.password } : {})),
-            parent: this.showParentSection
-                ? {
-                    code: ((_b = (_a = this.DataStudent.cods) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.code) || null,
-                    name: formValue.parent_name || null,
-                    last_name: formValue.parent_last_name || null,
-                    id_card_type: formValue.parent_id_card_type || null,
-                    id_card: formValue.parent_id_card || null,
-                    phone_indicative: formValue.parent_phone_indicative || null,
-                    phone_number: formValue.parent_phone_number || null,
-                    occupation: formValue.parent_occupation || null,
-                    office_adrress: formValue.parent_office_adrress || null,
-                    email: formValue.parent_email || null
-                }
-                : null
-        };
-        console.log(request);
-        this.userService.updateUserAndParentByCode(request).subscribe((response) => {
-            // this.courseType = response.data;
-            if (response.message.code === 1) {
-                Swal.fire({
-                    position: 'center',
-                    icon: 'success',
-                    title: 'usuario actualizado satisfactoriamente',
-                    showConfirmButton: false,
-                    timer: 2500,
-                });
-                // this.userUpdated = true
-                this.userUpdatedEvent.emit();
-                this.closeTable();
-            }
-            else {
-                Swal.fire({
-                    position: 'center',
-                    icon: 'error',
-                    title: 'Ha ocurrido un error inesperado',
-                    showConfirmButton: false,
-                    timer: 2500,
-                });
-                // this.userUpdated = false
+    ngOnChanges(changes) {
+        if (changes['CourseData']) {
+            if (!this.CourseData) {
+                this.courseAcademy = [];
+                this.courseKids = [];
+                this.courseSchools = [];
+                this.isLoading = false;
+                this.visibleAcademy = false;
+                this.visibleKids = false;
+                this.visibleSchools = false;
             }
-        });
-        this.loader = false;
-    }
-    hasFormChanged() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
-        if (!this.initialFormValue || !this.DataStudent) {
-            return false;
-        }
-        const currentValue = this.updateUserForm.getRawValue();
-        if (currentValue.changePassword) {
-            const password = currentValue.password;
-            const rePassword = currentValue.re_password;
-            const passwordControl = this.updateUserForm.get('password');
-            const rePasswordControl = this.updateUserForm.get('re_password');
-            if ((passwordControl === null || passwordControl === void 0 ? void 0 : passwordControl.valid) &&
-                (rePasswordControl === null || rePasswordControl === void 0 ? void 0 : rePasswordControl.valid) &&
-                password === rePassword &&
-                (password === null || password === void 0 ? void 0 : password.trim()) !== '') {
-                return true;
+            else {
+                this.isLoading = false;
+                this.courseAcademy = this.CourseData.Academy;
+                this.courseKids = this.CourseData.Kids;
+                this.courseSchools = this.CourseData.Schools;
+                this.visibleAcademy = this.CourseData.Academy ? true : false;
+                this.visibleKids = this.CourseData.Kids ? true : false;
+                this.visibleSchools = this.CourseData.Schools ? true : false;
             }
         }
-        const fieldsToCompare = [
-            'name',
-            'last_name',
-            'email',
-            'gender',
-            'id_card_type',
-            'id_card',
-            'phone_indicative',
-            'phone_number',
-            'country',
-            'state',
-            'city',
-            'role',
-            'service_hour',
-            'status'
-        ];
-        if (this.showEmailIpt) {
-            fieldsToCompare.push('email_ipt');
+    }
+    viewDataCourse(codeCourse) {
+        this.codeCourse.emit(codeCourse);
+    }
+    getCssClass(level) {
+        switch (level) {
+            case 'PRE-A1':
+                return 'levelAone';
+            case 'A1':
+                return 'levelAonetwo';
+            case 'A2':
+                return 'levelAtwo';
+            case 'B1':
+                return 'levelBone';
+            case 'B2':
+                return 'levelBtwo';
+            case 'B1+':
+                return 'levelBplus';
+            case 'MOVERS I':
+            case 'MOVERS II':
+            case 'BEGINNERS I':
+            case 'BEGINNERS II':
+            case 'BEGINNERS III':
+            case 'STARTERS I':
+            case 'STARTERS II':
+                return 'beginner';
+            default:
+                return '';
         }
-        if (this.showParentSection) {
-            fieldsToCompare.push('parent_name', 'parent_last_name', 'parent_id_card_type', 'parent_id_card', 'parent_phone_indicative', 'parent_phone_number', 'parent_occupation', 'parent_office_adrress', 'parent_email');
+    }
+}
+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" }] });
+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"] }]
+        }], propDecorators: { CourseData: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], codeCourse: [{
+                type: Output
+            }] } });
+
+class CardSelectCourseComponent {
+    constructor() {
+        this.jornada = 0;
+    }
+    ngOnInit() {
+        if (this.courseSelect && this.courseSelect.course_schedule) {
+            const schedule = this.courseSelect.course_schedule[0];
+            this.jornada = this.getJornada(schedule);
         }
-        for (const field of fieldsToCompare) {
-            let originalValue;
-            let currentFieldValue = currentValue[field];
-            switch (field) {
-                case 'name':
-                    originalValue = this.DataStudent.name || '';
-                    break;
-                case 'last_name':
-                    originalValue = this.DataStudent.last_name || '';
-                    break;
-                case 'email':
-                    originalValue = this.DataStudent.email || '';
-                    break;
-                case 'email_ipt':
-                    originalValue = this.DataStudent.email_ipt || '';
-                    break;
-                case 'gender':
-                    originalValue = this.DataStudent.gender || null;
-                    break;
-                case 'id_card_type':
-                    originalValue = this.DataStudent.id_card_type || '';
-                    break;
-                case 'id_card':
-                    originalValue = this.DataStudent.id_card || '';
-                    break;
-                case 'phone_indicative':
-                    originalValue = this.DataStudent.phone_indicative || '';
-                    break;
-                case 'phone_number':
-                    originalValue = this.DataStudent.phone_number || '';
-                    break;
-                case 'country':
-                    originalValue = ((_a = this.DataStudent.city) === null || _a === void 0 ? void 0 : _a.country) || '';
-                    break;
-                case 'state':
-                    originalValue = ((_b = this.DataStudent.city) === null || _b === void 0 ? void 0 : _b.state) || '';
-                    break;
-                case 'city':
-                    originalValue = ((_c = this.DataStudent.city) === null || _c === void 0 ? void 0 : _c.code) || '';
-                    break;
-                case 'role':
-                    originalValue = this.transformRole(this.DataStudent.role) || '';
-                    break;
-                case 'service_hour':
-                    originalValue = this.DataStudent.service_hour;
-                    break;
-                case 'status':
-                    originalValue = this.DataStudent.user_status || '';
-                    break;
-                case 'parent_name':
-                    originalValue = ((_e = (_d = this.DataStudent.cods) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.name) || '';
-                    break;
-                case 'parent_last_name':
-                    originalValue = ((_g = (_f = this.DataStudent.cods) === null || _f === void 0 ? void 0 : _f.parent) === null || _g === void 0 ? void 0 : _g.last_name) || '';
-                    break;
-                case 'parent_id_card_type':
-                    originalValue = (_j = (_h = this.DataStudent.cods) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.id_card_type;
-                    break;
-                case 'parent_id_card':
-                    originalValue = ((_l = (_k = this.DataStudent.cods) === null || _k === void 0 ? void 0 : _k.parent) === null || _l === void 0 ? void 0 : _l.id_card) || '';
-                    break;
-                case 'parent_phone_indicative':
-                    originalValue = ((_o = (_m = this.DataStudent.cods) === null || _m === void 0 ? void 0 : _m.parent) === null || _o === void 0 ? void 0 : _o.phone_indicative) || '';
-                    break;
-                case 'parent_phone_number':
-                    originalValue = ((_q = (_p = this.DataStudent.cods) === null || _p === void 0 ? void 0 : _p.parent) === null || _q === void 0 ? void 0 : _q.phone_number) || '';
-                    break;
-                case 'parent_occupation':
-                    originalValue = ((_s = (_r = this.DataStudent.cods) === null || _r === void 0 ? void 0 : _r.parent) === null || _s === void 0 ? void 0 : _s.occupation) || '';
-                    break;
-                case 'parent_office_adrress':
-                    originalValue = ((_u = (_t = this.DataStudent.cods) === null || _t === void 0 ? void 0 : _t.parent) === null || _u === void 0 ? void 0 : _u.office_adrress) || '';
-                    break;
-                case 'parent_email':
-                    originalValue = ((_w = (_v = this.DataStudent.cods) === null || _v === void 0 ? void 0 : _v.parent) === null || _w === void 0 ? void 0 : _w.email) || '';
-                    break;
-                default:
-                    originalValue = '';
+    }
+    getJornada(schedule) {
+        const timeRegex = /\b\d{2}:\d{2}:\d{2}\b/g;
+        const times = schedule.match(timeRegex);
+        if (times && times.length > 0) {
+            const startTime = times[0];
+            if (this.isMorning(startTime)) {
+                return 1;
             }
-            const normalizedCurrent = currentFieldValue != null ? String(currentFieldValue).trim() : '';
-            const normalizedOriginal = originalValue != null ? String(originalValue).trim() : '';
-            if (normalizedCurrent !== normalizedOriginal) {
-                return true;
+            else if (this.isAfternoon(startTime)) {
+                return 2;
+            }
+            else if (this.isNight(startTime)) {
+                return 3;
             }
         }
-        return false;
+        return 0;
+    }
+    isMorning(time) {
+        return time >= '05:00:00' && time <= '11:59:59';
+    }
+    isAfternoon(time) {
+        return time >= '12:00:00' && time <= '17:59:59';
+    }
+    isNight(time) {
+        return time >= '18:00:00';
     }
 }
-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: "<!-- <p-dialog\n  [(visible)]=\"visibleModal\"\n  [style]=\"{width: '80%'}\"\n  header=\"Actualizar usuario\"\n  [modal]=\"true\"\n  styleClass=\"p-fluid\"\n  (onHide)=\"closeTable()\"\n  [dismissableMask]=\"true\"\n  [breakpoints]=\"{'1920px': '75vw', '1440px': '75vw', '1024px': '75vw', '576px': '100vw'}\"\n> -->\n<!-- <div>\n  <pre>{{ updateUserForm.value | json }}</pre>\n  <div>\n    <pre>{{ updateUserForm.valid | json }}</pre>\n  </div>\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]=\"'number'\"\n            [placeHolder]=\"'Documento'\"\n            [control]=\"updateUserForm.controls['id_card']\"\n            [validateText]=\"'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 *ngIf=\"this.DataStudent.role !== 13\" class=\"card flex justify-content-center align-content-center align-items-end text-cen ter \">\n            <p-selectButton [options]=\"justifyOptions\" formControlName=\"status\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\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\n        <div class=\"buttons-container\">\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        </div>\n      </form>\n    </div>\n  </div>\n<!-- </p-dialog> -->", 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:60%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:3px}.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:.25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.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:1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{height:1px;max-width:67%}.error-message{color:red;font-size:12px;margin-top:5px}.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}\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.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: 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: updateUserFormComponent, decorators: [{
+CardSelectCourseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardSelectCourseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardSelectCourseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CardSelectCourseComponent, selector: "ipt-card-select-course-self-cod-managed", inputs: { courseSelect: "courseSelect" }, ngImport: i0, template: "<!-- <main class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n<main>\n<div class=\"container__tittle__card flex justify-content-center\">\n  Plan Seleccionado\n</div>\n<div class=\"container-card\">\n  <div class=\"card\">\n    <p class=\"heading\">\n      {{ courseSelect.course_type.label }}<br>\n    </p>\n    <div class=\"card-text\">\n      <strong class=\"type-theory\">Clases Teoricas: </strong><span>{{ courseSelect.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-theory\">Horario Teorico: </strong> <span>{{ courseSelect.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong><hr></strong>\n      <strong class=\"type-club\">Clases Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-club\">Horario Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong>Modalidad: </strong><span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n      <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong><span>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}</span><br *ngIf=\"courseSelect.start_date === null\">\n    </div>\n    <p>{{ courseSelect.english_level.name | typeLevel}}\n    </p>\n  </div>\n</div>\n</main>\n<!-- <main *ngIf=\"jornada === 2\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main>\n<main *ngIf=\"jornada === 3\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n", styles: [".container-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.card-image{grid-area:image;border-top-left-radius:65px;border-top-right-radius:65px;background-color:coral;background-size:cover;box-shadow:0 2px 5px #5e6173}.card-text .date{color:#fff;font-size:15px}.card-text p{color:gray;font-size:13px;font-weight:300}.card-text h2{margin-top:0;font-size:28px}.type-theory{color:#c2f0f8;font-weight:100;font-size:small}.type-club{color:#92f7af;font-weight:100;font-size:small}.card{position:relative;width:190px;height:254px;background-color:#565656;display:flex;flex-direction:column;justify-content:end;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.card:before{content:\"\";position:absolute;inset:0 0 0 -5px;margin:auto;width:200px;height:264px;border-radius:10px;background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1) 90%);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:after{content:\"\";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,rgba(0,63,255,1) 0%,rgba(4,18,106,1) 100%);transform:translateZ(0) scale(.95);filter:blur(20px)}.heading{text-transform:capitalize;font-weight:700;color:#fff}.card p:not(.heading){font-size:14px}.card p:last-child{color:#0497d9;font-weight:600}.card:hover:after{filter:blur(30px)}.card:hover:before{transform:rotate(-90deg) scaleX(1.34) scaleY(.77)}span,strong{color:#fff;font-weight:100;font-size:small}.container-card{z-index:0;position:relative;justify-content:center;display:flex;margin:1rem 0 3rem}.container__tittle__card{margin-top:2rem;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { 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: CardSelectCourseComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-update-user-form', template: "<!-- <p-dialog\n  [(visible)]=\"visibleModal\"\n  [style]=\"{width: '80%'}\"\n  header=\"Actualizar usuario\"\n  [modal]=\"true\"\n  styleClass=\"p-fluid\"\n  (onHide)=\"closeTable()\"\n  [dismissableMask]=\"true\"\n  [breakpoints]=\"{'1920px': '75vw', '1440px': '75vw', '1024px': '75vw', '576px': '100vw'}\"\n> -->\n<!-- <div>\n  <pre>{{ updateUserForm.value | json }}</pre>\n  <div>\n    <pre>{{ updateUserForm.valid | json }}</pre>\n  </div>\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]=\"'number'\"\n            [placeHolder]=\"'Documento'\"\n            [control]=\"updateUserForm.controls['id_card']\"\n            [validateText]=\"'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 *ngIf=\"this.DataStudent.role !== 13\" class=\"card flex justify-content-center align-content-center align-items-end text-cen ter \">\n            <p-selectButton [options]=\"justifyOptions\" formControlName=\"status\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\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\n        <div class=\"buttons-container\">\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        </div>\n      </form>\n    </div>\n  </div>\n<!-- </p-dialog> -->", 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:60%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin:auto;background-color:#fff;border-radius:3px}.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:.25rem}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.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:1rem}}@media screen and (min-width: 1366px){form{padding:0}}.field{height:1px;max-width:67%}.error-message{color:red;font-size:12px;margin-top:5px}.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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: ParameterService }, { type: BaseService }, { type: UserService }]; }, propDecorators: { DataStudent: [{
-                type: Input
-            }], visibleModal: [{
+            args: [{ selector: 'ipt-card-select-course-self-cod-managed', template: "<!-- <main class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n<main>\n<div class=\"container__tittle__card flex justify-content-center\">\n  Plan Seleccionado\n</div>\n<div class=\"container-card\">\n  <div class=\"card\">\n    <p class=\"heading\">\n      {{ courseSelect.course_type.label }}<br>\n    </p>\n    <div class=\"card-text\">\n      <strong class=\"type-theory\">Clases Teoricas: </strong><span>{{ courseSelect.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-theory\">Horario Teorico: </strong> <span>{{ courseSelect.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong><hr></strong>\n      <strong class=\"type-club\">Clases Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n      <strong class=\"type-club\">Horario Club: </strong><span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n      <strong>Modalidad: </strong><span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n      <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong><span>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}</span><br *ngIf=\"courseSelect.start_date === null\">\n    </div>\n    <p>{{ courseSelect.english_level.name | typeLevel}}\n    </p>\n  </div>\n</div>\n</main>\n<!-- <main *ngIf=\"jornada === 2\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main>\n<main *ngIf=\"jornada === 3\" class=\"container-card\">\n  <div class=\"w-auto\" >\n    <div class=\"card\" (click)=\"selectDepartment(courseSelect)\">\n      <div class=\"card-image\" [style.background-image]=\"'url(' + courseSelect.imageUrl + ')'\"></div>\n      <div class=\"card-text\">\n        <span class=\"date\">{{ courseSelect.course_type.label }}</span><br>\n        <strong class=\"type-theory\">Clases Teoricas: </strong>{{ courseSelect.course_schedule | scheduleFormat }}<br>\n        <strong class=\"type-theory\">Horario Teorico: </strong>{{ courseSelect.course_schedule | scheduleTimeFormat }}<br>\n        <strong><hr></strong>\n        <strong class=\"type-club\">Clases Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleFormat }}</span><br>\n        <strong class=\"type-club\">Horario Club: </strong>\n          <span *ngIf=\"courseSelect.course_club\">{{ courseSelect.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n        <strong>Modalidad: </strong>\n        <span *ngIf=\"courseSelect.course_modality\">{{ courseSelect.course_modality.name | titlecase }}</span><br>\n        <strong *ngIf=\"courseSelect.start_date === null\">Posible inicio: </strong>{{ courseSelect.start_date === null ? courseSelect.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.start_date === null\">\n        <strong *ngIf=\"courseSelect.start_date !== null\">Fecha Inicio: </strong>{{ courseSelect.start_date !== null ? courseSelect.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n        <strong *ngIf=\"courseSelect.finish_date !== null\">Fecha culminacion: </strong>{{ courseSelect.finish_date !== null ? courseSelect.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"courseSelect.finish_date !== null\">\n      </div>\n    </div>\n  </div>\n</main> -->\n", styles: [".container-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.card-image{grid-area:image;border-top-left-radius:65px;border-top-right-radius:65px;background-color:coral;background-size:cover;box-shadow:0 2px 5px #5e6173}.card-text .date{color:#fff;font-size:15px}.card-text p{color:gray;font-size:13px;font-weight:300}.card-text h2{margin-top:0;font-size:28px}.type-theory{color:#c2f0f8;font-weight:100;font-size:small}.type-club{color:#92f7af;font-weight:100;font-size:small}.card{position:relative;width:190px;height:254px;background-color:#565656;display:flex;flex-direction:column;justify-content:end;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.card:before{content:\"\";position:absolute;inset:0 0 0 -5px;margin:auto;width:200px;height:264px;border-radius:10px;background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1) 90%);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:after{content:\"\";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,rgba(0,63,255,1) 0%,rgba(4,18,106,1) 100%);transform:translateZ(0) scale(.95);filter:blur(20px)}.heading{text-transform:capitalize;font-weight:700;color:#fff}.card p:not(.heading){font-size:14px}.card p:last-child{color:#0497d9;font-weight:600}.card:hover:after{filter:blur(30px)}.card:hover:before{transform:rotate(-90deg) scaleX(1.34) scaleY(.77)}span,strong{color:#fff;font-weight:100;font-size:small}.container-card{z-index:0;position:relative;justify-content:center;display:flex;margin:1rem 0 3rem}.container__tittle__card{margin-top:2rem;font-weight:700}\n"] }]
+        }], propDecorators: { courseSelect: [{
                 type: Input
-            }], closeModalIS: [{
-                type: Output
-            }], userUpdatedEvent: [{
-                type: Output
             }] } });
 
+class MaterialModule {
+}
+MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
+MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, imports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [MatSidenavModule, MatToolbarModule, MatIconModule, MatListModule, MatButtonModule],
+                }]
+        }] });
+
+class PipeModule {
+}
+PipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, declarations: [ScheduleFormatPipe,
+        ScheduleTimeFormatPipe,
+        TypeLevelPipe,
+        GenderDisplayPipe], imports: [CommonModule], exports: [ScheduleFormatPipe,
+        ScheduleTimeFormatPipe,
+        TypeLevelPipe,
+        GenderDisplayPipe] });
+PipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ScheduleFormatPipe,
+                        ScheduleTimeFormatPipe,
+                        TypeLevelPipe,
+                        GenderDisplayPipe
+                    ],
+                    imports: [CommonModule],
+                    exports: [
+                        ScheduleFormatPipe,
+                        ScheduleTimeFormatPipe,
+                        TypeLevelPipe,
+                        GenderDisplayPipe
+                    ]
+                }]
+        }] });
+
 class ComponentsModule {
 }
 ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -3251,14 +3277,16 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         CardCourseComponent,
         CardSelectCourseComponent,
         updateUserFormComponent], imports: [CommonModule,
-        // BrowserModule, // Para evitar doble carga de BrowserModule
+        BrowserModule,
         FormsModule,
         ReactiveFormsModule,
         MaterialModule,
         CurrencyMaskModule,
         PanelModule,
         PipeModule,
-        SkeletonModule], exports: [AsideButtonComponent,
+        SkeletonModule,
+        SelectButtonModule,
+        CheckboxModule], exports: [AsideButtonComponent,
         ButtonComponent,
         CheckboxComponent,
         CreateUserFormComponent,
@@ -3281,14 +3309,16 @@ ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
         CurrencyPipe,
         TitleCasePipe
     ], imports: [CommonModule,
-        // BrowserModule, // Para evitar doble carga de BrowserModule
+        BrowserModule,
         FormsModule,
         ReactiveFormsModule,
         MaterialModule,
         CurrencyMaskModule,
         PanelModule,
         PipeModule,
-        SkeletonModule, CurrencyMaskModule] });
+        SkeletonModule,
+        SelectButtonModule,
+        CheckboxModule, CurrencyMaskModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ComponentsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -3310,18 +3340,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         QuestionTypeComponent,
                         CardCourseComponent,
                         CardSelectCourseComponent,
-                        updateUserFormComponent
+                        updateUserFormComponent,
                     ],
                     imports: [
                         CommonModule,
-                        // BrowserModule, // Para evitar doble carga de BrowserModule
+                        BrowserModule,
                         FormsModule,
                         ReactiveFormsModule,
                         MaterialModule,
                         CurrencyMaskModule,
                         PanelModule,
                         PipeModule,
-                        SkeletonModule
+                        SkeletonModule,
+                        SelectButtonModule,
+                        CheckboxModule
                     ],
                     exports: [
                         AsideButtonComponent,
@@ -3342,7 +3374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         QuestionTypeComponent,
                         CardCourseComponent,
                         CardSelectCourseComponent,
-                        updateUserFormComponent
+                        updateUserFormComponent,
                     ],
                     providers: [
                         CurrencyPipe,
@@ -3474,7 +3506,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$1.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$2.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"] }]
@@ -4778,7 +4810,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$1.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$2.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"] }]
@@ -5103,7 +5135,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    ></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$1.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    ></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"] }] });
 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    ></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"] }]
@@ -5318,7 +5350,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$1.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$2.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"] }]
@@ -5851,7 +5883,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$1.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$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"] }] });
 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"] }]
@@ -5934,7 +5966,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$1.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$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]" }] });
 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"] }]
@@ -6143,7 +6175,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$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i6$1.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$1.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$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"] }] });
 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"] }]
@@ -6558,7 +6590,7 @@ class CodFormComponent {
     }
 }
 CodFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormComponent, deps: [{ token: BaseService }, { token: LocalStorageCODService }, { token: CodFormControls }, { token: CommercialService }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
-CodFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormComponent, selector: "ipt-cod-form", inputs: { dataFromPreviusCodData: "dataFromPreviusCodData", courseSelect: "courseSelect", isNewCod: "isNewCod", editCod: "editCod", CourseSelectRenovation: "CourseSelectRenovation", isRenovation: "isRenovation" }, outputs: { okCreatedCOD: "okCreatedCOD" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span *ngIf=\"editCod\" class=\"bg-yellow-500 p-2 border-round mb-2 w-auto text-lg font-semibold\" style=\"color: white;\">{{ formTitle }}</span>\n  <span *ngIf=\"!editCod && !dataFromPreviusCodData?.cod_renovation\" class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\n  <span *ngIf=\"!editCod && dataFromPreviusCodData?.cod_renovation == true\" class=\"p-2 border-round mb-2 w-auto text-lg font-semibold\" style=\"background-color:#1da750; color: white;\">{{ formTitle }}</span>\n  <div *ngIf=\"parametersAll !== null\">\n    <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\n      <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\n        <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" [initialData]=\"courseSelect\" [dataPreviusCodData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [courseSelectRenovation]=\"CourseSelectRenovation\" [isRenovation]=\"isRenovation\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-one>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\n        <app-cod-form-step-two (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-two>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\n        <app-cod-form-step-three  (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-three>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\n        <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" class=\"p-1\" [isRenovation]=\"isRenovation\"></app-cod-form-step-four>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\n        <app-cod-form-step-five (changeStepEvent)=\"changeStep($event)\" [userRole]=\"userRole\" [initialData]=\"dataFromPreviusCodData\" (action)=\"getFormAction($event)\" [isEditCod]=\"editCod\" [isRenovation]=\"isRenovation\" class=\"p-1\" [parametersAll]=\"parametersAll\"></app-cod-form-step-five>\n      </p-tabPanel>\n    </p-tabView>\n  </div>\n\n</div>\n\n<ng-template #Unauthorized>\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\n  </span>\n</ng-template>\n\n\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$2.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: CodFormStepOneComponent, selector: "app-cod-form-step-one", inputs: ["initialData", "dataPreviusCodData", "isEditCod", "courseSelectRenovation", "isRenovation", "parametersAll"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: ["initialData", "isEditCod", "parametersAll"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", inputs: ["initialData", "isEditCod", "parametersAll"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: ["isEditCod", "initialData", "isRenovation"], outputs: ["changeStepEvent", "financingData"] }, { kind: "component", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: ["userRole", "initialData", "isEditCod", "isRenovation", "parametersAll"], outputs: ["changeStepEvent", "action"] }] });
+CodFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormComponent, selector: "ipt-cod-form", inputs: { dataFromPreviusCodData: "dataFromPreviusCodData", courseSelect: "courseSelect", isNewCod: "isNewCod", editCod: "editCod", CourseSelectRenovation: "CourseSelectRenovation", isRenovation: "isRenovation" }, outputs: { okCreatedCOD: "okCreatedCOD" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span *ngIf=\"editCod\" class=\"bg-yellow-500 p-2 border-round mb-2 w-auto text-lg font-semibold\" style=\"color: white;\">{{ formTitle }}</span>\n  <span *ngIf=\"!editCod && !dataFromPreviusCodData?.cod_renovation\" class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\n  <span *ngIf=\"!editCod && dataFromPreviusCodData?.cod_renovation == true\" class=\"p-2 border-round mb-2 w-auto text-lg font-semibold\" style=\"background-color:#1da750; color: white;\">{{ formTitle }}</span>\n  <div *ngIf=\"parametersAll !== null\">\n    <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\n      <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\n        <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" [initialData]=\"courseSelect\" [dataPreviusCodData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [courseSelectRenovation]=\"CourseSelectRenovation\" [isRenovation]=\"isRenovation\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-one>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\n        <app-cod-form-step-two (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-two>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\n        <app-cod-form-step-three  (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-three>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\n        <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" class=\"p-1\" [isRenovation]=\"isRenovation\"></app-cod-form-step-four>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\n        <app-cod-form-step-five (changeStepEvent)=\"changeStep($event)\" [userRole]=\"userRole\" [initialData]=\"dataFromPreviusCodData\" (action)=\"getFormAction($event)\" [isEditCod]=\"editCod\" [isRenovation]=\"isRenovation\" class=\"p-1\" [parametersAll]=\"parametersAll\"></app-cod-form-step-five>\n      </p-tabPanel>\n    </p-tabView>\n  </div>\n\n</div>\n\n<ng-template #Unauthorized>\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\n  </span>\n</ng-template>\n\n\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: CodFormStepOneComponent, selector: "app-cod-form-step-one", inputs: ["initialData", "dataPreviusCodData", "isEditCod", "courseSelectRenovation", "isRenovation", "parametersAll"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: ["initialData", "isEditCod", "parametersAll"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", inputs: ["initialData", "isEditCod", "parametersAll"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: ["isEditCod", "initialData", "isRenovation"], outputs: ["changeStepEvent", "financingData"] }, { kind: "component", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: ["userRole", "initialData", "isEditCod", "isRenovation", "parametersAll"], outputs: ["changeStepEvent", "action"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-cod-form', template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span *ngIf=\"editCod\" class=\"bg-yellow-500 p-2 border-round mb-2 w-auto text-lg font-semibold\" style=\"color: white;\">{{ formTitle }}</span>\n  <span *ngIf=\"!editCod && !dataFromPreviusCodData?.cod_renovation\" class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\n  <span *ngIf=\"!editCod && dataFromPreviusCodData?.cod_renovation == true\" class=\"p-2 border-round mb-2 w-auto text-lg font-semibold\" style=\"background-color:#1da750; color: white;\">{{ formTitle }}</span>\n  <div *ngIf=\"parametersAll !== null\">\n    <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\n      <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\n        <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" [initialData]=\"courseSelect\" [dataPreviusCodData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [courseSelectRenovation]=\"CourseSelectRenovation\" [isRenovation]=\"isRenovation\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-one>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\n        <app-cod-form-step-two (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-two>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\n        <app-cod-form-step-three  (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" [parametersAll]=\"parametersAll\" class=\"p-1\"></app-cod-form-step-three>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\n        <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" [initialData]=\"dataFromPreviusCodData\" [isEditCod]=\"editCod\" class=\"p-1\" [isRenovation]=\"isRenovation\"></app-cod-form-step-four>\n      </p-tabPanel>\n      <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\n        <app-cod-form-step-five (changeStepEvent)=\"changeStep($event)\" [userRole]=\"userRole\" [initialData]=\"dataFromPreviusCodData\" (action)=\"getFormAction($event)\" [isEditCod]=\"editCod\" [isRenovation]=\"isRenovation\" class=\"p-1\" [parametersAll]=\"parametersAll\"></app-cod-form-step-five>\n      </p-tabPanel>\n    </p-tabView>\n  </div>\n\n</div>\n\n<ng-template #Unauthorized>\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\n  </span>\n</ng-template>\n\n\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>\n" }]
@@ -8415,7 +8447,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
     }
 }
 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$1.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.ɵ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"] }] });
 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"] }]
@@ -8575,7 +8607,7 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
     }
 }
 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$1.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: i13.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.ɵ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"] }] });
 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"] }]
@@ -8916,7 +8948,7 @@ class CodSelfFormStepThreeComponent extends CodSelfManagedSteps {
     }
 }
 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$1.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.ɵ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"] }] });
 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"] }]
@@ -9135,7 +9167,7 @@ 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$1.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.ɵ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"] }] });
 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"] }]
@@ -9347,7 +9379,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$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7$2.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$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"] }] });
 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"] }]