iptdevs-design-system 3.1.435 → 3.1.467

package/fesm2015/iptdevs-design-system.mjs

@@ -4,7 +4,7 @@ import * as i3 from 'ng2-currency-mask';
 import { CurrencyMaskModule } from 'ng2-currency-mask';
 import * as i1 from '@angular/common';
 import { CommonModule, CurrencyPipe, TitleCasePipe } from '@angular/common';
-import * as i9 from 'primeng/api';
+import * as i3$1 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 import * as i6$2 from 'primeng/tabview';
 import { TabViewModule } from 'primeng/tabview';
@@ -36,7 +36,9 @@ import { InputTextModule } from 'primeng/inputtext';
 import * as i1$3 from '@angular/router';
 import * as i2 from 'primeng/steps';
 import { StepsModule } from 'primeng/steps';
-import * as i3$1 from 'primeng/calendar';
+import * as i8$2 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import * as i3$2 from 'primeng/calendar';
 import { CalendarModule } from 'primeng/calendar';
 
 class AsideButtonComponent {
@@ -4466,7 +4468,7 @@ class CodFormStepFourComponent extends CodFormSteps {
     }
 }
 CodFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: CalculateQuotesService }, { token: CommunicatorService }, { token: ParameterService }, { token: CodFormControls }, { token: CommercialService }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: { isEditCod: "isEditCod", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", financingData: "financingData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n  <strong>Nota: </strong>\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n      [control]=\"codFormStepFour.controls['payment_method']\"\n      (eventSelect)=\"selectPaymentMethod($event)\"\n      [data]=\"paymentMethods\"\n      [defaultText]=\"'M\u00E9todo de pago'\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n    <div class=\"col-12\" *ngIf=\"thereArePlans\">\n      <p-table\n        [value]=\"dataPrices\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n             Seleccion de niveles a cancelar.\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td>{{ data.paid_level }} Nivel(es)</td>\n            <td>{{ data.fee_number }}</td>\n            <td class=\"pt-2 pb-2\">\n              <button\n                pButton\n                pRipple\n                icon=\"pi pi-money-bill\"\n                class=\"p-button-sm p-button-rounded\"\n                (click)=\"selectLevels(data)\"\n\n              ></button>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n\n    <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n    <!-- <ipt-select *ngIf=\"isFinanced();\"\n      [initialValue]=\"'1'\"\n      [control]=\"codFormStepFour.controls['quota_times']\"\n      (eventSelect)=\"selectQuotas($event)\"\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\n      [data]=\"codPrices\"\n      ></ipt-select> -->\n    </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n      [control]=\"codFormStepFour.controls['total_price']\"\n      [withPipe]=\"true\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [withPipe]=\"true\"\n      [inputType]=\"'text'\"\n      [control]=\"codFormStepFour.controls['program_price']\"\n      [placeHolder]=\"'Valor total del programa'\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepFour.controls['payment_date']\"\n      [placeHolder]=\"'Fecha de pago'\"\n    ></ipt-input>\n  </div>\n\n  <!-- Tabla de financiaci\u00F3n -->\n  <div class=\"col-12\" *ngIf=\"isFinancing\">\n    <p-table\n      [value]=\"dataFinancing\"\n      [tableStyle]=\"{'min-width': '100%'}\"\n      [rowHover]=\"true\"\n    >\n      <ng-template pTemplate=\"caption\">\n        <div class=\"flex align-items-center\">\n          C\u00E1lculo de cuotas\n          <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th>#</th>\n          <th>Valor</th>\n          <th>Fecha</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\" let-data>\n        <tr>\n          <td>{{ data[0] }}</td>\n          <td>{{ data[1] }}</td>\n          <td>{{ data[2] }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n  </div>\n  <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <div class=\"flex ml-auto gap-2\">\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n  </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i13.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", inputs: { isEditCod: "isEditCod", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", financingData: "financingData" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n  <strong>Nota: </strong>\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n      [control]=\"codFormStepFour.controls['payment_method']\"\n      (eventSelect)=\"selectPaymentMethod($event)\"\n      [data]=\"paymentMethods\"\n      [defaultText]=\"'M\u00E9todo de pago'\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n    <div class=\"col-12\" *ngIf=\"thereArePlans\">\n      <p-table\n        [value]=\"dataPrices\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n             Seleccion de niveles a cancelar.\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td>{{ data.paid_level }} Nivel(es)</td>\n            <td>{{ data.fee_number }}</td>\n            <td class=\"pt-2 pb-2\">\n              <button\n                pButton\n                pRipple\n                icon=\"pi pi-money-bill\"\n                class=\"p-button-sm p-button-rounded\"\n                (click)=\"selectLevels(data)\"\n\n              ></button>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n\n    <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n    <!-- <ipt-select *ngIf=\"isFinanced();\"\n      [initialValue]=\"'1'\"\n      [control]=\"codFormStepFour.controls['quota_times']\"\n      (eventSelect)=\"selectQuotas($event)\"\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\n      [data]=\"codPrices\"\n      ></ipt-select> -->\n    </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n      [control]=\"codFormStepFour.controls['total_price']\"\n      [withPipe]=\"true\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [withPipe]=\"true\"\n      [inputType]=\"'text'\"\n      [control]=\"codFormStepFour.controls['program_price']\"\n      [placeHolder]=\"'Valor total del programa'\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepFour.controls['payment_date']\"\n      [placeHolder]=\"'Fecha de pago'\"\n    ></ipt-input>\n  </div>\n\n  <!-- Tabla de financiaci\u00F3n -->\n  <div class=\"col-12\" *ngIf=\"isFinancing\">\n    <p-table\n      [value]=\"dataFinancing\"\n      [tableStyle]=\"{'min-width': '100%'}\"\n      [rowHover]=\"true\"\n    >\n      <ng-template pTemplate=\"caption\">\n        <div class=\"flex align-items-center\">\n          C\u00E1lculo de cuotas\n          <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th>#</th>\n          <th>Valor</th>\n          <th>Fecha</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\" let-data>\n        <tr>\n          <td>{{ data[0] }}</td>\n          <td>{{ data[1] }}</td>\n          <td>{{ data[2] }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n  </div>\n  <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <div class=\"flex ml-auto gap-2\">\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n  </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i13.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFourComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-cod-form-step-four', template: "<div *ngIf=\"isSemestral\" class=\"m-1 p-2 border-round-lg bg-blue-500 text-white\">\n  <strong>Nota: </strong>\n  El tipo de curso seleccionado fue semestral, por lo tanto el estudiante debe pagar matr\u00EDcula y primera cuota (M&M)\n</div>\n\n<form autocomplete=\"off\" [formGroup]=\"codFormStepFour\" class=\"grid mt-2\">\n\n  <div class=\"col-12\">\n    <ipt-select\n      [initialValue]=\"codFormStepFour.controls['payment_method'].value\"\n      [control]=\"codFormStepFour.controls['payment_method']\"\n      (eventSelect)=\"selectPaymentMethod($event)\"\n      [data]=\"paymentMethods\"\n      [defaultText]=\"'M\u00E9todo de pago'\"\n      [disabledSel]=\"isDisabledSel\"\n    ></ipt-select>\n    <ipt-loader *ngIf=\"feeResponse\"></ipt-loader>\n\n    <div class=\"col-12\" *ngIf=\"thereArePlans\">\n      <p-table\n        [value]=\"dataPrices\"\n        [tableStyle]=\"{'min-width': '100%'}\"\n        [rowHover]=\"true\"\n      >\n        <ng-template pTemplate=\"caption\">\n          <div class=\"flex align-items-center\">\n             Seleccion de niveles a cancelar.\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cancelar</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Cuotas</th>\n            <th class=\"bg-blue-200 text-center font-medium pt-2 pb-2\">Admin</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-data>\n          <tr>\n            <td>{{ data.paid_level }} Nivel(es)</td>\n            <td>{{ data.fee_number }}</td>\n            <td class=\"pt-2 pb-2\">\n              <button\n                pButton\n                pRipple\n                icon=\"pi pi-money-bill\"\n                class=\"p-button-sm p-button-rounded\"\n                (click)=\"selectLevels(data)\"\n\n              ></button>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </div>\n\n    <!-- [initialValue]=\"codFormStepFour.controls['quota_times'].value\" -->\n    <!-- <ipt-select *ngIf=\"isFinanced();\"\n      [initialValue]=\"'1'\"\n      [control]=\"codFormStepFour.controls['quota_times']\"\n      (eventSelect)=\"selectQuotas($event)\"\n      [defaultText]=\"'N\u00FAmero de cuotas'\"\n      [data]=\"codPrices\"\n      ></ipt-select> -->\n    </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Monto total de la matr\u00EDcula'\"\n      [control]=\"codFormStepFour.controls['total_price']\"\n      [withPipe]=\"true\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      [withPipe]=\"true\"\n      [inputType]=\"'text'\"\n      [control]=\"codFormStepFour.controls['program_price']\"\n      [placeHolder]=\"'Valor total del programa'\"\n    ></ipt-input>\n  </div>\n\n  <div class=\"col-12\">\n    <ipt-input\n      onfocus=\"(this.type='date')\"\n      [inputType]=\"'date'\"\n      [control]=\"codFormStepFour.controls['payment_date']\"\n      [placeHolder]=\"'Fecha de pago'\"\n    ></ipt-input>\n  </div>\n\n  <!-- Tabla de financiaci\u00F3n -->\n  <div class=\"col-12\" *ngIf=\"isFinancing\">\n    <p-table\n      [value]=\"dataFinancing\"\n      [tableStyle]=\"{'min-width': '100%'}\"\n      [rowHover]=\"true\"\n    >\n      <ng-template pTemplate=\"caption\">\n        <div class=\"flex align-items-center\">\n          C\u00E1lculo de cuotas\n          <button pButton class=\"p-button-sm ml-auto\" label=\"Nuevo c\u00E1lculo\" (click)=\"calculateNewQuotes()\" [disabled]=\"isDisabledSel\" lab icon=\"pi pi-replay\"></button>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th>#</th>\n          <th>Valor</th>\n          <th>Fecha</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\" let-data>\n        <tr>\n          <td>{{ data[0] }}</td>\n          <td>{{ data[1] }}</td>\n          <td>{{ data[2] }}</td>\n        </tr>\n      </ng-template>\n    </p-table>\n  </div>\n  <!-- ---------------------- -->\n\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span *ngIf=\"codFormStepFour.invalid && codFormStepFour.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span>\n  <div class=\"flex ml-auto gap-2\">\n    <button *ngIf=\"codFormStepFour.controls['payment_method'].value === '1'\" [disabled]=\"isFinancing || codFormStepFour.controls['payment_method'].value !== '1'\"type=\"submit\" class=\"ml-auto p-button-sm p-button-secondary\" (click)=\"showTable()\" pButton label=\"Calcular cuotas\" icon=\"pi pi-sliders-h\"></button>\n    <button [disabled]=\"!isFinancing && codFormStepFour.controls['payment_method'].value === '1'\" type=\"submit\" [class]=\"isEditCod ? 'ml-auto yellow-300 p-button-sm' : 'ml-auto p-button-sm'\" (click)=\"sendForm()\" pButton label=\"Siguiente\" icon=\"pi pi-arrow-right\"></button>\n  </div>\n</div>\n", styles: [".yellow-300{background-color:var(--yellow-500)!important;color:#fff}\n"] }]
@@ -4547,7 +4549,7 @@ class ModalReferredComponent {
     }
 }
 ModalReferredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, deps: [{ token: i1$1.FormBuilder }, { token: BaseService }, { token: UserService }], target: i0.ɵɵFactoryTarget.Component });
-ModalReferredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: { visibility: "visibility" }, outputs: { userSelect: "userSelect" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Datos de quien lo refiere</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <section\n          id=\"container\"\n          class=\"flex flex-column bg-white border-round-2xl\"\n        >\n          <form\n            autocomplete=\"off\"\n            (ngSubmit)=\"search(searchUserForm)\"\n            class=\"form\"\n            [formGroup]=\"searchUserForm\"\n          >\n            <input\n              placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n              [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n              type=\"text\"\n              pInputText\n            />\n            <p-button\n              type=\"submit\"\n              label=\"Buscar\"\n              icon=\"pi pi-search\"\n              (onClick)=\"load(0, searchUserForm)\"\n            ></p-button>\n          </form>\n        </section>\n\n        <div *ngIf=\"userExists\" class=\"referrerInformation\">\n          <section class=\"userList\">\n              <p-table\n                [value]=\"allUsers\"\n                [scrollable]=\"true\"\n                scrollHeight=\"150px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Admin</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-user>\n                    <tr>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.id_card}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.last_name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.email}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-right\">{{user.phone_number}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-center\">{{user.role}}</td>\n                        <td class=\"pt-2 pb-2 min-w-min\" style=\"text-align: center\">\n                          <p-button\n                          icon=\"pi pi-chevron-circle-right\"\n                          (click)=\"selectUser(user)\"\n                        ></p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n          </section>\n        </div>\n      </div>\n    </div>\n  </div>\n</main>\n", styles: [":host ::ng-deep .p-datatable .p-datatable-header{background:#3c82f6;color:#2e2e2e;border:1px solid #dee2e6;padding:0 0 15px;font-weight:500;height:2rem;border-top-left-radius:5px;border-top-right-radius:5px}:host ::ng-deep .p-datatable-table{padding-left:.5rem;padding-right:.5rem}#container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100%;width:100vw;transition:all .5s;z-index:999}.referrerInformation{overflow:auto}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:6px}.btn_select{margin:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:700;margin-bottom:0}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px;margin-bottom:1rem}form{display:flex;justify-content:start;flex-wrap:nowrap;flex-direction:row;align-items:center}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{gap:1rem;height:90px}.header_modal h1{font-size:1.25rem}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i13.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i7$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]" }] });
+ModalReferredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: { visibility: "visibility" }, outputs: { userSelect: "userSelect" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Datos de quien lo refiere</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <section\n          id=\"container\"\n          class=\"flex flex-column bg-white border-round-2xl\"\n        >\n          <form\n            autocomplete=\"off\"\n            (ngSubmit)=\"search(searchUserForm)\"\n            class=\"form\"\n            [formGroup]=\"searchUserForm\"\n          >\n            <input\n              placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n              [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n              type=\"text\"\n              pInputText\n            />\n            <p-button\n              type=\"submit\"\n              label=\"Buscar\"\n              icon=\"pi pi-search\"\n              (onClick)=\"load(0, searchUserForm)\"\n            ></p-button>\n          </form>\n        </section>\n\n        <div *ngIf=\"userExists\" class=\"referrerInformation\">\n          <section class=\"userList\">\n              <p-table\n                [value]=\"allUsers\"\n                [scrollable]=\"true\"\n                scrollHeight=\"150px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Admin</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-user>\n                    <tr>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.id_card}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.last_name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.email}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-right\">{{user.phone_number}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-center\">{{user.role}}</td>\n                        <td class=\"pt-2 pb-2 min-w-min\" style=\"text-align: center\">\n                          <p-button\n                          icon=\"pi pi-chevron-circle-right\"\n                          (click)=\"selectUser(user)\"\n                        ></p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n          </section>\n        </div>\n      </div>\n    </div>\n  </div>\n</main>\n", styles: [":host ::ng-deep .p-datatable .p-datatable-header{background:#3c82f6;color:#2e2e2e;border:1px solid #dee2e6;padding:0 0 15px;font-weight:500;height:2rem;border-top-left-radius:5px;border-top-right-radius:5px}:host ::ng-deep .p-datatable-table{padding-left:.5rem;padding-right:.5rem}#container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100%;width:100vw;transition:all .5s;z-index:999}.referrerInformation{overflow:auto}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:6px}.btn_select{margin:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:700;margin-bottom:0}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px;margin-bottom:1rem}form{display:flex;justify-content:start;flex-wrap:nowrap;flex-direction:row;align-items:center}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{gap:1rem;height:90px}.header_modal h1{font-size:1.25rem}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i13.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: i7$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cod-modal-referred', template: "<main *ngIf=\"visibility\">\n  <div class=\"modal_container\">\n    <div class=\"header_modal\">\n      <h1>Datos de quien lo refiere</h1>\n      <button (click)=\"closeModal()\">x</button>\n    </div>\n    <div class=\"grid_container\">\n      <div>\n        <section\n          id=\"container\"\n          class=\"flex flex-column bg-white border-round-2xl\"\n        >\n          <form\n            autocomplete=\"off\"\n            (ngSubmit)=\"search(searchUserForm)\"\n            class=\"form\"\n            [formGroup]=\"searchUserForm\"\n          >\n            <input\n              placeholder=\"Buscar por nombre, documento o tel\u00E9fono\"\n              [formControl]=\"$any(searchUserForm.controls['searchUser'])\"\n              type=\"text\"\n              pInputText\n            />\n            <p-button\n              type=\"submit\"\n              label=\"Buscar\"\n              icon=\"pi pi-search\"\n              (onClick)=\"load(0, searchUserForm)\"\n            ></p-button>\n          </form>\n        </section>\n\n        <div *ngIf=\"userExists\" class=\"referrerInformation\">\n          <section class=\"userList\">\n              <p-table\n                [value]=\"allUsers\"\n                [scrollable]=\"true\"\n                scrollHeight=\"150px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center w-2 p-0 m-0\">Admin</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-user>\n                    <tr>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.id_card}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.last_name}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-left\">{{user.email}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-right\">{{user.phone_number}}</td>\n                        <td class=\"pt-2 pb-2 text-sm text-center\">{{user.role}}</td>\n                        <td class=\"pt-2 pb-2 min-w-min\" style=\"text-align: center\">\n                          <p-button\n                          icon=\"pi pi-chevron-circle-right\"\n                          (click)=\"selectUser(user)\"\n                        ></p-button>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n          </section>\n        </div>\n      </div>\n    </div>\n  </div>\n</main>\n", styles: [":host ::ng-deep .p-datatable .p-datatable-header{background:#3c82f6;color:#2e2e2e;border:1px solid #dee2e6;padding:0 0 15px;font-weight:500;height:2rem;border-top-left-radius:5px;border-top-right-radius:5px}:host ::ng-deep .p-datatable-table{padding-left:.5rem;padding-right:.5rem}#container{display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 320px){main{background:rgba(0,0,0,.472);color:#fff;position:fixed;top:0;left:0;height:100%;width:100vw;transition:all .5s;z-index:999}.referrerInformation{overflow:auto}main .modal_container{width:85%;height:-moz-fit-content;height:fit-content;position:absolute;inset:0;margin-top:5rem;margin-left:7%;background-color:#fff;border-radius:6px}.btn_select{margin:2px}.header_modal{display:flex;padding:15px 15px 0;align-items:center}.header_modal h1{padding:.5rem;background-color:#1c77f7;color:#fff;width:100%;border-radius:10px;font-size:1rem;font-weight:700;margin-bottom:0}.header_modal button{margin-left:auto;font-size:26px;padding:1.2rem;font-weight:200;color:#6c7f7d;display:flex;width:25px;height:25px;align-items:center;justify-content:center;transition:50ms;background-color:transparent;border:none}.header_modal button:hover{cursor:pointer;border-radius:50%;background-color:#d4d4d4}.referrer_Information{overflow:auto}.grid_container{display:grid;grid-template-columns:1fr;padding:10px;margin-bottom:1rem}form{display:flex;justify-content:start;flex-wrap:nowrap;flex-direction:row;align-items:center}.buttons-container{margin-top:2rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-items:center;align-content:center}}@media screen and (min-width: 768px){form{gap:1rem;height:90px}.header_modal h1{font-size:1.25rem}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"] }]
@@ -5938,6 +5940,11 @@ class AcademicService extends IPTGeneralService {
         this.generateRequestParams(params);
         return this.http.post(serviceUrl, this.httpOptions);
     }
+    obtainCourseStatusByParameters(params) {
+        let serviceUrl = this.SERVICE_URL + 'obtain/courses/status/by/different/parameters';
+        this.generateRequestParams(params);
+        return this.http.post(serviceUrl, this.httpOptions);
+    }
 }
 AcademicService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 AcademicService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AcademicService, providedIn: 'root' });
@@ -6159,21 +6166,21 @@ class CodSelfManagedControls {
     constructor() {
         this.controls = [
             [
+                { name: 'student_name', required: true, description: 'Nombres del estudiante' },
+                { name: 'student_last_name', required: true, description: 'Apellidos del estudiante' },
+                { name: 'student_id_card_type', required: true, description: 'Tipo de documento del estudiante' },
+                { name: 'student_id_card', required: true, description: 'Documento del estudiante' },
+                { name: 'gender', required: true, description: 'Género' },
                 { name: 'birthdate', required: true, description: 'Fecha de nacimiento del estudiante' },
+                { name: 'age', required: true, description: 'Edad' },
                 { name: 'country', required: true, description: 'País' },
                 { name: 'state', required: true, description: 'Departamento o estado' },
                 { name: 'city', required: true, description: 'Ciudad de residencia' },
-                { name: 'student_id_card_type', required: true, description: 'Tipo de documento del estudiante' },
-                { name: 'student_id_card', required: true, description: 'Documento del estudiante' },
-                { name: 'student_last_name', required: true, description: 'Apellidos del estudiante' },
-                { name: 'student_name', required: true, description: 'Nombres del estudiante' },
-                { name: 'gender', required: true, description: 'Género' },
                 { name: 'student_email', required: true, description: 'Correo del estudiante' },
                 { name: 'student_phone_indicative', required: true, description: 'Indicativo del estudiante' },
                 { name: 'student_phone_number', required: true, description: 'Teléfono del estudiante' },
                 // { name: 'student_address', required: true, description: 'Dirección del estudiante' },
                 // { name: 'nickname', required: true, description: 'Alias o nickname' },
-                // { name: 'age', required: true, description: 'Edad' },
                 // { name: 'student_occupation', required: true, description: 'Ocupación del estudiante' },
                 // { name: 'stratum', required: true, description: 'Estrato del estudiante' },
                 // { name: 'grade', required: true, description: 'Grado del estudiante' },
@@ -6322,29 +6329,30 @@ class CodSelfManagedSteps {
 }
 
 class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
-    constructor(fb, parameterService, cdRef) {
+    constructor(fb, parameterService, cdRef, messageService) {
         super();
         this.fb = fb;
         this.parameterService = parameterService;
         this.cdRef = cdRef;
+        this.messageService = messageService;
         this.completed = new EventEmitter();
         this.genders = [];
         this.errorMessage = 'Faltan campos por llenar.';
         this.controls = new CodSelfManagedControls().controls[0];
+        this.visible = false;
+        this.messageInfo = 'Esta seccion solo es para datos del estudiante.';
+        this.initForm();
     }
     ngOnInit() {
-        this.initForm();
         this.getParameters();
     }
     ngOnChanges(changes) {
         this.startLocalStorageWork();
-        if (changes['user']) {
-            if (this.user != null) {
-                this.setDataUsers();
-                this.cdRef.detectChanges();
-            }
-            else {
-            }
+        // const currentUser = changes['userStudent'].currentValue;
+        // console.log(this.userStudent);
+        if (changes['userStudent'] && this.userStudent != null) {
+            // console.log('currentUser',currentUser);
+            this.setDataUsers();
         }
     }
     initForm() {
@@ -6355,6 +6363,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
             student_id_card: [{ value: '', disabled: true }, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
             gender: ['', [Validators.required]],
             birthdate: ['', [Validators.required], []],
+            age: ['', [Validators.required], []],
             country: ['', [Validators.required], []],
             state: ['', [Validators.required], []],
             city: ['', [Validators.required], []],
@@ -6381,7 +6390,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
                 else {
                     this.codSelfFormStepOne.controls['birthdate'].setErrors(null);
                 }
-                // this.codSelfFormStepOne.controls['age'].setValue(age);
+                this.codSelfFormStepOne.controls['age'].setValue(age);
             }
         });
     }
@@ -6412,19 +6421,19 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
         });
     }
     setDataUsers() {
-        var _a, _b, _c, _d, _e, _f;
-        this.codSelfFormStepOne.controls['student_name'].setValue(this.user.name);
-        this.codSelfFormStepOne.controls['student_last_name'].setValue(this.user.last_name);
-        this.codSelfFormStepOne.controls['student_id_card_type'].setValue(this.user.id_card_type);
-        this.codSelfFormStepOne.controls['student_id_card'].setValue(this.user.id_card);
-        this.codSelfFormStepOne.controls['country'].setValue(((_a = this.user.city[0]) === null || _a === void 0 ? void 0 : _a.country) != (1 || null) ? (_b = this.user.city[0]) === null || _b === void 0 ? void 0 : _b.country : null);
-        this.codSelfFormStepOne.controls['state'].setValue(((_c = this.user.city[0]) === null || _c === void 0 ? void 0 : _c.state) != (33 || null) ? (_d = this.user.city[0]) === null || _d === void 0 ? void 0 : _d.state : null);
-        this.codSelfFormStepOne.controls['city'].setValue(((_e = this.user.city[0]) === null || _e === void 0 ? void 0 : _e.code) != (1 || null) ? (_f = this.user.city[0]) === null || _f === void 0 ? void 0 : _f.code : null);
-        this.codSelfFormStepOne.controls['gender'].setValue(this.user.gender);
-        this.codSelfFormStepOne.controls['birthdate'].setValue(this.user.birthdate);
-        this.codSelfFormStepOne.controls['student_email'].setValue(this.user.email);
-        this.codSelfFormStepOne.controls['student_phone_indicative'].setValue(this.user.phone_indicative);
-        this.codSelfFormStepOne.controls['student_phone_number'].setValue(this.user.phone_number);
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        this.codSelfFormStepOne.controls['student_name'].setValue((_a = this.userStudent) === null || _a === void 0 ? void 0 : _a.name);
+        this.codSelfFormStepOne.controls['student_last_name'].setValue((_b = this.userStudent) === null || _b === void 0 ? void 0 : _b.last_name);
+        this.codSelfFormStepOne.controls['student_id_card_type'].setValue((_c = this.userStudent) === null || _c === void 0 ? void 0 : _c.id_card_type);
+        this.codSelfFormStepOne.controls['student_id_card'].setValue((_d = this.userStudent) === null || _d === void 0 ? void 0 : _d.id_card);
+        this.codSelfFormStepOne.controls['country'].setValue(((_f = (_e = this.userStudent) === null || _e === void 0 ? void 0 : _e.city[0]) === null || _f === void 0 ? void 0 : _f.country) != (1 || null) ? (_h = (_g = this.userStudent) === null || _g === void 0 ? void 0 : _g.city[0]) === null || _h === void 0 ? void 0 : _h.country : null);
+        this.codSelfFormStepOne.controls['state'].setValue(((_k = (_j = this.userStudent) === null || _j === void 0 ? void 0 : _j.city[0]) === null || _k === void 0 ? void 0 : _k.state) != (33 || null) ? (_m = (_l = this.userStudent) === null || _l === void 0 ? void 0 : _l.city[0]) === null || _m === void 0 ? void 0 : _m.state : null);
+        this.codSelfFormStepOne.controls['city'].setValue(((_p = (_o = this.userStudent) === null || _o === void 0 ? void 0 : _o.city[0]) === null || _p === void 0 ? void 0 : _p.code) != (1 || null) ? (_r = (_q = this.userStudent) === null || _q === void 0 ? void 0 : _q.city[0]) === null || _r === void 0 ? void 0 : _r.code : null);
+        this.codSelfFormStepOne.controls['gender'].setValue((_s = this.userStudent) === null || _s === void 0 ? void 0 : _s.gender);
+        this.codSelfFormStepOne.controls['birthdate'].setValue((_t = this.userStudent) === null || _t === void 0 ? void 0 : _t.birthdate);
+        this.codSelfFormStepOne.controls['student_email'].setValue((_u = this.userStudent) === null || _u === void 0 ? void 0 : _u.email);
+        this.codSelfFormStepOne.controls['student_phone_indicative'].setValue((_v = this.userStudent) === null || _v === void 0 ? void 0 : _v.phone_indicative);
+        this.codSelfFormStepOne.controls['student_phone_number'].setValue((_w = this.userStudent) === null || _w === void 0 ? void 0 : _w.phone_number);
     }
     selectCountry(country) {
         let iso = '';
@@ -6515,18 +6524,22 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
         });
     }
     showConfirm() {
-        // if (!this.visible) {
-        //     this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?' });
-        //     this.visible = true;
-        // }
+        if (!this.visible) {
+            this.messageService.add({ key: 'confirm', sticky: true, severity: 'success', summary: 'Can you send me the report?', life: 10000 });
+            this.visible = true;
+        }
+    }
+    onReject() {
+        this.messageService.clear('confirm');
+        this.visible = false;
     }
 }
-CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: { user: "user" }, outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n    <!-- <i class=\"pi pi-exclamation-circle\"> -->\n      <!-- <p-toast position=\"bottom-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"5000\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <p-avatar image=\"https://primefaces.org/cdn/primeng/images/avatar/amyelsner.png\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Amy Elsner</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ message.summary }}</div>\n                <p-button class=\"p-button-sm\" label=\"Reply\" (click)=\"onConfirm()\"></p-button>\n            </div>\n        </ng-template>\n    </p-toast> -->\n    <!-- </i> -->\n\n    <button type=\"button\" pButton pRipple (click)=\"showConfirm()\">\n      <i class=\"pi pi-exclamation-circle\"></i> <!-- Aqu\u00ED se agrega el icono -->\n    </button>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un numero de telefono v\u00E1lido.</span>\n      </div>\n    </form>\n\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodSelfFormStepOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }, { token: i0.ChangeDetectorRef }, { token: i3$1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfFormStepOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: { userStudent: "userStudent" }, outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"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\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un numero de telefono v\u00E1lido.</span>\n      </div>\n    </form>\n\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n\n<!-- <div>\n  <pre>{{ codSelfFormStepOne.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n  </div>\n</div> -->\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepOneComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n    <!-- <i class=\"pi pi-exclamation-circle\"> -->\n      <!-- <p-toast position=\"bottom-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"5000\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <p-avatar image=\"https://primefaces.org/cdn/primeng/images/avatar/amyelsner.png\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Amy Elsner</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ message.summary }}</div>\n                <p-button class=\"p-button-sm\" label=\"Reply\" (click)=\"onConfirm()\"></p-button>\n            </div>\n        </ng-template>\n    </p-toast> -->\n    <!-- </i> -->\n\n    <button type=\"button\" pButton pRipple (click)=\"showConfirm()\">\n      <i class=\"pi pi-exclamation-circle\"></i> <!-- Aqu\u00ED se agrega el icono -->\n    </button>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un numero de telefono v\u00E1lido.</span>\n      </div>\n    </form>\n\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { user: [{
+            args: [{ selector: 'app-cod-self-form-step-one', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Datos Personales</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"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\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\"></i>\n    <form [formGroup]=\"codSelfFormStepOne\">\n\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codSelfFormStepOne.controls['student_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_name'].invalid && codSelfFormStepOne.controls['student_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un nombre v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Apellidos'\"\n        [control]=\"codSelfFormStepOne.controls['student_last_name']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_last_name'].invalid && codSelfFormStepOne.controls['student_last_name'].touched\">\n        <span class=\"error-message\">Por favor ingresa un apellido v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card_type']\"\n        [selectCode]=\"codSelfFormStepOne.controls['student_id_card_type'].value === null ? 'Tipo de documento' : codSelfFormStepOne.controls['student_id_card_type'].value\"\n        [isRequired]=\"true\"\n        [data]=\"idTypes\"\n        (eventSelect)=\"selectIdType($event)\"\n        [defaultText]=\"'Tipo de documento'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card_type'].invalid && codSelfFormStepOne.controls['student_id_card_type'].touched\">\n        <span class=\"error-message\">Por favor ingresa un tipo de documento v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de documento'\"\n        [control]=\"codSelfFormStepOne.controls['student_id_card']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_id_card'].invalid && codSelfFormStepOne.controls['student_id_card'].touched\">\n        <span class=\"error-message\">Por favor ingresa un documento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['gender'].value\"\n        [control]=\"codSelfFormStepOne.controls['gender']\"\n        [data]=\"genders\"\n        (eventSelect)=\"selectGender($event)\"\n        [defaultText]=\"'G\u00E9nero'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['gender'].invalid && codSelfFormStepOne.controls['gender'].touched\">\n        <span class=\"error-message\">Por favor ingresa un genero v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        onfocus=\"(this.type='date')\"\n        [inputType]=\"'date'\"\n        [control]=\"codSelfFormStepOne.controls['birthdate']\"\n        [placeHolder]=\"'Fecha de nacimiento'\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['birthdate'].invalid && codSelfFormStepOne.controls['birthdate'].touched\">\n        <span class=\"error-message\">Por favor ingresa una fecha mayor de 3 a\u00F1os.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['country'].value\"\n        [control]=\"codSelfFormStepOne.controls['country']\"\n        [selectCode]=\"codSelfFormStepOne.controls['country'].value === null ? 'Pa\u00EDs de residencia' : codSelfFormStepOne.controls['country'].value\"\n        (eventSelect)=\"selectCountry($event)\"\n        [data]=\"countries\"\n        [defaultText]=\"'Pa\u00EDs de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['country'].invalid && codSelfFormStepOne.controls['country'].touched\">\n        <span class=\"error-message\">Por favor ingresa un pais v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['state'].value\"\n        [control]=\"codSelfFormStepOne.controls['state']\"\n        [selectCode]=\"codSelfFormStepOne.controls['state'].value === null ? 'Departamento o estado' : codSelfFormStepOne.controls['state'].value\"\n        [isRequired]=\"true\"\n        (eventSelect)=\"selectState($event)\"\n        [data]=\"states\"\n        [defaultText]=\"'Departamento o estado'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['state'].invalid && codSelfFormStepOne.controls['state'].touched\">\n        <span class=\"error-message\">Por favor ingresa un departamento v\u00E1lido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['city'].value\"\n        [control]=\"codSelfFormStepOne.controls['city']\"\n        [selectCode]=\"codSelfFormStepOne.controls['city'].value === null ? 'Ciudad de residencia' : codSelfFormStepOne.controls['city'].value\"\n        (eventSelect)=\"selectCity($event)\"\n        [data]=\"cities\"\n        [defaultText]=\"'Ciudad de residencia'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['city'].invalid && codSelfFormStepOne.controls['city'].touched\">\n        <span class=\"error-message\">Por favor ingresa una ciudad v\u00E1lido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'email'\"\n        [placeHolder]=\"'Correo electr\u00F3nico'\"\n        [control]=\"codSelfFormStepOne.controls['student_email']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_email'].invalid && codSelfFormStepOne.controls['student_email'].touched\">\n        <span class=\"error-message\">Por favor ingresa un email valido.</span>\n      </div>\n      <ipt-select\n        [initialValue]=\"codSelfFormStepOne.controls['student_phone_indicative'].value\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_indicative']\"\n        [data]=\"indicatives\"\n        (eventSelect)=\"selectIndicatives($event)\"\n        [defaultText]=\"'Indicativo'\"\n      ></ipt-select>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_indicative'].invalid && codSelfFormStepOne.controls['student_phone_indicative'].touched\">\n        <span class=\"error-message\">Por favor ingresa un indicativo valido.</span>\n      </div>\n      <ipt-input\n        [inputType]=\"'number'\"\n        [placeHolder]=\"'N\u00FAmero de tel\u00E9fono'\"\n        [control]=\"codSelfFormStepOne.controls['student_phone_number']\"\n      ></ipt-input>\n      <div *ngIf=\"codSelfFormStepOne.controls['student_phone_number'].invalid && codSelfFormStepOne.controls['student_phone_number'].touched\">\n        <span class=\"error-message\">Por favor ingresa un numero de telefono v\u00E1lido.</span>\n      </div>\n    </form>\n\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <button\n        pButton\n        icon=\"pi pi-arrow-right\"\n        type=\"submit\"\n        [disabled]=\"!codSelfFormStepOne.valid\"\n        (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n\n</div>\n\n<!-- <div>\n  <pre>{{ codSelfFormStepOne.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepOne.valid | json }}</pre>\n  </div>\n</div> -->\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }, { type: i0.ChangeDetectorRef }, { type: i3$1.MessageService }]; }, propDecorators: { userStudent: [{
                 type: Input
             }], completed: [{
                 type: Output
@@ -6548,6 +6561,9 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
         // this.initForm();
         // this.startLocalStorageWork();
     }
+    ngOnDestroy() {
+        this.codSelfFormStepTwo.controls['schedule'].setValue("");
+    }
     initForm() {
         this.codSelfFormStepTwo = this.fb.group({
             schedule: ['', [Validators.required]],
@@ -6578,10 +6594,10 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
     }
 }
 CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n\n    <form [formGroup]=\"codSelfFormStepTwo\">\n\n        <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since\">\n              <span>Selecciona un Horario deseado</span>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n        </div>\n\n    </form>\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i3$1.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }] });
+CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n\n    <form [formGroup]=\"codSelfFormStepTwo\">\n\n        <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since\">\n              <span>Selecciona un Horario deseado</span>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n        </div>\n\n    </form>\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"], dependencies: [{ kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i3$2.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n\n    <form [formGroup]=\"codSelfFormStepTwo\">\n\n        <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since\">\n              <span>Selecciona un Horario deseado</span>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n        </div>\n\n    </form>\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"] }]
+            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n\n    <form [formGroup]=\"codSelfFormStepTwo\">\n\n        <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n          <div class=\"since\">\n              <span>Selecciona un Horario deseado</span>\n              <p-calendar\n                [timeOnly]=\"true\"\n                placeholder=\"hh:mm\"\n                [hourFormat]=\"'12'\"\n                inputId=\"timeonly\"\n                [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n            ></p-calendar>\n          </div>\n        </div>\n\n    </form>\n    <div class=\"flex mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { completed: [{
                 type: Output
             }] } });
@@ -6608,12 +6624,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
         }] });
 
 class CodSelfManagedComponent {
-    constructor() {
+    constructor(baseService) {
+        this.baseService = baseService;
         this.currentStep = 0;
-        this.items = [];
-        this.stepCompleted = [false, false, false, false];
-    }
-    ngOnInit() {
         this.items = [
             { label: 'Datos', id: '1' },
             { label: 'Planes', id: '2' },
@@ -6621,20 +6634,28 @@ class CodSelfManagedComponent {
             { label: 'Confirmacion', id: '4' }
         ];
     }
-    onChangeStep(step) {
-        // console.log(step);
-        this.currentStep = step;
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
     }
     changeStep(step) {
         this.currentStep = step;
+        // console.log(this.currentStep);
+        // this.baseService.getUserCode();
+        const request = {
+            currentStep: this.currentStep,
+            user_code: this.baseService.getUserCode()
+        };
+        console.log(request);
     }
 }
-CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", inputs: { user: "user" }, ngImport: i0, template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n\n  <div *ngIf=\"currentStep === 0\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [user]=\"user\"></app-cod-self-form-step-one>\n  </div>\n\n  <div *ngIf=\"currentStep === 1\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n  </div>\n\n  <div *ngIf=\"currentStep === 2\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n  </div>\n\n  <div *ngIf=\"currentStep === 3\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </div>\n\n</div>\n\n\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: ["user"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three" }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four" }] });
+CodSelfManagedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, deps: [{ token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
+CodSelfManagedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfManagedComponent, selector: "ipt-cod-self-managed", inputs: { user: "user" }, ngImport: i0, template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"], dependencies: [{ kind: "component", type: i2.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i6$2.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i6$2.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: CodSelfFormStepOneComponent, selector: "app-cod-self-form-step-one", inputs: ["userStudent"], outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: ["completed"] }, { kind: "component", type: CodSelfFormStepThreeComponent, selector: "app-cod-self-form-step-three" }, { kind: "component", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfManagedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-cod-self-managed', template: "<!-- <h3>Matricula</h3> -->\n\n<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n<div class=\"container-steps\">\n\n  <div *ngIf=\"currentStep === 0\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [user]=\"user\"></app-cod-self-form-step-one>\n  </div>\n\n  <div *ngIf=\"currentStep === 1\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n  </div>\n\n  <div *ngIf=\"currentStep === 2\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n  </div>\n\n  <div *ngIf=\"currentStep === 3\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </div>\n\n</div>\n\n\n" }]
-        }], propDecorators: { user: [{
+            args: [{ selector: 'ipt-cod-self-managed', template: "<p-steps [model]=\"items\" [(activeIndex)]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" ></p-steps>\n\n<p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\">\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-one (completed)=\"changeStep($event)\" [userStudent]=\"user\"></app-cod-self-form-step-one>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-two (completed)=\"changeStep($event)\"></app-cod-self-form-step-two>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-three (completed)=\"changeStep($event)\"></app-cod-self-form-step-three>\n  </p-tabPanel>\n  <p-tabPanel [disabled]=\"true\">\n    <app-cod-self-form-step-four (completed)=\"changeStep($event)\"></app-cod-self-form-step-four>\n  </p-tabPanel>\n</p-tabView>\n", styles: [":host ::ng-deep .p-tabview-nav{display:none!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: BaseService }]; }, propDecorators: { user: [{
                 type: Input
             }] } });
 
@@ -6651,8 +6672,9 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         StepsModule,
         FormsModule,
         ButtonModule,
-        // ToastModule
-        CalendarModule], exports: [CodSelfManagedComponent,
+        ToastModule,
+        CalendarModule,
+        TabViewModule], exports: [CodSelfManagedComponent,
         CodSelfFormStepOneComponent,
         CodSelfFormStepTwoComponent,
         CodSelfFormStepThreeComponent,
@@ -6663,8 +6685,9 @@ codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
         StepsModule,
         FormsModule,
         ButtonModule,
-        // ToastModule
-        CalendarModule] });
+        ToastModule,
+        CalendarModule,
+        TabViewModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
             type: NgModule,
             args: [{
@@ -6675,8 +6698,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         StepsModule,
                         FormsModule,
                         ButtonModule,
-                        // ToastModule
-                        CalendarModule
+                        ToastModule,
+                        CalendarModule,
+                        TabViewModule
                     ],
                     declarations: [
                         CodSelfManagedComponent,