iptdevs-design-system 3.1.543 → 3.1.545

package/fesm2020/iptdevs-design-system.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, NgModule } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, NgModule, Pipe } from '@angular/core';
 import * as i3 from 'ng2-currency-mask';
 import { CurrencyMaskModule } from 'ng2-currency-mask';
 import * as i1 from '@angular/common';
@@ -22,6 +22,8 @@ import * as i7 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
 import { MatButtonModule } from '@angular/material/button';
+import * as i2 from 'primeng/panel';
+import { PanelModule } from 'primeng/panel';
 import * as i7$1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import { BehaviorSubject, map } from 'rxjs';
@@ -38,11 +40,11 @@ import * as i3$2 from 'primeng/steps';
 import { StepsModule } from 'primeng/steps';
 import * as i8$2 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
-import * as i8$3 from 'primeng/accordion';
+import * as i10 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
-import * as i9 from 'primeng/checkbox';
+import * as i11 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
-import * as i10 from 'primeng/radiobutton';
+import * as i12 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { CalendarModule } from 'primeng/calendar';
 import { SelectButtonModule } from 'primeng/selectbutton';
@@ -2256,6 +2258,248 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                 type: Input
             }] } });
 
+class ScheduleFormatPipe {
+    transform(schedule) {
+        if (!schedule) {
+            return 'Sin horario';
+        }
+        const isWithoutSchedule = typeof schedule === 'string' && schedule == 'without schedule';
+        if (isWithoutSchedule) {
+            return 'Sin horario';
+        }
+        const formattedDays = [];
+        // Mapea los días en inglés a español
+        const daysMapping = {
+            Monday: 'Lun',
+            Tuesday: 'Mar',
+            Wednesday: 'Mie',
+            Thursday: 'Jue',
+            Friday: 'Vie',
+            Saturday: 'Sáb',
+            Sunday: 'Dom'
+        };
+        if (Array.isArray(schedule)) {
+            schedule.forEach(item => {
+                const parts = item.split(' at ');
+                if (parts.length !== 2) {
+                    return;
+                }
+                const [day] = parts;
+                const spanishDay = daysMapping[day];
+                if (spanishDay && !formattedDays.includes(spanishDay)) {
+                    formattedDays.push(spanishDay);
+                }
+            });
+        }
+        return formattedDays.length > 0 ? formattedDays.join(', ') : 'Sin horario';
+    }
+}
+ScheduleFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ScheduleFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, name: "scheduleFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'scheduleFormat'
+                }]
+        }] });
+
+class ScheduleTimeFormatPipe {
+    transform(schedule) {
+        if (!schedule || !Array.isArray(schedule) || schedule.length === 0) {
+            return 'Sin horario';
+        }
+        const firstItem = schedule[0];
+        const match = firstItem.match(/(\d{2}:\d{2}:\d{2}) to (\d{2}:\d{2}:\d{2})/);
+        if (match && match.length === 3) {
+            const [startTime, endTime] = match.slice(1);
+            return `${this.formatTo12Hours(startTime)} to ${this.formatTo12Hours(endTime)}`;
+        }
+        return 'Sin horario';
+    }
+    formatTo12Hours(time) {
+        const [hours, minutes, seconds] = time.split(':').map(Number);
+        const period = hours >= 12 ? 'PM' : 'AM';
+        const formattedHours = hours % 12 || 12; // Handle noon as 12 PM
+        return `${formattedHours}:${this.padWithZero(minutes)} ${period}`;
+    }
+    padWithZero(value) {
+        return value < 10 ? `0${value}` : `${value}`;
+    }
+}
+ScheduleTimeFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ScheduleTimeFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, name: "scheduleTimeFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ScheduleTimeFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'scheduleTimeFormat'
+                }]
+        }] });
+
+class TypeLevelPipe {
+    transform(value) {
+        if (value === 'BEGINNERS I') {
+            return 'Beg.I';
+        }
+        if (value === 'BEGINNERS II') {
+            return 'Beg.II';
+        }
+        if (value === 'BEGINNERS III') {
+            return 'Beg.III';
+        }
+        if (value === 'STARTERS I') {
+            return 'Sta.I';
+        }
+        if (value === 'STARTERS II') {
+            return 'Sta.II';
+        }
+        if (value === 'MOVERS I') {
+            return 'Mov.I';
+        }
+        if (value === 'MOVERS II') {
+            return 'Mov.II';
+        }
+        if (value === 'A1.1') {
+            return 'A1.1';
+        }
+        if (value === 'A1.2') {
+            return 'A1.2';
+        }
+        if (value === 'A2') {
+            return 'A2';
+        }
+        if (value === 'B1') {
+            return 'B1';
+        }
+        if (value === 'B1+') {
+            return 'B1+';
+        }
+        if (value === 'B2') {
+            return 'B2';
+        }
+        else {
+            return '-';
+        }
+    }
+}
+TypeLevelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+TypeLevelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, name: "typeLevel" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TypeLevelPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'typeLevel'
+                }]
+        }] });
+
+class CardCourseComponent {
+    constructor() {
+        this.isLoading = true;
+        this.codeCourse = new EventEmitter();
+        this.courseAcademy = [];
+        this.courseKids = [];
+        this.courseSchools = [];
+        this.visibleAcademy = false;
+        this.visibleKids = false;
+        this.visibleSchools = false;
+    }
+    ngOnInit() {
+        if (this.CourseData.length == 0) {
+            this.isLoading = true;
+        }
+        else {
+            this.isLoading = false;
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['CourseData']) {
+            if (!this.CourseData) {
+                this.courseAcademy = [];
+                this.courseKids = [];
+                this.courseSchools = [];
+                this.isLoading = false;
+                this.visibleAcademy = false;
+                this.visibleKids = false;
+                this.visibleSchools = false;
+            }
+            else {
+                this.isLoading = false;
+                this.courseAcademy = this.CourseData.Academy;
+                this.courseKids = this.CourseData.Kids;
+                this.courseSchools = this.CourseData.Schools;
+                this.visibleAcademy = this.CourseData.Academy ? true : false;
+                this.visibleKids = this.CourseData.Kids ? true : false;
+                this.visibleSchools = this.CourseData.Schools ? true : false;
+            }
+        }
+    }
+    viewDataCourse(codeCourse) {
+        this.codeCourse.emit(codeCourse);
+    }
+    getCssClass(level) {
+        switch (level) {
+            case 'A1.1':
+                return 'levelAone';
+            case 'A1.2':
+                return 'levelAonetwo';
+            case 'A2':
+                return 'levelAtwo';
+            case 'B1':
+                return 'levelBone';
+            case 'B2':
+                return 'levelBtwo';
+            case 'B1+':
+                return 'levelBplus';
+            case 'MOVERS I':
+            case 'MOVERS II':
+            case 'BEGINNERS I':
+            case 'BEGINNERS II':
+            case 'BEGINNERS III':
+            case 'STARTERS I':
+            case 'STARTERS II':
+                return 'beginner';
+            default:
+                return '';
+        }
+    }
+}
+CardCourseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CardCourseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardCourseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CardCourseComponent, selector: "ipt-card-course", inputs: { CourseData: "CourseData", isLoading: "isLoading" }, outputs: { codeCourse: "codeCourse" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"main-container\">\n\n  <!-- cards Academy -->\n\n  <p-panel\n  *ngIf=\"visibleAcademy\"\n  header=\"Plan Academy\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"academic_plan\"\n  class=\"academic_plan\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseAcademy\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__academic\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br> -->\n          <!-- <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <span class=\"course-code\">Code: {{course.code}}</span>\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Kids -->\n\n  <p-panel\n  *ngIf=\"visibleKids\"\n  header=\"Plan Kids\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_kids\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseKids\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__kids\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <span class=\"course-code\">Code: {{course.code}}</span>\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Schools -->\n\n  <p-panel\n  *ngIf=\"visibleSchools\"\n  header=\"Plan Schools\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_school\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseSchools\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__schools\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br>\n          <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <span class=\"course-code\">Code: {{course.code}}</span>\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  </div>\n\n\n", styles: ["main{display:flex;gap:.7rem;flex-wrap:wrap}.card1{--border-radius: 6px;--primary-color: #1c77f7;--secondary-color: #2c2c2c;--tertiary-color: #ffffff;width:340px;font-family:Poppins,sans-serif;cursor:pointer;border-radius:var(--border-radius);background:#f1f1f3;box-shadow:0 8px 16px #00000008;position:relative;transition:.3s;border:solid .5px #e0e0e0}.type-theory{color:#00aecc}.type-club{color:#0d9d36}.msg-two-coup{color:#000!important;padding-left:7px;padding-right:7px;border-radius:5px;background-color:#4ed1e9}.msg-two-lev{color:#000!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#fb8f42}.beginner{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#94b9aa}.levelAone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#c4291c}.levelAonetwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#418ed1}.levelAtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#4fad65}.levelBone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#6824b8}.levelBtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#06161e}.levelBplus{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#cc6529}.main-container{margin-top:1%}.course-code{font-size:12px;font-weight:400;margin-left:.5rem}.card1:hover{box-shadow:#0000003d 0 3px 8px}.card1>*+*{margin-top:.7em}.card1 .card1__content{padding-left:10px;color:var(--secondary-color);font-size:.86rem;font-weight:200;z-index:1;position:relative}strong{color:var(--secondary-color);font-weight:300}:host ::ng-deep .p-panel .p-panel-header .p-panel-header-icon{color:#fff!important}.card1 .card1__title__academic{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep #academic_plan .p-panel .p-panel-header{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}.card1 .card1__title__kids{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_kids .p-panel .p-panel-header{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__title__schools{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_school .p-panel .p-panel-header{color:#fff!important;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__date{color:#807c7c;padding-left:10px;font-size:.4rem;z-index:1;position:relative;margin-bottom:2%;margin-top:.7rem}.card1 .card1__arrow{padding-left:10px;position:absolute;padding:.1rem;border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);bottom:0;right:0;transition:.2s;display:flex;justify-content:center;align-items:center;width:50px}.card1 svg{transition:.2s}.card1:hover .card1__title{color:var(--secondary-color)}.card1:hover .card1__arrow{background:rgb(170,41,170)}.card1:hover .card1__arrow svg{transform:translate(3px)}.card1:hover strong{color:#aa29aa;font-weight:400}.card1:hover .course-code{color:#aa29aa;font-weight:500}.image-container{display:flex;border-radius:6px;width:250px;height:207px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}:host ::ng-deep .p-menubar .p-menuitem{position:relative;width:auto}.green300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#76db9b;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.red300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#e35b53;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.gray300{height:2%;width:2%;padding-right:9px;border-radius:70%;color:#9e9a99;background-color:#9e9a99;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}label{border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { 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: CardCourseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipt-card-course', template: "<div class=\"main-container\">\n\n  <!-- cards Academy -->\n\n  <p-panel\n  *ngIf=\"visibleAcademy\"\n  header=\"Plan Academy\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"academic_plan\"\n  class=\"academic_plan\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseAcademy\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__academic\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br> -->\n          <!-- <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <span class=\"course-code\">Code: {{course.code}}</span>\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Kids -->\n\n  <p-panel\n  *ngIf=\"visibleKids\"\n  header=\"Plan Kids\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_kids\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseKids\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__kids\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br> -->\n          <!-- <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <span class=\"course-code\">Code: {{course.code}}</span>\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  <!-- cards Schools -->\n\n  <p-panel\n  *ngIf=\"visibleSchools\"\n  header=\"Plan Schools\"\n  [toggleable]=\"true\"\n  [collapsed]=\"false\"\n  id=\"social_school\"\n  >\n  <ng-template pTemplate=\"icons\"> </ng-template>\n    <main *ngIf=\"!isLoading\" class=\"flex flex-col\">\n      <section *ngFor=\"let course of courseSchools\" class=\"card1 animate__animated\"  (click)=\"viewDataCourse(course)\">\n        <h3 class=\"card1__title__schools\">{{ course.course_type.label }}</h3>\n        <p class=\"card1__content\">\n          <strong class=\"type-theory\">Clases Teoricas: </strong>{{ course.course_schedule | scheduleFormat }}<br>\n          <strong class=\"type-theory\">Horario Teorico: </strong>{{ course.course_schedule | scheduleTimeFormat }}<br>\n          <!-- <strong class=\"type-theory\">Theory Teacher: </strong>{{ course.teacher | titlecase }}<br>\n          <strong class=\"type-theory\">Theory Classroom: </strong><span>{{ course.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong class=\"type-club\">Clases Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleFormat }}</span><br>\n          <strong class=\"type-club\">Horario Club: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_schedule | scheduleTimeFormat }}</span><br>\n          <!-- <strong class=\"type-club\">Club Teacher: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.teacher | titlecase }}</span><br>\n          <strong class=\"type-club\">Club Classroom: </strong>\n            <span *ngIf=\"course.course_club\">{{ course.course_club.course_scheduleDetails[0].ClassRoom.name  | titlecase}}</span><br> -->\n          <strong><hr></strong>\n          <strong *ngIf=\"course.start_date === null\">Posible inicio: </strong>{{ course.start_date === null ? course.to_start : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.start_date === null\">\n          <strong *ngIf=\"course.start_date !== null\">Fecha Inicio: </strong>{{ course.start_date !== null ? course.start_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <strong *ngIf=\"course.finish_date !== null\">Fecha culminacion: </strong>{{ course.finish_date !== null ? course.finish_date : null | date:'dd/MM/yyyy' }}<br *ngIf=\"course.finish_date !== null\">\n          <!-- <strong>Created: </strong>{{ course.created_at | date:'dd/MM/yyyy' }}<br> -->\n        </p>\n        <div class=\"card1__date\">\n          <!-- <span\n          [ngClass]=\"course.status?.color_status\"\n          ></span> -->\n          <span class=\"course-code\">Code: {{course.code}}</span>\n        </div>\n        <div class=\"card1__arrow\" [ngClass]=\"getCssClass(course.english_level.name)\">\n          <span>{{ course.english_level.name | typeLevel}}</span>\n        </div>\n      </section>\n    </main>\n    <ipt-loader *ngIf=\"isLoading\"></ipt-loader>\n  </p-panel>\n\n  </div>\n\n\n", styles: ["main{display:flex;gap:.7rem;flex-wrap:wrap}.card1{--border-radius: 6px;--primary-color: #1c77f7;--secondary-color: #2c2c2c;--tertiary-color: #ffffff;width:340px;font-family:Poppins,sans-serif;cursor:pointer;border-radius:var(--border-radius);background:#f1f1f3;box-shadow:0 8px 16px #00000008;position:relative;transition:.3s;border:solid .5px #e0e0e0}.type-theory{color:#00aecc}.type-club{color:#0d9d36}.msg-two-coup{color:#000!important;padding-left:7px;padding-right:7px;border-radius:5px;background-color:#4ed1e9}.msg-two-lev{color:#000!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#fb8f42}.beginner{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#94b9aa}.levelAone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#c4291c}.levelAonetwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#418ed1}.levelAtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#4fad65}.levelBone{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#6824b8}.levelBtwo{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#06161e}.levelBplus{color:#fff!important;padding-left:5px;padding-right:5px;border-radius:5px;margin-left:13px;background-color:#cc6529}.main-container{margin-top:1%}.course-code{font-size:12px;font-weight:400;margin-left:.5rem}.card1:hover{box-shadow:#0000003d 0 3px 8px}.card1>*+*{margin-top:.7em}.card1 .card1__content{padding-left:10px;color:var(--secondary-color);font-size:.86rem;font-weight:200;z-index:1;position:relative}strong{color:var(--secondary-color);font-weight:300}:host ::ng-deep .p-panel .p-panel-header .p-panel-header-icon{color:#fff!important}.card1 .card1__title__academic{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}:host ::ng-deep #academic_plan .p-panel .p-panel-header{color:#fff!important;background:rgb(4,18,106);background:linear-gradient(175deg,rgba(4,18,106,1) 27%,rgba(48,63,155,1) 53%,rgba(28,119,247,1)90%);border-radius:6px 6px 0 0}.card1 .card1__title__kids{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_kids .p-panel .p-panel-header{color:#fff!important;background:rgb(127,33,99);background:linear-gradient(175deg,rgba(127,33,99,1) 27%,rgba(171,49,135,1) 53%,rgba(220,76,178,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__title__schools{color:#fff;padding-left:10px;padding-right:10px;font-size:1.1rem;font-weight:300;z-index:1;position:relative;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}:host ::ng-deep #social_school .p-panel .p-panel-header{color:#fff!important;background:rgb(57,130,154);background:linear-gradient(175deg,rgba(57,130,154,1) 27%,rgba(44,147,180,1) 53%,rgba(135,182,197,1) 90%);border-radius:6px 6px 0 0}.card1 .card1__date{color:#807c7c;padding-left:10px;font-size:.4rem;z-index:1;position:relative;margin-bottom:2%;margin-top:.7rem}.card1 .card1__arrow{padding-left:10px;position:absolute;padding:.1rem;border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);bottom:0;right:0;transition:.2s;display:flex;justify-content:center;align-items:center;width:50px}.card1 svg{transition:.2s}.card1:hover .card1__title{color:var(--secondary-color)}.card1:hover .card1__arrow{background:rgb(170,41,170)}.card1:hover .card1__arrow svg{transform:translate(3px)}.card1:hover strong{color:#aa29aa;font-weight:400}.card1:hover .course-code{color:#aa29aa;font-weight:500}.image-container{display:flex;border-radius:6px;width:250px;height:207px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}:host ::ng-deep .p-menubar .p-menuitem{position:relative;width:auto}.green300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#76db9b;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.red300{height:2%;width:2%;padding-right:9px;border-radius:70%;background:#e35b53;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}.gray300{height:2%;width:2%;padding-right:9px;border-radius:70%;color:#9e9a99;background-color:#9e9a99;box-shadow:-1px 0 1px 1px #000000fa;border:1px solid rgb(0 0 0 / 40%)}label{border-radius:50%}\n"] }]
+        }], propDecorators: { CourseData: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], codeCourse: [{
+                type: Output
+            }] } });
+
+class PipeModule {
+}
+PipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, declarations: [ScheduleFormatPipe,
+        ScheduleTimeFormatPipe,
+        TypeLevelPipe], imports: [CommonModule], exports: [ScheduleFormatPipe,
+        ScheduleTimeFormatPipe,
+        TypeLevelPipe] });
+PipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ScheduleFormatPipe,
+                        ScheduleTimeFormatPipe,
+                        TypeLevelPipe
+                    ],
+                    imports: [CommonModule],
+                    exports: [
+                        ScheduleFormatPipe,
+                        ScheduleTimeFormatPipe,
+                        TypeLevelPipe
+                    ]
+                }]
+        }] });
+
 class ComponentsModule {
 }
 ComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2273,12 +2517,15 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         SelectComponent,
         SidenavComponent,
         TextLinkComponent,
-        QuestionTypeComponent], imports: [CommonModule,
+        QuestionTypeComponent,
+        CardCourseComponent], imports: [CommonModule,
         // BrowserModule, // Para evitar doble carga de BrowserModule
         FormsModule,
         ReactiveFormsModule,
         MaterialModule,
-        CurrencyMaskModule], exports: [AsideButtonComponent,
+        CurrencyMaskModule,
+        PanelModule,
+        PipeModule], exports: [AsideButtonComponent,
         ButtonComponent,
         CheckboxComponent,
         CreateUserFormComponent,
@@ -2293,7 +2540,8 @@ ComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
         LoginFormComponent,
         SidenavComponent,
         CurrencyMaskModule,
-        QuestionTypeComponent] });
+        QuestionTypeComponent,
+        CardCourseComponent] });
 ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ComponentsModule, providers: [
         CurrencyPipe,
         TitleCasePipe
@@ -2302,7 +2550,9 @@ ComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
         FormsModule,
         ReactiveFormsModule,
         MaterialModule,
-        CurrencyMaskModule, CurrencyMaskModule] });
+        CurrencyMaskModule,
+        PanelModule,
+        PipeModule, CurrencyMaskModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ComponentsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2322,6 +2572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         SidenavComponent,
                         TextLinkComponent,
                         QuestionTypeComponent,
+                        CardCourseComponent
                     ],
                     imports: [
                         CommonModule,
@@ -2329,7 +2580,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         FormsModule,
                         ReactiveFormsModule,
                         MaterialModule,
-                        CurrencyMaskModule
+                        CurrencyMaskModule,
+                        PanelModule,
+                        PipeModule
                     ],
                     exports: [
                         AsideButtonComponent,
@@ -2347,7 +2600,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         LoginFormComponent,
                         SidenavComponent,
                         CurrencyMaskModule,
-                        QuestionTypeComponent
+                        QuestionTypeComponent,
+                        CardCourseComponent
                     ],
                     providers: [
                         CurrencyPipe,
@@ -6151,7 +6405,8 @@ CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14
         CalendarService,
         CertificateService,
         UserEktService,
-        CopiesService
+        CopiesService,
+        PipeModule
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
@@ -6175,7 +6430,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         CalendarService,
                         CertificateService,
                         UserEktService,
-                        CopiesService
+                        CopiesService,
+                        PipeModule
                     ]
                 }]
         }] });
@@ -6668,6 +6924,10 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
         this.messageAlertSchedules = false;
         this.messageAlertModality = false;
         this.messageAlertPlacementTest = false;
+        this.SearchData = true;
+        this.dataCourse = [];
+        this.isLoading = true;
+        this.visibleGroupReview = false;
         this.initForm();
     }
     ngOnInit() {
@@ -6738,14 +6998,18 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
             agreement: agreement,
             modality: this.selectedModality,
             schedules: this.selectedSchedules,
-            decitionPlacementTest: this.selectedOptionPlacementTest
+            decitionPlacementTest: this.selectedOptionPlacementTest,
+            token: this.baseService.getUserToken()
             // schedule: this.codSelfFormStepTwo.get('schedule')?.value,
             // possible_start: this.codSelfFormStepTwo.get('to_start')?.value,
             // modality: this.codSelfFormStepTwo.get('modality')?.value
         };
         console.log(request);
         this.academicService.obtainPlansCourseAvalaibleForPosibleStudentByAgeAndGrade(request).subscribe((response) => {
+            this.SearchData = false;
             console.log(response);
+            this.dataCourse = response.data;
+            this.visibleGroupReview = true;
         });
     }
     // validateDate(dateRecib: string) {
@@ -6829,12 +7093,20 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
             this.messageAlertPlacementTest = false;
         }
     }
+    filterAgain() {
+        this.SearchData = true;
+    }
+    courseCode(codeCourse) {
+        this.codeCourseA = codeCourse.code;
+        console.log(this.codeCourseA);
+        this.visibleGroupReview = false;
+    }
 }
 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\" (click)=\"showConfirm()\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\n      <!-- <div *ngIf=\"codPrevious == null\">\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex mt-3\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [showIcon]=\"true\"\n              [icon]=\"'pi pi-clock'\"\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              (ngModelChange)=\"onDateChange($event)\"\n            ></p-calendar>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['schedule'].invalid && codSelfFormStepTwo.controls['schedule'].touched\">\n            <span class=\"error-message\">Por favor ingresa un horario deseado</span>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['to_start'].invalid && codSelfFormStepTwo.controls['to_start'].touched\">\n            <span class=\"error-message\">La fecha seleccionada debe ser mayor que la fecha actual.</span>\n          </div>\n\n          <div class=\"container-modality flex justify-content-center align-content-center text-center m-2 align-items-end\">\n            <p-selectButton [options]=\"stateOptions\" formControlName=\"modality\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\n          </div>\n        </div>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"!codSelfFormStepTwo.valid\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div> -->\n      <div *ngIf=\"codPrevious == null\">\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\">\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\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\">\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            <div class=\"containerDay mt-3\">\n              <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3>\n              <!-- <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of OptionPlacementTest; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedOptionPlacementTest\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectOpcionsPlacementTest($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertPlacementTest\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div> -->\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\n        </p-accordion>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\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      <!-- <div *ngIf=\"codPrevious.cod_is_Progress == false\">\n      </div> -->\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      (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}\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: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: i8$2.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: i8$3.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i8$3.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: i9.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: i10.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\" (click)=\"showConfirm()\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\n    <ipt-button *ngIf=\"!SearchData\"\n      [label]=\"'Filtrar'\"\n      (onClick)=\"filterAgain()\"\n      [primary]=\"true\">\n    </ipt-button>\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\">\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\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\">\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            <div class=\"containerDay mt-3\">\n              <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3>\n              <!-- <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of OptionPlacementTest; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedOptionPlacementTest\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectOpcionsPlacementTest($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertPlacementTest\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div> -->\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\n        </p-accordion>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\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      <article *ngIf=\"visibleGroupReview\" class=\"cards-container\">\n\n        <ipt-card-course\n          [CourseData]=\"dataCourse\"\n          (codeCourse)=\"courseCode($event)\"\n          [isLoading]=\"isLoading\">\n        </ipt-card-course>\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      (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:5px 15px 15px}\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", inputs: ["CourseData", "isLoading"], outputs: ["codeCourse"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: i8$2.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: i10.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i10.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: i11.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: i12.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\" (click)=\"showConfirm()\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\n      <!-- <div *ngIf=\"codPrevious == null\">\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex mt-3\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [showIcon]=\"true\"\n              [icon]=\"'pi pi-clock'\"\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              (ngModelChange)=\"onDateChange($event)\"\n            ></p-calendar>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['schedule'].invalid && codSelfFormStepTwo.controls['schedule'].touched\">\n            <span class=\"error-message\">Por favor ingresa un horario deseado</span>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['to_start'].invalid && codSelfFormStepTwo.controls['to_start'].touched\">\n            <span class=\"error-message\">La fecha seleccionada debe ser mayor que la fecha actual.</span>\n          </div>\n\n          <div class=\"container-modality flex justify-content-center align-content-center text-center m-2 align-items-end\">\n            <p-selectButton [options]=\"stateOptions\" formControlName=\"modality\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\n          </div>\n        </div>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"!codSelfFormStepTwo.valid\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div> -->\n      <div *ngIf=\"codPrevious == null\">\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\">\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\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\">\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            <div class=\"containerDay mt-3\">\n              <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3>\n              <!-- <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of OptionPlacementTest; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedOptionPlacementTest\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectOpcionsPlacementTest($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertPlacementTest\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div> -->\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\n        </p-accordion>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\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      <!-- <div *ngIf=\"codPrevious.cod_is_Progress == false\">\n      </div> -->\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      (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}\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\" (click)=\"showConfirm()\"></i>\n    <!-- <form [formGroup]=\"codSelfFormStepTwo\"> -->\n    <ipt-button *ngIf=\"!SearchData\"\n      [label]=\"'Filtrar'\"\n      (onClick)=\"filterAgain()\"\n      [primary]=\"true\">\n    </ipt-button>\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\">\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\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\">\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            <div class=\"containerDay mt-3\">\n              <h3>\u00BFDeseas iniciar en este nivel {{ scorePlacementTest?.level_inglish_next.name }}?</h3>\n              <!-- <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of OptionPlacementTest; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedOptionPlacementTest\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectOpcionsPlacementTest($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertPlacementTest\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div> -->\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\n        </p-accordion>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\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      <article *ngIf=\"visibleGroupReview\" class=\"cards-container\">\n\n        <ipt-card-course\n          [CourseData]=\"dataCourse\"\n          (codeCourse)=\"courseCode($event)\"\n          [isLoading]=\"isLoading\">\n        </ipt-card-course>\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      (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:5px 15px 15px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i3$1.MessageService }, { type: BaseService }, { type: AcademicService }]; }, propDecorators: { completed: [{
                 type: Output
             }], scorePlacementTest: [{
@@ -7160,5 +7432,5 @@ class IUserFullDataRs {
  * Generated bundle index. Do not edit.
  */
 
-export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CodSelfFormStepFourComponent, CodSelfFormStepOneComponent, CodSelfFormStepThreeComponent, CodSelfFormStepTwoComponent, CodSelfManagedComponent, CodSelfManagedControls, CodSelfManagedSteps, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LocalStorageCodSelfMaganedService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, UserEktService, UserLoginRs, UserRs, UserService, codSelfManagedModule, validateCoupunts };
+export { AcademicService, ActivityService, AsideButtonComponent, AttendanceService, BaseService, BudgetService, ButtonComponent, CalculateQuotesService, CalendarService, CardCourseComponent, CertificateService, CheckboxComponent, ClassroomService, CodDocumentsSectionComponent, CodFormComponent, CodFormControls, CodFormStepFiveComponent, CodFormStepFourComponent, CodFormStepOneComponent, CodFormStepThreeComponent, CodFormStepTwoComponent, CodFormSteps, CodModule, CodSelfFormStepFourComponent, CodSelfFormStepOneComponent, CodSelfFormStepThreeComponent, CodSelfFormStepTwoComponent, CodSelfManagedComponent, CodSelfManagedControls, CodSelfManagedSteps, CommercialService, CommunicatorService, ComponentsModule, CopiesService, CoreModule, CourseService, CreateUserFormComponent, DatalistComponent, DesignSystemModule, IUnitNameClubRs, IUserFullDataRs, InputComponent, LevelButtonComponent, LevelTextComponent, LoaderComponent, LocalStorageCODService, LocalStorageCodSelfMaganedService, LoginFormComponent, MarketingService, NotesService, ParameterService, PlacementService, QuestionTypeComponent, RadioComponent, RedirectGuard, ScheduleFormatPipe, ScheduleTimeFormatPipe, SelectComponent, Session, SidenavComponent, StorageService, StudentService, SwitchService, TestService, TextLinkComponent, TypeLevelPipe, UserEktService, UserLoginRs, UserRs, UserService, codSelfManagedModule, validateCoupunts };
 //# sourceMappingURL=iptdevs-design-system.mjs.map