iptdevs-design-system 3.1.570 → 3.1.572

package/fesm2015/iptdevs-design-system.mjs

@@ -2551,10 +2551,10 @@ class CardSelectCourseComponent {
     }
 }
 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{font-size:20px;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" }] });
+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{font-size:20px;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"] }]
+            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
             }] } });
@@ -6542,15 +6542,15 @@ class CodSelfManagedControls {
                 // { name: 're_password', required: true, description: 'Confirmación de contraseña' },
             ],
             [
-            // { name: 'schedule', required: true, description: 'horario requerido' },
-            // { name: 'to_start', required: true, description: 'posible inicio' },
-            // { name: 'modality', required: true, description: 'Modalidad del curso' },
-            // { name: 'academic_plan', required: true, description: 'Plan académico' },
-            // { name: 'course_type', required: true, description: 'Tipo de curso' },
-            // { name: 'agreement_by_category', required: true, description: 'Convenio' },
-            // { name: 'english_level', required: true, description: 'Nivel de inglés' },
-            // { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
-            // { name: 'course_modality', required: false, description: 'Modalidad del curso' },
+                // { name: 'schedule', required: true, description: 'horario requerido' },
+                // { name: 'to_start', required: true, description: 'posible inicio' },
+                // { name: 'modality', required: true, description: 'Modalidad del curso' },
+                { name: 'academic_plan', required: true, description: 'Plan académico' },
+                { name: 'course_type', required: true, description: 'Tipo de curso' },
+                { name: 'agreement_by_category', required: true, description: 'Convenio' },
+                { name: 'english_level', required: true, description: 'Nivel de inglés' },
+                { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
+                { name: 'course_modality', required: false, description: 'Modalidad del curso' },
             ],
             // [
             //   { name: 'parent_id_card_type', required: true, description: 'Tipo de documento del acudiente' },
@@ -7064,9 +7064,9 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
     }
     searchAvalaibleCourse() {
         this.isLoading = true;
-        const age = localStorage.getItem('COD SELF - step1(age)');
-        const grade = localStorage.getItem('COD SELF - step1(grade)');
-        const agreement = localStorage.getItem('COD SELF - step1(agreement_by_category)');
+        const age = Number(this.localStorageCOD.getCodFormData(1, 'age'));
+        const grade = Number(this.localStorageCOD.getCodFormData(1, 'grade'));
+        const agreement = Number(this.localStorageCOD.getCodFormData(1, 'agreement_by_category'));
         const userCode = this.baseService.getUserCode();
         console.log(this.scorePlacementTest);
         console.log(this.codPrevious);
@@ -7158,10 +7158,10 @@ 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: i0.ChangeDetectorRef }, { token: i3$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, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</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=\"https://qa.iptdev.com.co/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 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3> -->\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      <ipt-card-select-course-self-cod-managed\n      *ngIf=\"courseSelect != null\"\n      [courseSelect]=\"courseSelect\">\n      </ipt-card-select-course-self-cod-managed>\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    <!-- </form> -->\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]=\"!codSelfFormStepTwo.valid\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}: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:6px;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:6px;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}\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: i7$2.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: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i3$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$1.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"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
+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, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</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=\"https://qa.iptdev.com.co/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 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3> -->\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      <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    <!-- </form> -->\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]=\"!codSelfFormStepTwo.valid\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}: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:6px;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:6px;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}\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: i7$2.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: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i3$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$1.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"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</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=\"https://qa.iptdev.com.co/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 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3> -->\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      <ipt-card-select-course-self-cod-managed\n      *ngIf=\"courseSelect != null\"\n      [courseSelect]=\"courseSelect\">\n      </ipt-card-select-course-self-cod-managed>\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    <!-- </form> -->\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]=\"!codSelfFormStepTwo.valid\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}: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:6px;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:6px;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}\n"] }]
+            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</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=\"https://qa.iptdev.com.co/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 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>Horario</h3> -->\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              <!-- <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3> -->\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      <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    <!-- </form> -->\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]=\"!codSelfFormStepTwo.valid\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}: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:6px;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:6px;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}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i3$1.MessageService }, { type: BaseService }, { type: AcademicService }]; }, propDecorators: { completed: [{
                 type: Output
             }], scorePlacementTest: [{
@@ -7171,9 +7171,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
             }] } });
 
 class CodSelfFormStepThreeComponent extends CodSelfManagedSteps {
-    constructor() {
+    constructor(messageService, commercialService, baseService, calculateQuotesService) {
         super();
+        this.messageService = messageService;
+        this.commercialService = commercialService;
+        this.baseService = baseService;
+        this.calculateQuotesService = calculateQuotesService;
         this.completed = new EventEmitter();
+        this.financingData = new EventEmitter();
+        this.messageInfo = "";
+        this.visible = false;
+        this.paymentMethods = [
+            { code: '1', name: 'Financiado' },
+            { code: '2', name: 'Contado' },
+        ];
+        this.feeResponse = false;
+        this.thereArePlans = false;
+        this.isFinancing = false;
+        this.isCalculateQuotesButtonClicked = false;
+        this.dataFinancing = [];
+    }
+    onReject() {
+        this.messageService.clear('confirm');
+        this.visible = false;
+    }
+    showConfirm() {
+        if (!this.visible) {
+            this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?', life: 10000 });
+            this.visible = true;
+        }
+    }
+    selectPaymentMethod(paymentMethod) {
+        this.feeResponse = true;
+        this.thereArePlans = false;
+        if (paymentMethod !== '') {
+            const request = {
+                token: this.baseService.getUserToken(),
+                course_type: Number(this.localStorageCOD.getCodFormData(2, 'course_type')),
+                agreement: Number(this.localStorageCOD.getCodFormData(2, 'agreement_by_category')),
+                course_modality: Number(this.localStorageCOD.getCodFormData(2, 'course_modality')),
+                payment_method: parseInt(paymentMethod)
+            };
+            this.commercialService.ObtainCodPrices(request).subscribe((response) => {
+                if (response.data != null) {
+                    this.dataPrices = response.data;
+                    this.feeResponse = false;
+                    this.thereArePlans = true;
+                }
+                else {
+                    this.thereArePlans = false;
+                    this.feeResponse = false;
+                    Swal.fire({
+                        position: 'center',
+                        icon: 'warning',
+                        title: '<p style="font-family: Poppins"">Oops.. no hay planes de pagos, \n en el curso elegido.</p>',
+                        showConfirmButton: false,
+                        timer: 3000,
+                    });
+                    this.clearInputPayment();
+                }
+            });
+            this.codSelfFormStepThree.controls['payment_method'].setValue(paymentMethod);
+            // this.getCodPricesByAgreement();
+        }
+        else {
+            this.codSelfFormStepThree.controls['payment_method'].setValue(null);
+        }
+    }
+    clearInputPayment() {
+        this.codSelfFormStepThree.controls['program_price'].setValue(null);
+        this.codSelfFormStepThree.controls['quota_times'].setValue(null);
+        this.codSelfFormStepThree.controls['total_price'].setValue(null);
     }
     back() {
         // Movernos al paso anterior
@@ -7185,13 +7253,77 @@ class CodSelfFormStepThreeComponent extends CodSelfManagedSteps {
         // Movernos al paso 3
         this.completed.emit(3);
     }
+    showTable() {
+        this.isCalculateQuotesButtonClicked = true;
+        const total_price = this.codSelfFormStepThree.controls['total_price'].value;
+        if ((total_price === 'null') || this.codSelfFormStepThree.invalid) {
+            Swal.fire({
+                title: 'Error table',
+                text: 'Debes ingresar el monto total de la matrícula y la cuota inicial',
+                icon: 'error'
+            });
+            return;
+        }
+        // Calcular cuotas
+        this.dataFinancing = [];
+        // const quotaValues = this.codPrices.filter(codPrice => codPrice.code === Number(this.codSelfFormStepThree.controls['quota_times'].value))[0].quota_price;
+        // let params: CalculateQuotesParams = {
+        //   date: new Date(this.codSelfFormStepThree.controls['payment_date'].value),
+        //   quotaValues,
+        //   quotaTimes: this.codPrices.filter(codPrice => codPrice.code === Number(this.codSelfFormStepThree.controls['quota_times'].value))[0].fee_number,
+        //   totalPrice: this.codSelfFormStepThree.controls['total_price'].value,
+        // }
+        let params = {
+            date: new Date(this.codSelfFormStepThree.controls['payment_date'].value),
+            quotaValues: Number(this.codSelfFormStepThree.controls['quota_price'].value),
+            quotaTimes: Number(this.codSelfFormStepThree.controls['fee_number'].value),
+            totalPrice: this.codSelfFormStepThree.controls['total_price'].value,
+        };
+        this.dataFinancing = this.calculateQuotesService.calculateQuotes(params);
+        this.isFinancing = true;
+        this.financingData.emit(this.dataFinancing);
+    }
+    calculateNewQuotes() {
+        this.isCalculateQuotesButtonClicked = false;
+        this.isFinancing = false;
+        this.financingData.emit(null);
+    }
+    selectLevels(dataPayment) {
+        var _a, _b;
+        if (((_a = this.codSelfFormStepThree.get('payment_method')) === null || _a === void 0 ? void 0 : _a.value) == 1) {
+            this.codSelfFormStepThree.controls['quota_times'].setValue(dataPayment.code);
+            this.codSelfFormStepThree.controls['total_price'].setValue(dataPayment.enrollment);
+            this.codSelfFormStepThree.controls['program_price'].setValue(dataPayment.financed_price);
+            this.codSelfFormStepThree.controls['paid_level'].setValue(dataPayment.paid_level - 1);
+            this.codSelfFormStepThree.controls['fee_number'].setValue(dataPayment.fee_number);
+            this.codSelfFormStepThree.controls['quota_price'].setValue(dataPayment.quota_price);
+            this.updateValueAndValidity();
+        }
+        else if (((_b = this.codSelfFormStepThree.get('payment_method')) === null || _b === void 0 ? void 0 : _b.value) == 2) {
+            this.codSelfFormStepThree.controls['quota_times'].setValue(dataPayment.code);
+            this.codSelfFormStepThree.controls['total_price'].setValue(dataPayment.enrollment);
+            this.codSelfFormStepThree.controls['program_price'].setValue(dataPayment.normal_price);
+            this.codSelfFormStepThree.controls['paid_level'].setValue(dataPayment.paid_level - 1);
+            this.codSelfFormStepThree.controls['fee_number'].setValue(dataPayment.fee_number);
+            this.codSelfFormStepThree.controls['quota_price'].setValue(dataPayment.quota_price);
+            this.updateValueAndValidity();
+        }
+    }
+    updateValueAndValidity() {
+        this.codSelfFormStepThree.controls['program_price'].updateValueAndValidity();
+        this.codSelfFormStepThree.controls['payment_date'].updateValueAndValidity();
+        this.codSelfFormStepThree.controls['quota_times'].updateValueAndValidity();
+        this.codSelfFormStepThree.controls['total_price'].updateValueAndValidity();
+    }
 }
-CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<span>step 3</span>\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  (click)=\"sendForm()\"\n  ></button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodSelfFormStepThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepThreeComponent, deps: [{ token: i3$1.MessageService }, { token: CommercialService }, { token: BaseService }, { 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=\"https://qa.iptdev.com.co/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 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n\n  <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepThree\" class=\"grid mt-2\">\n\n    <div class=\"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               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>{{ data.paid_level }} Nivel(es)</td>\n              <td>{{ data.fee_number }}</td>\n              <td class=\"pt-2 pb-2\">\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\n      </div>\n\n    <div class=\"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=\"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=\"col-12\">\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepThree.controls['payment_date']\"\n        [placeHolder]=\"'Fecha de pago'\"\n      ></ipt-input>\n    </div>\n\n    <!-- Tabla de financiaci\u00F3n -->\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()\" lab icon=\"pi pi-replay\"></button>\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th>#</th>\n            <th>Valor</th>\n            <th>Fecha</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td>{{ data[0] }}</td>\n            <td>{{ data[1] }}</td>\n            <td>{{ data[2] }}</td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n    <!-- ---------------------- -->\n\n  </form>\n  </div>\n\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  (click)=\"sendForm()\"\n  ></button>\n</div>\n</div>\n", styles: [""], 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", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i13.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: "<span>step 3</span>\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  (click)=\"sendForm()\"\n  ></button>\n</div>\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { completed: [{
+            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=\"https://qa.iptdev.com.co/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 mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n\n  <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepThree\" class=\"grid mt-2\">\n\n    <div class=\"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               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>{{ data.paid_level }} Nivel(es)</td>\n              <td>{{ data.fee_number }}</td>\n              <td class=\"pt-2 pb-2\">\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\n      </div>\n\n    <div class=\"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=\"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=\"col-12\">\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepThree.controls['payment_date']\"\n        [placeHolder]=\"'Fecha de pago'\"\n      ></ipt-input>\n    </div>\n\n    <!-- Tabla de financiaci\u00F3n -->\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()\" lab icon=\"pi pi-replay\"></button>\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th>#</th>\n            <th>Valor</th>\n            <th>Fecha</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td>{{ data[0] }}</td>\n            <td>{{ data[1] }}</td>\n            <td>{{ data[2] }}</td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n    <!-- ---------------------- -->\n\n  </form>\n  </div>\n\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  (click)=\"sendForm()\"\n  ></button>\n</div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i3$1.MessageService }, { type: CommercialService }, { type: BaseService }, { type: CalculateQuotesService }]; }, propDecorators: { completed: [{
+                type: Output
+            }], financingData: [{
                 type: Output
             }] } });
 
@@ -7255,7 +7387,7 @@ class CodSelfManagedComponent {
     }
 }
 CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [{ token: BaseService }, { token: CommercialService }], 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" }, ngImport: i0, template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></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\"></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)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"], dependencies: [{ kind: "component", type: i3$2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i6$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i6$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"] }, { 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"] }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: ["completed"] }] });
+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" }, ngImport: i0, template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></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\"></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)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"], dependencies: [{ kind: "component", type: i3$2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i6$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i6$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"] }, { 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", outputs: ["completed"] }] });
 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\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\"></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)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"] }]
@@ -7287,7 +7419,8 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         AccordionModule,
         CheckboxModule,
         RadioButtonModule,
-        TooltipModule], exports: [CodSelfManagedComponent,
+        TooltipModule,
+        TableModule], exports: [CodSelfManagedComponent,
         CodSelfFormStepOneComponent,
         CodSelfFormStepTwoComponent,
         CodSelfFormStepThreeComponent,
@@ -7305,7 +7438,8 @@ codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
         AccordionModule,
         CheckboxModule,
         RadioButtonModule,
-        TooltipModule] });
+        TooltipModule,
+        TableModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
             type: NgModule,
             args: [{
@@ -7323,7 +7457,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         AccordionModule,
                         CheckboxModule,
                         RadioButtonModule,
-                        TooltipModule
+                        TooltipModule,
+                        TableModule
                     ],
                     declarations: [
                         CodSelfManagedComponent,