iptdevs-design-system 3.1.105 → 3.1.106

package/esm2020/lib/cod/modal-referred/modal-referred.component.mjs

@@ -41,6 +41,7 @@ export class ModalReferredComponent {
     }
     selectUser(data) {
         this.userSelect.emit(data);
+        this.modalClose.emit(false);
     }
     load(index, form) {
         this.loading[index] = true;
@@ -72,10 +73,10 @@ export class ModalReferredComponent {
     }
 }
 ModalReferredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ModalReferredComponent, deps: [{ token: i1.FormBuilder }, { token: i2.BaseService }, { token: i3.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", modalClose: "modalClose" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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;border-top-left-radius:5px;border-top-right-radius:5px}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i6.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.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", modalClose: "modalClose" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i6.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.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 @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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;border-top-left-radius:5px;border-top-right-radius:5px}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"] }]
+            args: [{ selector: 'cod-modal-referred', template: "<main *ngIf=\"visibility\">\n  <div @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.BaseService }, { type: i3.UserService }]; }, propDecorators: { visibility: [{
                 type: Input
             }], userSelect: [{
@@ -83,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
             }], modalClose: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtcmVmZXJyZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvZC9tb2RhbC1yZWZlcnJlZC9tb2RhbC1yZWZlcnJlZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kL21vZGFsLXJlZmVycmVkL21vZGFsLXJlZmVycmVkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUlwRSxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7Ozs7Ozs7Ozs7QUFPL0IsTUFBTSxPQUFPLHNCQUFzQjtJQVVqQyxZQUNVLEVBQWUsRUFDZixXQUF3QixFQUN4QixXQUF3QjtRQUZ4QixPQUFFLEdBQUYsRUFBRSxDQUFhO1FBQ2YsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFaekIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUMzQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNyQyxlQUFVLEdBQUcsSUFBSSxZQUFZLENBQVUsS0FBSyxDQUFDLENBQUM7UUFHeEQsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUU1QixZQUFPLEdBQUcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQU1wQyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNsQyxVQUFVLEVBQUUsQ0FBQyxFQUFFLEVBQUMsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFO1NBQ3pGLENBQUMsQ0FBQztRQUVILE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDaEUsSUFBSSxpQkFBaUIsRUFBRTtZQUNyQixpQkFBaUIsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ2pELCtCQUErQjtZQUNqQyxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFVO1FBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBVSxFQUFFLElBQWU7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDM0IsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxNQUFNLENBQUMsSUFBZTtRQUNwQixJQUFJLE9BQU8sR0FBaUI7WUFDMUIsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFO1lBQ3RDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVU7U0FDN0IsQ0FBQztRQUNGLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFckIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDMUQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7WUFFekIsSUFBSSxRQUFRLENBQUMsSUFBSSxJQUFJLElBQUksRUFBRTtnQkFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUM7b0JBQ1IsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLElBQUksRUFBRSwrQ0FBK0M7b0JBQ3JELElBQUksRUFBRSxPQUFPO2lCQUNkLENBQUMsQ0FBQzthQUNKO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO2dCQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUM7Z0JBQzlCLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzVCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzttSEF2RVUsc0JBQXNCO3VHQUF0QixzQkFBc0IsaUtDWm5DLHUwR0E0RUE7MkZEaEVhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7c0pBS3JCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJhc2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vY29yZS91dGlscy9iYXNlLXNlcnZpY2UvYmFzZS5zZXJ2aWNlJztcbmltcG9ydCB7IFVzZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vY29yZS9zZXJ2aWNlcy91c2VyLXNlcnZpY2UvdXNlci1zZXJ2aWNlJztcbmltcG9ydCB7IGdldFN0dWRlbnRScSB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL3VzZXIvdXNlci1ycS5tb2RlbCc7XG5pbXBvcnQgU3dhbCBmcm9tICdzd2VldGFsZXJ0Mic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvZC1tb2RhbC1yZWZlcnJlZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1yZWZlcnJlZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLXJlZmVycmVkLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbFJlZmVycmVkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdmlzaWJpbGl0eTogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgdXNlclNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgbW9kYWxDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHNlYXJjaFVzZXJGb3JtITogRm9ybUdyb3VwO1xuICB1c2VyRXhpc3RzOiBib29sZWFuID0gZmFsc2U7XG4gIGFsbFVzZXJzOiBhbnk7XG4gIGxvYWRpbmcgPSBbZmFsc2UsIGZhbHNlLCBmYWxzZSwgZmFsc2VdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICAgIHByaXZhdGUgYmFzZVNlcnZpY2U6IEJhc2VTZXJ2aWNlLFxuICAgIHByaXZhdGUgdXNlclNlcnZpY2U6IFVzZXJTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRGb3JtKCk7XG4gIH1cblxuICBjbG9zZU1vZGFsKCkge1xuICAgIHRoaXMudmlzaWJpbGl0eSA9IGZhbHNlO1xuICAgIHRoaXMubW9kYWxDbG9zZS5lbWl0KGZhbHNlKTtcbiAgfVxuXG4gIGluaXRGb3JtKCkge1xuICAgIHRoaXMuc2VhcmNoVXNlckZvcm0gPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIHNlYXJjaFVzZXI6IFsnJyxbVmFsaWRhdG9ycy5yZXF1aXJlZCxWYWxpZGF0b3JzLm1pbkxlbmd0aCg0KSxWYWxpZGF0b3JzLm1heExlbmd0aCgzMCldLF0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBzZWFyY2hVc2VyQ29udHJvbCA9IHRoaXMuc2VhcmNoVXNlckZvcm0uZ2V0KCdzZWFyY2hVc2VyJyk7XG4gICAgaWYgKHNlYXJjaFVzZXJDb250cm9sKSB7XG4gICAgICBzZWFyY2hVc2VyQ29udHJvbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgICAvLyB0aGlzLm1vZGFsQ2xvc2UuZW1pdChmYWxzZSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3RVc2VyKGRhdGEgOiBhbnkpe1xuICAgIHRoaXMudXNlclNlbGVjdC5lbWl0KGRhdGEpO1xuICB9XG5cbiAgbG9hZChpbmRleDogYW55LCBmb3JtOiBGb3JtR3JvdXApIHtcbiAgICB0aGlzLmxvYWRpbmdbaW5kZXhdID0gdHJ1ZTtcbiAgICBzZXRUaW1lb3V0KCgpID0+ICh0aGlzLmxvYWRpbmdbaW5kZXhdID0gZmFsc2UpLCAxMDAwKTtcbiAgICB0aGlzLnNlYXJjaChmb3JtKTtcbiAgfVxuXG4gIHNlYXJjaChmb3JtOiBGb3JtR3JvdXApIHtcbiAgICBsZXQgcmVxdWVzdDogZ2V0U3R1ZGVudFJxID0ge1xuICAgICAgdG9rZW46IHRoaXMuYmFzZVNlcnZpY2UuZ2V0VXNlclRva2VuKCksXG4gICAgICBwYXJhbTogZm9ybS52YWx1ZS5zZWFyY2hVc2VyLFxuICAgIH07XG4gICAgY29uc29sZS5sb2cocmVxdWVzdCk7XG5cbiAgICB0aGlzLnVzZXJTZXJ2aWNlLmdldFN0dWRlbnQocmVxdWVzdCkuc3Vic2NyaWJlKChyZXNwb25zZSkgPT4ge1xuICAgICAgY29uc29sZS5sb2cocmVzcG9uc2UuZGF0YSk7XG5cbiAgICAgICAgaWYgKHJlc3BvbnNlLmRhdGEgPT0gbnVsbCkge1xuICAgICAgICAgIHRoaXMudXNlckV4aXN0cyA9IGZhbHNlO1xuICAgICAgICAgIFN3YWwuZmlyZSh7XG4gICAgICAgICAgICB0aXRsZTogJ09vcHMuLi4nLFxuICAgICAgICAgICAgdGV4dDogJ05vIGhheSB1c3VhcmlvcyBjb24gbG9zIHBhcsOhbWV0cm9zIGluZ3Jlc2Fkb3MnLFxuICAgICAgICAgICAgaWNvbjogJ2Vycm9yJyxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLnVzZXJFeGlzdHMgPSB0cnVlO1xuICAgICAgICAgIHRoaXMuYWxsVXNlcnMgPSByZXNwb25zZS5kYXRhO1xuICAgICAgICAgIGNvbnNvbGUubG9nKHJlc3BvbnNlLmRhdGEpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgfVxuXG59XG4iLCI8bWFpbiAqbmdJZj1cInZpc2liaWxpdHlcIj5cbiAgPGRpdiBAZmFkZSBjbGFzcz1cIm1vZGFsX2NvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJfbW9kYWxcIj5cbiAgICAgIDxoMT5EYXRvcyBkZSBxdWllbiBsbyByZWZpZXJlPC9oMT5cbiAgICAgIDxidXR0b24gKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiPng8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZ3JpZF9jb250YWluZXJcIj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgaWQ9XCJjb250YWluZXJcIlxuICAgICAgICAgIGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBiZy13aGl0ZSBib3JkZXItcm91bmQtMnhsXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgKG5nU3VibWl0KT1cInNlYXJjaChzZWFyY2hVc2VyRm9ybSlcIlxuICAgICAgICAgICAgY2xhc3M9XCJmb3JtXCJcbiAgICAgICAgICAgIFtmb3JtR3JvdXBdPVwic2VhcmNoVXNlckZvcm1cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkJ1c2NhciBwb3Igbm9tYnJlLCBkb2N1bWVudG8gbyB0ZWzDqWZvbm9cIlxuICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiJGFueShzZWFyY2hVc2VyRm9ybS5jb250cm9sc1snc2VhcmNoVXNlciddKVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgcElucHV0VGV4dFxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxwLWJ1dHRvblxuICAgICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgICAgbGFiZWw9XCJCdXNjYXJcIlxuICAgICAgICAgICAgICBpY29uPVwicGkgcGktc2VhcmNoXCJcbiAgICAgICAgICAgICAgW2xvYWRpbmddPVwibG9hZGluZ1swXVwiXG4gICAgICAgICAgICAgIChvbkNsaWNrKT1cImxvYWQoMCwgc2VhcmNoVXNlckZvcm0pXCJcbiAgICAgICAgICAgID48L3AtYnV0dG9uPlxuICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgPC9zZWN0aW9uPlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCJ1c2VyRXhpc3RzXCIgY2xhc3M9XCJyZWZlcnJlckluZm9ybWF0aW9uXCI+XG4gICAgICAgICAgPHNlY3Rpb24gY2xhc3M9XCJ1c2VyTGlzdFwiPlxuICAgICAgICAgICAgICA8cC10YWJsZVxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJhbGxVc2Vyc1wiXG4gICAgICAgICAgICAgICAgW3Njcm9sbGFibGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgc2Nyb2xsSGVpZ2h0PVwiMjAwcHhcIlxuICAgICAgICAgICAgICAgIFt0YWJsZVN0eWxlXT1cInsnbWluLXdpZHRoJzogJzUwcmVtJ31cIj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlIHRleHQtY2VudGVyIGgtbWluIHctMiBwLTAgbS0wXCI+RG9jdW1lbnRvPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlIHRleHQtY2VudGVyIGgtbWluIHctMiBwLTAgbS0wXCI+Tm9tYnJlczwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgPHRoIGNsYXNzPVwiYmctYmx1ZS01MDAgdGV4dC13aGl0ZSB0ZXh0LWNlbnRlciBoLW1pbiB3LTIgcC0wIG0tMFwiPkFwZWxsaWRvczwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgPHRoIGNsYXNzPVwiYmctYmx1ZS01MDAgdGV4dC13aGl0ZSB0ZXh0LWNlbnRlciBoLW1pbiB3LTIgcC0wIG0tMFwiPkVtYWlsPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlIHRleHQtY2VudGVyIGgtbWluIHctMiBwLTAgbS0wXCI+VGVsZWZvbm88L3RoPlxuICAgICAgICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cImJnLWJsdWUtNTAwIHRleHQtd2hpdGUgdGV4dC1jZW50ZXIgaC1taW4gdy0yIHAtMCBtLTBcIj5Sb2w8L3RoPlxuICAgICAgICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cImJnLWJsdWUtNTAwIHRleHQtd2hpdGUgdGV4dC1jZW50ZXIgaC1taW4gdy0yIHAtMCBtLTBcIj5BZG1pbjwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiYm9keVwiIGxldC11c2VyPlxuICAgICAgICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwdC0yIHBiLTIgdGV4dC1zbSB0ZXh0LWxlZnRcIj57e3VzZXIuaWRfY2FyZH19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiB0ZXh0LXNtIHRleHQtbGVmdFwiPnt7dXNlci5uYW1lfX08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicHQtMiBwYi0yIHRleHQtc20gdGV4dC1sZWZ0XCI+e3t1c2VyLmxhc3RfbmFtZX19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiB0ZXh0LXNtIHRleHQtbGVmdFwiPnt7dXNlci5lbWFpbH19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiB0ZXh0LXNtIHRleHQtcmlnaHRcIj57e3VzZXIucGhvbmVfbnVtYmVyfX08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicHQtMiBwYi0yIHRleHQtc20gdGV4dC1jZW50ZXJcIj57e3VzZXIucm9sZX19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiBtaW4tdy1taW5cIiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8cC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJwaSBwaS1jaGV2cm9uLWNpcmNsZS1yaWdodFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKHVzZXIpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L3AtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9wLXRhYmxlPlxuICAgICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L21haW4+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtcmVmZXJyZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvZC9tb2RhbC1yZWZlcnJlZC9tb2RhbC1yZWZlcnJlZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kL21vZGFsLXJlZmVycmVkL21vZGFsLXJlZmVycmVkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUEwQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUlwRSxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7Ozs7Ozs7Ozs7QUFPL0IsTUFBTSxPQUFPLHNCQUFzQjtJQVVqQyxZQUNVLEVBQWUsRUFDZixXQUF3QixFQUN4QixXQUF3QjtRQUZ4QixPQUFFLEdBQUYsRUFBRSxDQUFhO1FBQ2YsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFDeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFaekIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUMzQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNyQyxlQUFVLEdBQUcsSUFBSSxZQUFZLENBQVUsS0FBSyxDQUFDLENBQUM7UUFHeEQsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUU1QixZQUFPLEdBQUcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztJQU1wQyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNsQyxVQUFVLEVBQUUsQ0FBQyxFQUFFLEVBQUMsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFO1NBQ3pGLENBQUMsQ0FBQztRQUVILE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDaEUsSUFBSSxpQkFBaUIsRUFBRTtZQUNyQixpQkFBaUIsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ2pELCtCQUErQjtZQUNqQyxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxJQUFVO1FBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRTlCLENBQUM7SUFFRCxJQUFJLENBQUMsS0FBVSxFQUFFLElBQWU7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDM0IsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxNQUFNLENBQUMsSUFBZTtRQUNwQixJQUFJLE9BQU8sR0FBaUI7WUFDMUIsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFO1lBQ3RDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVU7U0FDN0IsQ0FBQztRQUNGLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFckIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDMUQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7WUFFekIsSUFBSSxRQUFRLENBQUMsSUFBSSxJQUFJLElBQUksRUFBRTtnQkFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUM7b0JBQ1IsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLElBQUksRUFBRSwrQ0FBK0M7b0JBQ3JELElBQUksRUFBRSxPQUFPO2lCQUNkLENBQUMsQ0FBQzthQUNKO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO2dCQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUM7Z0JBQzlCLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQzVCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzttSEF6RVUsc0JBQXNCO3VHQUF0QixzQkFBc0IsaUtDWm5DLHUwR0E0RUE7MkZEaEVhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7c0pBS3JCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJhc2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vY29yZS91dGlscy9iYXNlLXNlcnZpY2UvYmFzZS5zZXJ2aWNlJztcbmltcG9ydCB7IFVzZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vY29yZS9zZXJ2aWNlcy91c2VyLXNlcnZpY2UvdXNlci1zZXJ2aWNlJztcbmltcG9ydCB7IGdldFN0dWRlbnRScSB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL3VzZXIvdXNlci1ycS5tb2RlbCc7XG5pbXBvcnQgU3dhbCBmcm9tICdzd2VldGFsZXJ0Mic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvZC1tb2RhbC1yZWZlcnJlZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1yZWZlcnJlZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLXJlZmVycmVkLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbFJlZmVycmVkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdmlzaWJpbGl0eTogYm9vbGVhbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgdXNlclNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgbW9kYWxDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHNlYXJjaFVzZXJGb3JtITogRm9ybUdyb3VwO1xuICB1c2VyRXhpc3RzOiBib29sZWFuID0gZmFsc2U7XG4gIGFsbFVzZXJzOiBhbnk7XG4gIGxvYWRpbmcgPSBbZmFsc2UsIGZhbHNlLCBmYWxzZSwgZmFsc2VdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZmI6IEZvcm1CdWlsZGVyLFxuICAgIHByaXZhdGUgYmFzZVNlcnZpY2U6IEJhc2VTZXJ2aWNlLFxuICAgIHByaXZhdGUgdXNlclNlcnZpY2U6IFVzZXJTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRGb3JtKCk7XG4gIH1cblxuICBjbG9zZU1vZGFsKCkge1xuICAgIHRoaXMudmlzaWJpbGl0eSA9IGZhbHNlO1xuICAgIHRoaXMubW9kYWxDbG9zZS5lbWl0KGZhbHNlKTtcbiAgfVxuXG4gIGluaXRGb3JtKCkge1xuICAgIHRoaXMuc2VhcmNoVXNlckZvcm0gPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIHNlYXJjaFVzZXI6IFsnJyxbVmFsaWRhdG9ycy5yZXF1aXJlZCxWYWxpZGF0b3JzLm1pbkxlbmd0aCg0KSxWYWxpZGF0b3JzLm1heExlbmd0aCgzMCldLF0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBzZWFyY2hVc2VyQ29udHJvbCA9IHRoaXMuc2VhcmNoVXNlckZvcm0uZ2V0KCdzZWFyY2hVc2VyJyk7XG4gICAgaWYgKHNlYXJjaFVzZXJDb250cm9sKSB7XG4gICAgICBzZWFyY2hVc2VyQ29udHJvbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgICAvLyB0aGlzLm1vZGFsQ2xvc2UuZW1pdChmYWxzZSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3RVc2VyKGRhdGEgOiBhbnkpe1xuICAgIHRoaXMudXNlclNlbGVjdC5lbWl0KGRhdGEpO1xuICAgIHRoaXMubW9kYWxDbG9zZS5lbWl0KGZhbHNlKTtcblxuICB9XG5cbiAgbG9hZChpbmRleDogYW55LCBmb3JtOiBGb3JtR3JvdXApIHtcbiAgICB0aGlzLmxvYWRpbmdbaW5kZXhdID0gdHJ1ZTtcbiAgICBzZXRUaW1lb3V0KCgpID0+ICh0aGlzLmxvYWRpbmdbaW5kZXhdID0gZmFsc2UpLCAxMDAwKTtcbiAgICB0aGlzLnNlYXJjaChmb3JtKTtcbiAgfVxuXG4gIHNlYXJjaChmb3JtOiBGb3JtR3JvdXApIHtcbiAgICBsZXQgcmVxdWVzdDogZ2V0U3R1ZGVudFJxID0ge1xuICAgICAgdG9rZW46IHRoaXMuYmFzZVNlcnZpY2UuZ2V0VXNlclRva2VuKCksXG4gICAgICBwYXJhbTogZm9ybS52YWx1ZS5zZWFyY2hVc2VyLFxuICAgIH07XG4gICAgY29uc29sZS5sb2cocmVxdWVzdCk7XG5cbiAgICB0aGlzLnVzZXJTZXJ2aWNlLmdldFN0dWRlbnQocmVxdWVzdCkuc3Vic2NyaWJlKChyZXNwb25zZSkgPT4ge1xuICAgICAgY29uc29sZS5sb2cocmVzcG9uc2UuZGF0YSk7XG5cbiAgICAgICAgaWYgKHJlc3BvbnNlLmRhdGEgPT0gbnVsbCkge1xuICAgICAgICAgIHRoaXMudXNlckV4aXN0cyA9IGZhbHNlO1xuICAgICAgICAgIFN3YWwuZmlyZSh7XG4gICAgICAgICAgICB0aXRsZTogJ09vcHMuLi4nLFxuICAgICAgICAgICAgdGV4dDogJ05vIGhheSB1c3VhcmlvcyBjb24gbG9zIHBhcsOhbWV0cm9zIGluZ3Jlc2Fkb3MnLFxuICAgICAgICAgICAgaWNvbjogJ2Vycm9yJyxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLnVzZXJFeGlzdHMgPSB0cnVlO1xuICAgICAgICAgIHRoaXMuYWxsVXNlcnMgPSByZXNwb25zZS5kYXRhO1xuICAgICAgICAgIGNvbnNvbGUubG9nKHJlc3BvbnNlLmRhdGEpO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgfVxuXG59XG4iLCI8bWFpbiAqbmdJZj1cInZpc2liaWxpdHlcIj5cbiAgPGRpdiBAZmFkZSBjbGFzcz1cIm1vZGFsX2NvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJfbW9kYWxcIj5cbiAgICAgIDxoMT5EYXRvcyBkZSBxdWllbiBsbyByZWZpZXJlPC9oMT5cbiAgICAgIDxidXR0b24gKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiPng8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZ3JpZF9jb250YWluZXJcIj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgaWQ9XCJjb250YWluZXJcIlxuICAgICAgICAgIGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBiZy13aGl0ZSBib3JkZXItcm91bmQtMnhsXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgKG5nU3VibWl0KT1cInNlYXJjaChzZWFyY2hVc2VyRm9ybSlcIlxuICAgICAgICAgICAgY2xhc3M9XCJmb3JtXCJcbiAgICAgICAgICAgIFtmb3JtR3JvdXBdPVwic2VhcmNoVXNlckZvcm1cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkJ1c2NhciBwb3Igbm9tYnJlLCBkb2N1bWVudG8gbyB0ZWzDqWZvbm9cIlxuICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiJGFueShzZWFyY2hVc2VyRm9ybS5jb250cm9sc1snc2VhcmNoVXNlciddKVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgcElucHV0VGV4dFxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxwLWJ1dHRvblxuICAgICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgICAgbGFiZWw9XCJCdXNjYXJcIlxuICAgICAgICAgICAgICBpY29uPVwicGkgcGktc2VhcmNoXCJcbiAgICAgICAgICAgICAgW2xvYWRpbmddPVwibG9hZGluZ1swXVwiXG4gICAgICAgICAgICAgIChvbkNsaWNrKT1cImxvYWQoMCwgc2VhcmNoVXNlckZvcm0pXCJcbiAgICAgICAgICAgID48L3AtYnV0dG9uPlxuICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgPC9zZWN0aW9uPlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCJ1c2VyRXhpc3RzXCIgY2xhc3M9XCJyZWZlcnJlckluZm9ybWF0aW9uXCI+XG4gICAgICAgICAgPHNlY3Rpb24gY2xhc3M9XCJ1c2VyTGlzdFwiPlxuICAgICAgICAgICAgICA8cC10YWJsZVxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJhbGxVc2Vyc1wiXG4gICAgICAgICAgICAgICAgW3Njcm9sbGFibGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgc2Nyb2xsSGVpZ2h0PVwiMjAwcHhcIlxuICAgICAgICAgICAgICAgIFt0YWJsZVN0eWxlXT1cInsnbWluLXdpZHRoJzogJzUwcmVtJ31cIj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlIHRleHQtY2VudGVyIGgtbWluIHctMiBwLTAgbS0wXCI+RG9jdW1lbnRvPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlIHRleHQtY2VudGVyIGgtbWluIHctMiBwLTAgbS0wXCI+Tm9tYnJlczwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgPHRoIGNsYXNzPVwiYmctYmx1ZS01MDAgdGV4dC13aGl0ZSB0ZXh0LWNlbnRlciBoLW1pbiB3LTIgcC0wIG0tMFwiPkFwZWxsaWRvczwvdGg+XG4gICAgICAgICAgICAgICAgICAgICAgPHRoIGNsYXNzPVwiYmctYmx1ZS01MDAgdGV4dC13aGl0ZSB0ZXh0LWNlbnRlciBoLW1pbiB3LTIgcC0wIG0tMFwiPkVtYWlsPC90aD5cbiAgICAgICAgICAgICAgICAgICAgICA8dGggY2xhc3M9XCJiZy1ibHVlLTUwMCB0ZXh0LXdoaXRlIHRleHQtY2VudGVyIGgtbWluIHctMiBwLTAgbS0wXCI+VGVsZWZvbm88L3RoPlxuICAgICAgICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cImJnLWJsdWUtNTAwIHRleHQtd2hpdGUgdGV4dC1jZW50ZXIgaC1taW4gdy0yIHAtMCBtLTBcIj5Sb2w8L3RoPlxuICAgICAgICAgICAgICAgICAgICAgIDx0aCBjbGFzcz1cImJnLWJsdWUtNTAwIHRleHQtd2hpdGUgdGV4dC1jZW50ZXIgaC1taW4gdy0yIHAtMCBtLTBcIj5BZG1pbjwvdGg+XG4gICAgICAgICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiYm9keVwiIGxldC11c2VyPlxuICAgICAgICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8dGQgY2xhc3M9XCJwdC0yIHBiLTIgdGV4dC1zbSB0ZXh0LWxlZnRcIj57e3VzZXIuaWRfY2FyZH19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiB0ZXh0LXNtIHRleHQtbGVmdFwiPnt7dXNlci5uYW1lfX08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicHQtMiBwYi0yIHRleHQtc20gdGV4dC1sZWZ0XCI+e3t1c2VyLmxhc3RfbmFtZX19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiB0ZXh0LXNtIHRleHQtbGVmdFwiPnt7dXNlci5lbWFpbH19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiB0ZXh0LXNtIHRleHQtcmlnaHRcIj57e3VzZXIucGhvbmVfbnVtYmVyfX08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHRkIGNsYXNzPVwicHQtMiBwYi0yIHRleHQtc20gdGV4dC1jZW50ZXJcIj57e3VzZXIucm9sZX19PC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBjbGFzcz1cInB0LTIgcGItMiBtaW4tdy1taW5cIiBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8cC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJwaSBwaS1jaGV2cm9uLWNpcmNsZS1yaWdodFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKHVzZXIpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L3AtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9wLXRhYmxlPlxuICAgICAgICAgIDwvc2VjdGlvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L21haW4+XG4iXX0=

package/esm2020/lib/cod/steps/cod-form-step-five/cod-form-step-five.component.mjs

@@ -191,10 +191,10 @@ export class CodFormStepFiveComponent extends CodFormSteps {
     }
 }
 CodFormStepFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, deps: [{ token: i1.FormBuilder }, { token: i2.ParameterService }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.7rem;font-weight:500;padding-left:1rem;color:#6c757d}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "component", type: i5.SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: i9.ModalReferredComponent, selector: "cod-modal-referred", inputs: ["visibility"], outputs: ["userSelect", "modalClose"] }] });
+CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.8rem;font-weight:400;padding-left:1rem;color:#6c757d}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "component", type: i5.SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: i9.ModalReferredComponent, selector: "cod-modal-referred", inputs: ["visibility"], outputs: ["userSelect", "modalClose"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.7rem;font-weight:500;padding-left:1rem;color:#6c757d}}\n"] }]
+            args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.8rem;font-weight:400;padding-left:1rem;color:#6c757d}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }, { type: i2.ParameterService }]; }, propDecorators: { userRole: [{
                 type: Input
             }], initialData: [{

package/fesm2015/iptdevs-design-system.mjs

@@ -4080,6 +4080,7 @@ class ModalReferredComponent {
     }
     selectUser(data) {
         this.userSelect.emit(data);
+        this.modalClose.emit(false);
     }
     load(index, form) {
         this.loading[index] = true;
@@ -4111,10 +4112,10 @@ 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", modalClose: "modalClose" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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;border-top-left-radius:5px;border-top-right-radius:5px}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@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: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: 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$1.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", modalClose: "modalClose" }, ngImport: i0, template: "<main *ngIf=\"visibility\">\n  <div @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@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: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: 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$1.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 @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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;border-top-left-radius:5px;border-top-right-radius:5px}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"] }]
+            args: [{ selector: 'cod-modal-referred', template: "<main *ngIf=\"visibility\">\n  <div @fade 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              [loading]=\"loading[0]\"\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=\"200px\"\n                [tableStyle]=\"{'min-width': '50rem'}\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Documento</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Nombres</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Apellidos</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Email</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Telefono</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min w-2 p-0 m-0\">Rol</th>\n                      <th class=\"bg-blue-500 text-white text-center h-min 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                          type=\"submit\"\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}@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}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:400;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}form{display:grid;grid-template-columns:1fr;gap:.25rem;justify-content:center;padding:0 1rem}.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{display:grid;grid-template-columns:5fr 1fr;gap:1rem;justify-content:center;height:90px;align-content:center}}@media screen and (min-width: 1366px){form{padding:0rem}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: BaseService }, { type: UserService }]; }, propDecorators: { visibility: [{
                 type: Input
             }], userSelect: [{
@@ -4301,10 +4302,10 @@ class CodFormStepFiveComponent extends CodFormSteps {
     }
 }
 CodFormStepFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, deps: [{ token: i1$1.FormBuilder }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
-CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.7rem;font-weight:500;padding-left:1rem;color:#6c757d}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8$2.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: ["visibility"], outputs: ["userSelect", "modalClose"] }] });
+CodFormStepFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: { userRole: "userRole", initialData: "initialData" }, outputs: { changeStepEvent: "changeStepEvent", action: "action" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.8rem;font-weight:400;padding-left:1rem;color:#6c757d}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { kind: "component", type: i6$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8$2.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: ModalReferredComponent, selector: "cod-modal-referred", inputs: ["visibility"], outputs: ["userSelect", "modalClose"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormStepFiveComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.7rem;font-weight:500;padding-left:1rem;color:#6c757d}}\n"] }]
+            args: [{ selector: 'app-cod-form-step-five', template: "<form autocomplete=\"off\" [formGroup]=\"codFormStepFive\" class=\"grid\">\n  <div class=\"col-12 md:col-6\">\n    <cod-modal-referred\n    *ngIf=\"modalVisible\"\n    [visibility]=\"modalVisible\"\n    (modalClose)=\"closeModal($event)\"\n    (userSelect)=\"referredUser($event)\"\n    ></cod-modal-referred>\n\n    <ipt-select\n      [control]=\"codFormStepFive.controls['marketing_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['marketing_reasons'].value\"\n      (eventSelect)=\"selectMarketingReasons($event)\"\n      [data]=\"marketingReasons\"\n      [defaultText]=\"'\u00BFC\u00F3mo se enter\u00F3 del programa?'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'Discapacidad'\"\n      [control]=\"codFormStepFive.controls['disability']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12 md:col-6\">\n    <ipt-select\n      [control]=\"codFormStepFive.controls['study_reasons']\"\n      [initialValue]=\"codFormStepFive.controls['study_reasons'].value\"\n      (eventSelect)=\"selectStudyReasons($event)\"\n      [data]=\"studyReasons\"\n      [defaultText]=\"'Motivo'\"\n    ></ipt-select>\n    <ipt-input\n      [inputType]=\"'text'\"\n      [placeHolder]=\"'R\u00E9gimen de salud'\"\n      [control]=\"codFormStepFive.controls['health_regimen']\"\n    ></ipt-input>\n  </div>\n  <div class=\"col-12\">\n    <h3 *ngIf=\"true\" class=\"referred_title\">Datos del referido</h3>\n    <div *ngIf=\"true\" class=\"referred_user_data\">\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Documento'\"\n        [control]=\"codFormStepFive.controls['document_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Nombres'\"\n        [control]=\"codFormStepFive.controls['name_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Tel\u00E9fono'\"\n        [control]=\"codFormStepFive.controls['phone_refers']\"\n      ></ipt-input>\n      <ipt-input\n        [inputType]=\"'text'\"\n        [placeHolder]=\"'Email'\"\n        [control]=\"codFormStepFive.controls['email_refers']\"\n      ></ipt-input>\n    </div>\n    <span class=\"p-float-label\">\n      <textarea\n        id=\"float-input\"\n        rows=\"4\"\n        cols=\"30\"\n        pInputTextarea\n        formControlName=\"observation\"\n      ></textarea>\n      <label for=\"float-input\">Observaciones</label>\n    </span>\n    <div class=\"flex flex-wrap justify-content-between gap-2\">\n      <div\n        *ngFor=\"let option of multiculturalities; index as i\"\n        class=\"field-checkbox mt-4 flex align-items-center\"\n      >\n        <mat-checkbox\n          [formControlName]=\"'multiculturalism' + '_' + (i + 1)\"\n          class=\"example-margin\"\n        ></mat-checkbox>\n        <label [for]=\"option.code\">{{ option.name }}</label>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 p-4 font-bold\">\n    <p>\n      * El estudiante o titular se comprometen a cancelar las cuotas\n      establecidas en este contrato, los primeros 5 (cinco) d\u00EDas del mes. En\n      caso de querer retirarse, deber\u00E1 informar por escrito 30 (treinta) d\u00EDas\n      antes y cancelar lo correspondiente hasta la fecha definida de retiro,\n      para poder obtener su paz y salvo.\n    </p>\n    <br /><br />\n    <div class=\"flex gap-2\">\n      <mat-checkbox\n        formControlName=\"terms\"\n        class=\"example-margin\"\n      ></mat-checkbox>\n      <!-- <p-checkbox [formControl]=\"getCheckboxControl()\"></p-checkbox> -->\n      <!-- <ipt-checkbox [control]=\"codFormStepFive.controls['terms']\" [checkboxOption]=\"termsCheckboxStatus\"></ipt-checkbox> -->\n      <p>\n        DECLARO HABER LE\u00CDDO Y ACEPTO LOS T\u00C9RMINOS Y CONDICIONES DE LAS POL\u00CDTICAS\n        ESTABLECIDAS EN LA INSTITUCI\u00D3N.\n      </p>\n    </div>\n  </div>\n</form>\n\n<div class=\"flex mt-3 align-items-center gap-3\">\n  <span\n    *ngIf=\"\n      (codFormStepFive.invalid && codFormStepFive.touched) ||\n      (!termsCheckboxStatus && codFormStepFive.touched)\n    \"\n    class=\"\n      text-red-500\n      font-bold\n      text-center\n      mt-1\n      py-2\n      bg-red-100\n      w-full\n      border-round-xl\n    \"\n    >{{ errorMessage }}</span\n  >\n  <button\n    type=\"submit\"\n    class=\"ml-auto p-button-success p-button-sm\"\n    (click)=\"sendForm()\"\n    pButton\n    [label]=\"sendFormMsg\"\n    icon=\"pi pi-check\"\n  ></button>\n</div>\n", styles: ["@media screen and (min-width: 320px){.referred_user_data{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;border:1px solid #ced4da;border-radius:6px;padding:.5rem}.referred_title{font-size:.8rem;font-weight:400;padding-left:1rem;color:#6c757d}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: ParameterService }]; }, propDecorators: { userRole: [{
                 type: Input
             }], initialData: [{