general-library-union 3.0.15 → 3.0.17

package/fesm2022/general-library-union.mjs

@@ -6565,14 +6565,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
 class CargueLineaService {
     httpClient;
     errorInterceptor;
-    cookieService;
+    utilsService;
     listProcedure(objetoFiltro) {
         throw new Error('Method not implemented.');
     }
-    constructor(httpClient, errorInterceptor, cookieService) {
+    constructor(httpClient, errorInterceptor, utilsService) {
         this.httpClient = httpClient;
         this.errorInterceptor = errorInterceptor;
-        this.cookieService = cookieService;
+        this.utilsService = utilsService;
         this.handleError = this.handleError.bind(this);
     }
     handleError(error) {
@@ -6591,11 +6591,11 @@ class CargueLineaService {
         return throwError(() => new Error('Something bad happened; please try again later.'));
     }
     eliminarProceso(general) {
-        let url = this.cookieService.get('urlnucleo');
+        let url = this.utilsService.obtenerUrlApi();
         return this.httpClient.post(`${url}/requieretoken/sarageneral/carguelinea/eliminarProceso`, general).pipe(catchError(this.handleError));
     }
     ejecutar(accion, archivo, fuenteDTO, procesoDTO, entradas, campos, datos, lineasCargadas) {
-        let url = this.cookieService.get('urlnucleo');
+        let url = this.utilsService.obtenerUrlApi();
         let formData = new FormData();
         formData.append("archivo", archivo);
         formData.append("fuenteDTO", JSON.stringify(fuenteDTO));
@@ -6611,10 +6611,10 @@ class CargueLineaService {
         return this.httpClient.request(req).pipe(catchError(this.handleError));
     }
     cancelarProceso(general) {
-        let url = this.cookieService.get('urlnucleo');
+        let url = this.utilsService.obtenerUrlApi();
         return this.httpClient.post(`${url}/requieretoken/sarageneral/carguelinea/cancelarProceso`, general).pipe(catchError(this.handleError));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CargueLineaService, deps: [{ token: i1.HttpClient }, { token: ErrorIntecertorService }, { token: i3.CookieService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CargueLineaService, deps: [{ token: i1.HttpClient }, { token: ErrorIntecertorService }, { token: UtilsService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CargueLineaService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CargueLineaService, decorators: [{
@@ -6622,7 +6622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: ErrorIntecertorService }, { type: i3.CookieService }] });
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: ErrorIntecertorService }, { type: UtilsService }] });
 
 class EjecucionReporteService {
     httpClient;
@@ -14537,6 +14537,64 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
                 args: ['popupPuntoProceso']
             }] } });
 
+class PopupEditorFormulaComponent {
+    translateService;
+    constructor(translateService) {
+        this.translateService = translateService;
+        this.filters = [
+            {
+                field: 'filtro',
+                header: this.translateService.instant('filtro'),
+                matchMode: 'contains',
+            },
+        ];
+    }
+    listaLenguajes;
+    filters = [];
+    // private ILenguaje lenguaje ;
+    formula;
+    // private NodoFormula base;
+    // private NodoFormula nodoActual;
+    variables = [];
+    visible;
+    tablaGeneral;
+    filtroGeneral;
+    // private NodoConstante constante;
+    editar(formula, destino, variables) {
+        //getBean(SessionActivaBean.class).setUrlPopup("/webcommon/inc-templates/editorFormula.xhtml");
+        this.formula = formula;
+        //setDestino(destino);
+        this.variables = variables;
+        this.mostrarPopup();
+    }
+    mostrarPopup() {
+        this.visible = true;
+    }
+    ocultarPopup() {
+        this.visible = false;
+    }
+    filtro(event, tablaPuestoTrabajo) {
+        if (event?.filtro?.value != null) {
+            this.tablaGeneral.filterGlobal(event.filtro.value, 'contains');
+        }
+        else {
+            tablaPuestoTrabajo.clear();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupEditorFormulaComponent, deps: [{ token: i7$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupEditorFormulaComponent, isStandalone: true, selector: "app-popup-editor-formula", viewQueries: [{ propertyName: "tablaGeneral", first: true, predicate: ["tablaGeneral"], descendants: true }, { propertyName: "filtroGeneral", first: true, predicate: ["filtroGeneral"], descendants: true }], ngImport: i0, template: "<p-dialog header=\"{{'atributo' | translate}}s\" [(visible)]=\"visible\" appendTo=\"body\" [style]=\"{width: '47vw'}\"\n    (onHide)=\"ocultarPopup()\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\">\n\n\n    <div class=\"flex justify-content-between align-items-center mt-2 mb-3\">\n      <app-filtro-general #filtroGeneral [filtros]=\"filters\" (metodoRegresar)=\"filtro($event,tablaGeneral)\">\n          <ng-template let-form>\n              <ng-container [formGroup]=\"form\">\n                  <div class=\"flex mt-3\">\n                      <div class=\"mr-3 w-full\">\n                          <span class=\"p-float-label\">\n                              <input pInputText type=\"text\" id=\"filtro\" formControlName=\"filtro\"\n                                  autocomplete=\"off\" />\n                              <label for=\"filtro\"> {{'atributo' | translate}}</label>\n                          </span>\n                      </div>\n                  </div>\n              </ng-container>\n          </ng-template>\n      </app-filtro-general>\n    </div>\n    <p-table #tablaGeneral styleClass=\"p-datatable-striped input-helper-datatable\"\n        [globalFilterFields]=\"['nombre']\"\n      [value]=\"variables\" [rows]=\"10\" [paginator]=\"variables.length > 10\" [totalRecords]=\"variables.length\"\n      [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\">\n      <ng-template pTemplate=\"header\">\n        <tr style=\"width: 100%;\">\n          <th style=\"width: 100%;\">{{'nombre' | translate}} {{'atributo' | translate}}</th>\n        </tr>\n        <th></th>\n      </ng-template>\n\n      <ng-template pTemplate=\"body\" let-objeto>\n        <tr [pSelectableRow]=\"objeto\" style=\"width: 100%;\">\n          <td style=\"width: 100%;\">{{objeto.nombre}}</td>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"emptymessage\">\n        <tr class=\"p-3 font-medium emptymessage\">\n          <td colspan=\"1\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n      </ng-template>\n  </p-table>\n</p-dialog>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i12$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i17.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: FormsModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupEditorFormulaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-popup-editor-formula', standalone: true, imports: [DialogModule, TableModule, PrimeTemplate, FormsModule, ReactiveFormsModule, InputTextModule, TranslateModule, FiltroGeneralComponent], template: "<p-dialog header=\"{{'atributo' | translate}}s\" [(visible)]=\"visible\" appendTo=\"body\" [style]=\"{width: '47vw'}\"\n    (onHide)=\"ocultarPopup()\" [modal]=\"true\" [draggable]=\"false\" [resizable]=\"false\">\n\n\n    <div class=\"flex justify-content-between align-items-center mt-2 mb-3\">\n      <app-filtro-general #filtroGeneral [filtros]=\"filters\" (metodoRegresar)=\"filtro($event,tablaGeneral)\">\n          <ng-template let-form>\n              <ng-container [formGroup]=\"form\">\n                  <div class=\"flex mt-3\">\n                      <div class=\"mr-3 w-full\">\n                          <span class=\"p-float-label\">\n                              <input pInputText type=\"text\" id=\"filtro\" formControlName=\"filtro\"\n                                  autocomplete=\"off\" />\n                              <label for=\"filtro\"> {{'atributo' | translate}}</label>\n                          </span>\n                      </div>\n                  </div>\n              </ng-container>\n          </ng-template>\n      </app-filtro-general>\n    </div>\n    <p-table #tablaGeneral styleClass=\"p-datatable-striped input-helper-datatable\"\n        [globalFilterFields]=\"['nombre']\"\n      [value]=\"variables\" [rows]=\"10\" [paginator]=\"variables.length > 10\" [totalRecords]=\"variables.length\"\n      [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\">\n      <ng-template pTemplate=\"header\">\n        <tr style=\"width: 100%;\">\n          <th style=\"width: 100%;\">{{'nombre' | translate}} {{'atributo' | translate}}</th>\n        </tr>\n        <th></th>\n      </ng-template>\n\n      <ng-template pTemplate=\"body\" let-objeto>\n        <tr [pSelectableRow]=\"objeto\" style=\"width: 100%;\">\n          <td style=\"width: 100%;\">{{objeto.nombre}}</td>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"emptymessage\">\n        <tr class=\"p-3 font-medium emptymessage\">\n          <td colspan=\"1\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n      </ng-template>\n  </p-table>\n</p-dialog>\n" }]
+        }], ctorParameters: () => [{ type: i7$1.TranslateService }], propDecorators: { tablaGeneral: [{
+                type: ViewChild,
+                args: ['tablaGeneral']
+            }], filtroGeneral: [{
+                type: ViewChild,
+                args: ['filtroGeneral']
+            }] } });
+
 class ColumnaFuenteModel extends UnionModel {
     llave;
     fuenteDato;
@@ -14799,6 +14857,7 @@ class FuenteReporteComponent {
     items = [];
     mapaMensajes = new Map();
     popupTablasFuenteUI;
+    popupEditorFormula;
     tiposDato = ReporteEntradaConstantes.tipoDato;
     clickGuardar;
     verNuevoJoin;
@@ -14818,6 +14877,7 @@ class FuenteReporteComponent {
         this.generalPipe = generalPipe;
     }
     ngOnInit() {
+        console.log('hola');
         this.listaColumnas = [];
         this.campos = [];
         this.listaJoin = [];
@@ -15182,12 +15242,9 @@ class FuenteReporteComponent {
         try {
             let vars = [];
             for (let col of this.columnas) {
-                //VariableFormula 
-                let var1;
-                var1.nombre = (col.reporteFuente + "." + col.nombre);
-                var1.tipo(col.tipoDato);
-                vars.push(var1);
+                vars.push({ nombre: col.reporteFuente + "." + col.nombre, tipo: col.tipoDato });
             }
+            this.popupEditorFormula.editar(this.fuente.whereAdicional, 'fuenteUI.fuente.whereAdicional', vars);
             //getBean(EditorFormulaUI.class).editar(fuente.getWhereAdicional(), "fuenteUI.fuente.whereAdicional", vars);
         }
         catch (e) {
@@ -15275,6 +15332,7 @@ class FuenteReporteComponent {
         ];
     }
     regresar() {
+        console.log('hola');
         this.vistaVisualizar = null;
         this.ngOnInit();
     }
@@ -15451,16 +15509,19 @@ class FuenteReporteComponent {
         return this.utilsService.validarTextoSQL(this.query, true, true, 8000, true) == null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FuenteReporteComponent, deps: [{ token: MenuService$1 }, { token: ToastService }, { token: ReportesService }, { token: GeneralService }, { token: UtilsService }, { token: i7.ConfirmationService }, { token: i7$1.TranslateService }, { token: i7.MessageService }, { token: GeneralPipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: FuenteReporteComponent, isStandalone: true, selector: "app-fuente-reporte", providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "popupTablasFuenteUI", first: true, predicate: ["popupTablasFuenteUI"], descendants: true }], ngImport: i0, template: "<p-confirmDialog #cd key=\"eliminar\">\n    <ng-template pTemplate=\"footer\">\n        <div class=\"mt-3\">\n            <button type=\"button\"\n                class=\"p-button-outlined-button-secondary p-button-outlined p-button p-component\" pButton\n                icon=\"pi pi-times\" label=\"No\" (click)=\"cd.reject()\"></button>\n            <button type=\"button\" pButton icon=\"pi pi-check\" label=\"Si\" class=\"p-button-raised\"\n                (click)=\"cd.accept()\"></button>\n        </div>\n    </ng-template>\n</p-confirmDialog>\n@if(vistaVisualizar == null){\n<h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n        <ng-template let-form>\n            <ng-container [formGroup]=\"form\">\n                <span class=\"p-float-label\">\n                    <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n                        autocomplete=\"off\" />\n                    <label for=\"descripcion\">{{'filtro' | translate}}</label>\n                </span>\n            </ng-container>\n        </ng-template>\n    </app-filtro-general>\n    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevo()\" icon=\"pi pi-plus\"\n        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n</div>\n<app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginador\" [rows]=\"paginator.rows\"\n    [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"load($event)\" (onRowSelect)=\"verDetalle($event)\"\n    [loading]=\"loading\"></app-tabla-general>\n}\n@if(vistaVisualizar != null){\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n    <button pButton pRipple (click)=\"regresar()\" label=\"Regresar\" icon=\"pi pi-chevron-left\"\n        class=\"p-button-text font-semibold\"></button>\n</div>\n<p-tabView [(activeIndex)]=\"tabPrincipal\">\n    <p-tabPanel header=\"{{ 'fuente'| translate}}\">\n        <div class=\"card\">\n            <div class=\"mt-4\">\n                <h5><i class=\"glyphicons glyphicons-book\"></i>{{'datos'| translate}} {{'basicos'| translate}}</h5>\n            </div>\n\n            <div class=\"p-fluid p-formgrid grid\">\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <input pInputText autofocus type=\"text\" id=\"peso\" [(ngModel)]=\"fuente.descripcion\"\n                        [class.ng-dirty]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                        [class.ng-invalid]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                            autocomplete=\"off\" />\n                        <label for=\"peso\">{{'nombre' | translate}}</label>\n                    </span>\n                </div>\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"query\"\n                            [class.ng-dirty]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            [class.ng-invalid]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            autofocus [autoResize]=\"true\"> </textarea>\n                        <label for=\"descripcion\">{{'consulta' | translate}}\n                        </label>\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button> \n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\" *ngIf=\"\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button>\n                <p-splitButton class=\"ml-2\" label=\"Acciones Fuente\" icon=\"glyphicons glyphicons-list\"\n                    [model]=\"menu\"></p-splitButton>\n            </div>\n        </div>\n        <div class=\"flex justify-content-end mb-2\">\n            <button pButton pRipple class=\"ml-2 p-button p-button-secondary\" icon=\"glyphicons glyphicons-floppy-save\"\n                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCampos()\">\n            </button>\n        </div>\n\n        <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"campos\" [scrollable]=\"true\"\n            [totalRecords]=\"campos.length\" [paginator]=\"campos.length > 10\" [rows]=\"10\"\n            scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\" scrollDirection=\"horizontal\"\n            styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\" editMode=\"row\"\n            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n            dataKey=\"llaveTabla\">\n            <ng-template pTemplate=\"header\">\n                <tr>\n                    <th style=\"width:25%\">{{'nombre' | translate}}</th>\n                    <th style=\"width:25%\">{{'sintaxis' | translate}}</th>\n                    <th style=\"width:25%\">{{'tipo' | translate}} de {{'dato' | translate}}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n                <tr [pEditableRow]=\"campo\">\n                    <td style=\"width:25%\">\n                        <input pInputText type=\"text\" [(ngModel)]=\"campo.nombre \" class=\"w-full\">\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr class=\"p-3 font-medium emptymessage\">\n                    <td colspan=\"5\">\n                        {{'mensajetablavacia' | translate}}\n                    </td>\n                </tr>\n            </ng-template>\n        </p-table>\n    </p-tabPanel>\n\n\n    <p-tabPanel header=\"{{ 'wizard'| translate}}\">\n        <p-steps [model]=\"items\" [readonly]=\"false\" [activeIndex]=\"actual\"></p-steps>\n\n        <div class=\"cardInstrucciones mt-4 mb-3\" style=\"margin-bottom: 0px !important;\">\n            <div class=\"flex align-items-center justify-content-between\">\n                <div class=\"flex\">\n                    <div class=\"icono\">\n                        <i class=\"pi pi-bell\"></i>\n                    </div>\n                    <div class=\"contenedor\" style=\"margin-top: 2%;\">\n                        <label>{{mapaMensajes?.get(actual)}}</label>\n                    </div>\n                </div>\n                <div class=\"flex align-items-center justify-content-end\">\n                    <p-button (onClick)=\"anterior()\" [rounded]=\"true\" icon=\"pi pi-angle-left\" class=\"p-button-outlined\"\n                         pTooltip=\"Anterior\" tooltipPosition=\"top\" placeholder=\"Top\"\n                        [outlined]=\"true\" [disabled]=\"actual <= 0\" />\n                    <p-button (onClick)=\"siguiente()\" [rounded]=\"true\" icon=\"pi pi-angle-right\" class=\"p-button-outlined\"\n                     [outlined]=\"true\" *ngIf=\"actual != 3\"\n                        [pTooltip]=\"actual  === 3 ? 'Terminar': 'Siguiente'\" tooltipPosition=\"top\" placeholder=\"Top\" />\n\n                    <button pButton label=\"{{'terminar' | translate}}\" icon=\"pi pi-angle-right\" (click)=\"siguiente()\"\n                        *ngIf=\"actual === 3\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary p-2 ml-2\"></button>\n                </div>\n            </div>\n        </div>\n        <p-progressBar mode=\"indeterminate\" [style]=\"{ height: '3px' }\" *ngIf=\"cargarPaso\" />\n\n        <div class=\"mt-2\" *ngIf=\"!cargarPaso\">\n            @if(actual === 0){\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton label=\"{{'fuente' | translate}}\" icon=\"pi pi-plus\" (click)=\"buscarTabla()\"\n                    class=\"p-ripple p-element p-button p-component p-button-secondary mb-2 mt-3\"></button>\n            </div>\n            <div>\n\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"tablasFrom\" [scrollable]=\"true\"\n                    [totalRecords]=\"tablasFrom.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"tablasFrom.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"llave\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                            <th style=\"width:25%\">{{'alias' | translate}}</th>\n                            <th style=\"width:25%\"> </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"tabla\">\n                            <td style=\"width:25%\">\n                                {{tabla.tabla}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.alias}}\n                            </td>\n                            <td class=\"flex justify-content-end\">\n                                <div>\n                                    <!-- ELIMINAR -->\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarTabla(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </div>\n\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n            @if(actual == 1){\n            <div class=\"mt-3\">\n                <h4>{{'foranea'| translate}}</h4>\n                <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"foraneas\" [scrollable]=\"true\"\n                selectionMode=\"single\" scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                editMode=\"row\" (onRowSelect)=\"adicionarForanea($event)\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"true\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'campo' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                    <tr [pSelectableRow]=\"tabla\">\n                        <td style=\"width:25%\">\n                            {{tabla.alias1}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.alias2}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.llave.nombre}}\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr class=\"p-3 font-medium emptymessage\">\n                        <td colspan=\"5\">\n                            {{'mensajetablavacia' | translate}}\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n            </div>\n            \n            <div class=\"card mt-3\">\n                <div class=\"tabla-planta-personal\"\n                    style=\"padding: 0% !important;background: transparent !important;height: auto !important;\">\n                    <div class=\"flex justify-content-between align-items-center mb-2 mt-2\">\n                        <h4>{{'join'| translate}}</h4>\n                        <button pButton label=\"{{'agregar' | translate}} {{'join' | translate}}\" (click)=\"nuevoJoin()\"\n                            icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                    </div>\n                    <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"joinsFrom\" [scrollable]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                        scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                        editMode=\"row\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        [lazy]=\"true\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th style=\"width:45%\">{{'campo' | translate}} 1</th>\n                                <th style=\"width:5%\">{{'=' | translate}}</th>\n                                <th style=\"width:45%\">{{'campo' | translate}} 2</th>\n                                <th>{{'' | translate}}</th>\n                            </tr>\n                            <tr class=\" TablaNuevoRegistro\" *ngIf=\"verNuevoJoin\">\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaColumnas\" optionValue=\"value\" [(ngModel)]=\"col1\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\" (onChange)=\"cambioJoin($event)\"></p-dropdown>\n                                </td>\n                                <td style=\"width:5%\">=</td>\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaJoin\" optionValue=\"value\" [(ngModel)]=\"col2\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\"></p-dropdown>\n                                </td>\n\n                                <td class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"adicionarJoin()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <button pButton pRipple type=\"button\" (click)=\"cancelarNuevoJoin()\"\n                                        icon=\"pi pi-times\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                            <tr [pEditableRow]=\"tabla\">\n                                <td style=\"width:45%\">\n                                    {{tabla.columna1}}\n                                </td>\n                                <td style=\"width:5%\">\n                                    {{'='}}\n                                </td>\n                                <td style=\"width:45%\">\n                                    {{tabla.columna2}}\n                                </td>\n                                <td>\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarJoin(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr class=\"p-3 font-medium emptymessage\">\n                                <td colspan=\"5\">\n                                    {{'mensajetablavacia' | translate}}\n                                </td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n\n\n\n            }\n            @if(actual == 2){\n\n            <div class=\"card\">\n                <div class=\"mt-4\">\n                    <h5><i class=\"glyphicons glyphicons-book\"></i>{{'where'| translate}}</h5>\n                </div>\n\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-12 lg:col-12\">\n                        <span class=\"p-float-label\">\n                            <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                                [(ngModel)]=\"fuente.whereAdicional\" autofocus [autoResize]=\"true\"> </textarea>\n                            <label for=\"descripcion\">{{'consulta' | translate}}\n                            </label>\n                        </span>\n                    </div>\n                </div>\n\n                <!-- <div class=\"flex justify-content-end\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-floppy-save\" label=\"{{'link_guardar' | translate}}\"\n                        (click)=\"editarWhere()\">\n                    </button>\n                </div> -->\n            </div>\n\n            }\n            @if(actual == 3){\n            <div class=\"mt-3\">\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"camposSeleccionar\" [scrollable]=\"true\"\n                    [totalRecords]=\"camposSeleccionar.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"camposSeleccionar.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"alias\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\" alignFrozen=\"left\" pFrozenColumn>\n                                <p-checkbox [style]=\"{'margin-left': '1%','margin-right':'1%'}\"\n                                    [(ngModel)]=\"seleccionGeneral\" [binary]=\"true\" [ngModel]=\"todosSeleccionados()\"\n                                    (ngModelChange)=\"actualizarSeleccion($event)\"></p-checkbox>\n                                <span style=\"margin-left:1%\">{{'tabla' | translate}}</span>\n                            </th>\n                            <th style=\"width:25%\">{{'columna' | translate}}</th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla>\n                        <tr>\n                            <td style=\"width:25%\">\n                                <p-checkbox class=\"mr-2 \" [(ngModel)]=\"tabla.seleccionado\" [binary]=\"true\"\n                                    inputId=\"binary\">\n                                </p-checkbox>\n                                {{tabla.columna.reporteFuente}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.columna.nombre}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n        </div>\n    </p-tabPanel>\n</p-tabView>\n\n}\n\n<app-popup-tablas-fuente #popupTablasFuenteUI\n    (aplicarDestinoOcultar)=\"setTablaSeleccionada($event)\"></app-popup-tablas-fuente>", styles: [":host ::ng-deep .botonCircular{background:var(--color-85);border:solid 1px var(--color-85);color:var(--color-400)}\n"], dependencies: [{ kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i9$1.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "styleClass", "style", "unit", "mode", "color"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i7$3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: PopupTablasFuenteComponent, selector: "app-popup-tablas-fuente", outputs: ["aplicarDestinoOcultar"] }, { kind: "ngmodule", type: StepsModule }, { kind: "component", type: i12$3.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass", "exact"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17$2.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17$2.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i15$1.SplitButton, selector: "p-splitButton", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "style", "styleClass", "menuStyle", "menuStyleClass", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i11.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i17.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i17.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i17.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "component", type: TablaGeneralComponent, selector: "app-tabla-general", inputs: ["dataKey", "value", "columns", "rows", "totalRecords", "loading", "ocultarFraccionador"], outputs: ["onLoad", "onRowSelect"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i6.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: FuenteReporteComponent, isStandalone: true, selector: "app-fuente-reporte", providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "popupTablasFuenteUI", first: true, predicate: ["popupTablasFuenteUI"], descendants: true }, { propertyName: "popupEditorFormula", first: true, predicate: ["popupEditorFormula"], descendants: true }], ngImport: i0, template: "<p-confirmDialog #cd key=\"eliminar\">\n    <ng-template pTemplate=\"footer\">\n        <div class=\"mt-3\">\n            <button type=\"button\"\n                class=\"p-button-outlined-button-secondary p-button-outlined p-button p-component\" pButton\n                icon=\"pi pi-times\" label=\"No\" (click)=\"cd.reject()\"></button>\n            <button type=\"button\" pButton icon=\"pi pi-check\" label=\"Si\" class=\"p-button-raised\"\n                (click)=\"cd.accept()\"></button>\n        </div>\n    </ng-template>\n</p-confirmDialog>\n@if(vistaVisualizar == null){\n<h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n        <ng-template let-form>\n            <ng-container [formGroup]=\"form\">\n                <span class=\"p-float-label\">\n                    <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n                        autocomplete=\"off\" />\n                    <label for=\"descripcion\">{{'filtro' | translate}}</label>\n                </span>\n            </ng-container>\n        </ng-template>\n    </app-filtro-general>\n    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevo()\" icon=\"pi pi-plus\"\n        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n</div>\n<app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginador\" [rows]=\"paginator.rows\"\n    [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"load($event)\" (onRowSelect)=\"verDetalle($event)\"\n    [loading]=\"loading\"></app-tabla-general>\n}\n@if(vistaVisualizar != null){\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n    <button pButton pRipple (click)=\"regresar()\" label=\"Regresar\" icon=\"pi pi-chevron-left\"\n        class=\"p-button-text font-semibold\"></button>\n</div>\n<p-tabView [(activeIndex)]=\"tabPrincipal\">\n    <p-tabPanel header=\"{{ 'fuente'| translate}}\">\n        <div class=\"card\">\n            <div class=\"mt-4\">\n                <h5><i class=\"glyphicons glyphicons-book\"></i>{{'datos'| translate}} {{'basicos'| translate}}</h5>\n            </div>\n\n            <div class=\"p-fluid p-formgrid grid\">\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <input pInputText autofocus type=\"text\" id=\"peso\" [(ngModel)]=\"fuente.descripcion\"\n                        [class.ng-dirty]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                        [class.ng-invalid]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                            autocomplete=\"off\" />\n                        <label for=\"peso\">{{'nombre' | translate}}</label>\n                    </span>\n                </div>\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"query\"\n                            [class.ng-dirty]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            [class.ng-invalid]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            autofocus [autoResize]=\"true\"> </textarea>\n                        <label for=\"descripcion\">{{'consulta' | translate}}\n                        </label>\n                    </span>\n                </div>\n                \n            </div>\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button> \n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\" *ngIf=\"\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button>\n                <p-splitButton class=\"ml-2\" label=\"Acciones Fuente\" icon=\"glyphicons glyphicons-list\"\n                    [model]=\"menu\"></p-splitButton>\n            </div>\n        </div>\n        <div class=\"flex justify-content-end mb-2\">\n            <button pButton pRipple class=\"ml-2 p-button p-button-secondary\" icon=\"glyphicons glyphicons-floppy-save\"\n                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCampos()\">\n            </button>\n        </div>\n\n        <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"campos\" [scrollable]=\"true\"\n            [totalRecords]=\"campos.length\" [paginator]=\"campos.length > 10\" [rows]=\"10\"\n            scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\" scrollDirection=\"horizontal\"\n            styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\" editMode=\"row\"\n            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n            dataKey=\"llaveTabla\">\n            <ng-template pTemplate=\"header\">\n                <tr>\n                    <th style=\"width:25%\">{{'nombre' | translate}}</th>\n                    <th style=\"width:25%\">{{'sintaxis' | translate}}</th>\n                    <th style=\"width:25%\">{{'tipo' | translate}} de {{'dato' | translate}}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n                <tr [pEditableRow]=\"campo\">\n                    <td style=\"width:25%\">\n                        <input pInputText type=\"text\" [(ngModel)]=\"campo.nombre \" class=\"w-full\">\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr class=\"p-3 font-medium emptymessage\">\n                    <td colspan=\"5\">\n                        {{'mensajetablavacia' | translate}}\n                    </td>\n                </tr>\n            </ng-template>\n        </p-table>\n    </p-tabPanel>\n\n\n    <p-tabPanel header=\"{{ 'wizard'| translate}}\">\n        <p-steps [model]=\"items\" [readonly]=\"false\" [activeIndex]=\"actual\"></p-steps>\n\n        <div class=\"cardInstrucciones mt-4 mb-3\" style=\"margin-bottom: 0px !important;\">\n            <div class=\"flex align-items-center justify-content-between\">\n                <div class=\"flex\">\n                    <div class=\"icono\">\n                        <i class=\"pi pi-bell\"></i>\n                    </div>\n                    <div class=\"contenedor\" style=\"margin-top: 2%;\">\n                        <label>{{mapaMensajes?.get(actual)}}</label>\n                    </div>\n                </div>\n                <div class=\"flex align-items-center justify-content-end\">\n                    <p-button (onClick)=\"anterior()\" [rounded]=\"true\" icon=\"pi pi-angle-left\" class=\"p-button-outlined\"\n                         pTooltip=\"Anterior\" tooltipPosition=\"top\" placeholder=\"Top\"\n                        [outlined]=\"true\" [disabled]=\"actual <= 0\" />\n                    <p-button (onClick)=\"siguiente()\" [rounded]=\"true\" icon=\"pi pi-angle-right\" class=\"p-button-outlined\"\n                     [outlined]=\"true\" *ngIf=\"actual != 3\"\n                        [pTooltip]=\"actual  === 3 ? 'Terminar': 'Siguiente'\" tooltipPosition=\"top\" placeholder=\"Top\" />\n\n                    <button pButton label=\"{{'terminar' | translate}}\" icon=\"pi pi-angle-right\" (click)=\"siguiente()\"\n                        *ngIf=\"actual === 3\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary p-2 ml-2\"></button>\n                </div>\n            </div>\n        </div>\n        <p-progressBar mode=\"indeterminate\" [style]=\"{ height: '3px' }\" *ngIf=\"cargarPaso\" />\n\n        <div class=\"mt-2\" *ngIf=\"!cargarPaso\">\n            @if(actual === 0){\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton label=\"{{'fuente' | translate}}\" icon=\"pi pi-plus\" (click)=\"buscarTabla()\"\n                    class=\"p-ripple p-element p-button p-component p-button-secondary mb-2 mt-3\"></button>\n            </div>\n            <div>\n\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"tablasFrom\" [scrollable]=\"true\"\n                    [totalRecords]=\"tablasFrom.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"tablasFrom.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"llave\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                            <th style=\"width:25%\">{{'alias' | translate}}</th>\n                            <th style=\"width:25%\"> </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"tabla\">\n                            <td style=\"width:25%\">\n                                {{tabla.tabla}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.alias}}\n                            </td>\n                            <td class=\"flex justify-content-end\">\n                                <div>\n                                    <!-- ELIMINAR -->\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarTabla(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </div>\n\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n            @if(actual == 1){\n            <div class=\"mt-3\">\n                <h4>{{'foranea'| translate}}</h4>\n                <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"foraneas\" [scrollable]=\"true\"\n                selectionMode=\"single\" scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                editMode=\"row\" (onRowSelect)=\"adicionarForanea($event)\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"true\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'campo' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                    <tr [pSelectableRow]=\"tabla\">\n                        <td style=\"width:25%\">\n                            {{tabla.alias1}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.alias2}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.llave.nombre}}\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr class=\"p-3 font-medium emptymessage\">\n                        <td colspan=\"5\">\n                            {{'mensajetablavacia' | translate}}\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n            </div>\n            \n            <div class=\"card mt-3\">\n                <div class=\"tabla-planta-personal\"\n                    style=\"padding: 0% !important;background: transparent !important;height: auto !important;\">\n                    <div class=\"flex justify-content-between align-items-center mb-2 mt-2\">\n                        <h4>{{'join'| translate}}</h4>\n                        <button pButton label=\"{{'agregar' | translate}} {{'join' | translate}}\" (click)=\"nuevoJoin()\"\n                            icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                    </div>\n                    <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"joinsFrom\" [scrollable]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                        scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                        editMode=\"row\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        [lazy]=\"true\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th style=\"width:45%\">{{'campo' | translate}} 1</th>\n                                <th style=\"width:5%\">{{'=' | translate}}</th>\n                                <th style=\"width:45%\">{{'campo' | translate}} 2</th>\n                                <th>{{'' | translate}}</th>\n                            </tr>\n                            <tr class=\" TablaNuevoRegistro\" *ngIf=\"verNuevoJoin\">\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaColumnas\" optionValue=\"value\" [(ngModel)]=\"col1\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\" (onChange)=\"cambioJoin($event)\"></p-dropdown>\n                                </td>\n                                <td style=\"width:5%\">=</td>\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaJoin\" optionValue=\"value\" [(ngModel)]=\"col2\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\"></p-dropdown>\n                                </td>\n\n                                <td class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"adicionarJoin()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <button pButton pRipple type=\"button\" (click)=\"cancelarNuevoJoin()\"\n                                        icon=\"pi pi-times\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                            <tr [pEditableRow]=\"tabla\">\n                                <td style=\"width:45%\">\n                                    {{tabla.columna1}}\n                                </td>\n                                <td style=\"width:5%\">\n                                    {{'='}}\n                                </td>\n                                <td style=\"width:45%\">\n                                    {{tabla.columna2}}\n                                </td>\n                                <td>\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarJoin(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr class=\"p-3 font-medium emptymessage\">\n                                <td colspan=\"5\">\n                                    {{'mensajetablavacia' | translate}}\n                                </td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n\n\n\n            }\n            @if(actual == 2){\n\n            <div class=\"card\">\n                <div class=\"mt-4\">\n                    <h5><i class=\"glyphicons glyphicons-book\"></i>{{'where'| translate}}</h5>\n                </div>\n\n                <div class=\"p-fluid p-formgrid grid\">\n                \n                    <div class=\"field col-12 md:col-12 lg:col-12\">\n                        <div class=\"col-12 flex p-0\">\n                            <span class=\"p-float-label w-full\">\n                                <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                                    [(ngModel)]=\"fuente.whereAdicional\" autofocus [autoResize]=\"true\"> </textarea>\n                                <label for=\"descripcion\">{{'consulta' | translate}}\n                                </label>\n                            </span>\n                            <!-- VER ATRIBUTOS -->\n                            <button pButton pRipple class=\"m-2 mb-1 p-button p-button-rounded p-button-secondary\"\n                                icon=\"glyphicons glyphicons-justify\" (click)=\"editarWhere()\" pTooltip=\"{{'atributo' | translate}}s\"\n                                tooltipPosition=\"bottom\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- <div class=\"flex justify-content-end\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-floppy-save\" label=\"{{'link_guardar' | translate}}\"\n                        (click)=\"editarWhere()\">\n                    </button>\n                </div> -->\n            </div>\n\n            }\n            @if(actual == 3){\n            <div class=\"mt-3\">\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"camposSeleccionar\" [scrollable]=\"true\"\n                    [totalRecords]=\"camposSeleccionar.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"camposSeleccionar.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"alias\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\" alignFrozen=\"left\" pFrozenColumn>\n                                <p-checkbox [style]=\"{'margin-left': '1%','margin-right':'1%'}\"\n                                    [(ngModel)]=\"seleccionGeneral\" [binary]=\"true\" [ngModel]=\"todosSeleccionados()\"\n                                    (ngModelChange)=\"actualizarSeleccion($event)\"></p-checkbox>\n                                <span style=\"margin-left:1%\">{{'tabla' | translate}}</span>\n                            </th>\n                            <th style=\"width:25%\">{{'columna' | translate}}</th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla>\n                        <tr>\n                            <td style=\"width:25%\">\n                                <p-checkbox class=\"mr-2 \" [(ngModel)]=\"tabla.seleccionado\" [binary]=\"true\"\n                                    inputId=\"binary\">\n                                </p-checkbox>\n                                {{tabla.columna.reporteFuente}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.columna.nombre}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n        </div>\n    </p-tabPanel>\n</p-tabView>\n\n}\n<app-popup-editor-formula #popupEditorFormula></app-popup-editor-formula>\n\n<app-popup-tablas-fuente #popupTablasFuenteUI\n    (aplicarDestinoOcultar)=\"setTablaSeleccionada($event)\"></app-popup-tablas-fuente>", styles: [":host ::ng-deep .botonCircular{background:var(--color-85);border:solid 1px var(--color-85);color:var(--color-400)}\n"], dependencies: [{ kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i9$1.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "styleClass", "style", "unit", "mode", "color"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i7$3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: PopupTablasFuenteComponent, selector: "app-popup-tablas-fuente", outputs: ["aplicarDestinoOcultar"] }, { kind: "ngmodule", type: StepsModule }, { kind: "component", type: i12$3.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass", "exact"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17$2.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17$2.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "component", type: i15$1.SplitButton, selector: "p-splitButton", inputs: ["model", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "icon", "iconPos", "label", "tooltip", "tooltipOptions", "style", "styleClass", "menuStyle", "menuStyleClass", "appendTo", "dir", "expandAriaLabel", "showTransitionOptions", "hideTransitionOptions", "buttonProps", "menuButtonProps", "autofocus", "disabled", "tabindex", "menuButtonDisabled", "buttonDisabled"], outputs: ["onClick", "onMenuHide", "onMenuShow", "onDropdownClick"] }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i10$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i11.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i17.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i17.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i17.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "component", type: TablaGeneralComponent, selector: "app-tabla-general", inputs: ["dataKey", "value", "columns", "rows", "totalRecords", "loading", "ocultarFraccionador"], outputs: ["onLoad", "onRowSelect"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i6.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "component", type: PopupEditorFormulaComponent, selector: "app-popup-editor-formula" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FuenteReporteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-fuente-reporte', standalone: true, imports: [ProgressBarModule, TooltipModule, CheckboxModule, PopupTablasFuenteComponent, StepsModule, CommonModule, TabViewModule, SplitButtonModule, NgIf,
                         TranslateModule, InputTextModule, CommonModule, AccordionModule, DropdownModule, FormsModule, TableModule, TablaGeneralComponent, FiltroGeneralComponent,
-                        ButtonModule, ReactiveFormsModule, GeneralPipe, InputTextareaModule, ConfirmPopupModule, ButtonModule, ConfirmDialogModule], providers: [MessageService, ConfirmationService], template: "<p-confirmDialog #cd key=\"eliminar\">\n    <ng-template pTemplate=\"footer\">\n        <div class=\"mt-3\">\n            <button type=\"button\"\n                class=\"p-button-outlined-button-secondary p-button-outlined p-button p-component\" pButton\n                icon=\"pi pi-times\" label=\"No\" (click)=\"cd.reject()\"></button>\n            <button type=\"button\" pButton icon=\"pi pi-check\" label=\"Si\" class=\"p-button-raised\"\n                (click)=\"cd.accept()\"></button>\n        </div>\n    </ng-template>\n</p-confirmDialog>\n@if(vistaVisualizar == null){\n<h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n        <ng-template let-form>\n            <ng-container [formGroup]=\"form\">\n                <span class=\"p-float-label\">\n                    <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n                        autocomplete=\"off\" />\n                    <label for=\"descripcion\">{{'filtro' | translate}}</label>\n                </span>\n            </ng-container>\n        </ng-template>\n    </app-filtro-general>\n    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevo()\" icon=\"pi pi-plus\"\n        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n</div>\n<app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginador\" [rows]=\"paginator.rows\"\n    [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"load($event)\" (onRowSelect)=\"verDetalle($event)\"\n    [loading]=\"loading\"></app-tabla-general>\n}\n@if(vistaVisualizar != null){\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n    <button pButton pRipple (click)=\"regresar()\" label=\"Regresar\" icon=\"pi pi-chevron-left\"\n        class=\"p-button-text font-semibold\"></button>\n</div>\n<p-tabView [(activeIndex)]=\"tabPrincipal\">\n    <p-tabPanel header=\"{{ 'fuente'| translate}}\">\n        <div class=\"card\">\n            <div class=\"mt-4\">\n                <h5><i class=\"glyphicons glyphicons-book\"></i>{{'datos'| translate}} {{'basicos'| translate}}</h5>\n            </div>\n\n            <div class=\"p-fluid p-formgrid grid\">\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <input pInputText autofocus type=\"text\" id=\"peso\" [(ngModel)]=\"fuente.descripcion\"\n                        [class.ng-dirty]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                        [class.ng-invalid]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                            autocomplete=\"off\" />\n                        <label for=\"peso\">{{'nombre' | translate}}</label>\n                    </span>\n                </div>\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"query\"\n                            [class.ng-dirty]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            [class.ng-invalid]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            autofocus [autoResize]=\"true\"> </textarea>\n                        <label for=\"descripcion\">{{'consulta' | translate}}\n                        </label>\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button> \n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\" *ngIf=\"\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button>\n                <p-splitButton class=\"ml-2\" label=\"Acciones Fuente\" icon=\"glyphicons glyphicons-list\"\n                    [model]=\"menu\"></p-splitButton>\n            </div>\n        </div>\n        <div class=\"flex justify-content-end mb-2\">\n            <button pButton pRipple class=\"ml-2 p-button p-button-secondary\" icon=\"glyphicons glyphicons-floppy-save\"\n                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCampos()\">\n            </button>\n        </div>\n\n        <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"campos\" [scrollable]=\"true\"\n            [totalRecords]=\"campos.length\" [paginator]=\"campos.length > 10\" [rows]=\"10\"\n            scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\" scrollDirection=\"horizontal\"\n            styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\" editMode=\"row\"\n            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n            dataKey=\"llaveTabla\">\n            <ng-template pTemplate=\"header\">\n                <tr>\n                    <th style=\"width:25%\">{{'nombre' | translate}}</th>\n                    <th style=\"width:25%\">{{'sintaxis' | translate}}</th>\n                    <th style=\"width:25%\">{{'tipo' | translate}} de {{'dato' | translate}}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n                <tr [pEditableRow]=\"campo\">\n                    <td style=\"width:25%\">\n                        <input pInputText type=\"text\" [(ngModel)]=\"campo.nombre \" class=\"w-full\">\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr class=\"p-3 font-medium emptymessage\">\n                    <td colspan=\"5\">\n                        {{'mensajetablavacia' | translate}}\n                    </td>\n                </tr>\n            </ng-template>\n        </p-table>\n    </p-tabPanel>\n\n\n    <p-tabPanel header=\"{{ 'wizard'| translate}}\">\n        <p-steps [model]=\"items\" [readonly]=\"false\" [activeIndex]=\"actual\"></p-steps>\n\n        <div class=\"cardInstrucciones mt-4 mb-3\" style=\"margin-bottom: 0px !important;\">\n            <div class=\"flex align-items-center justify-content-between\">\n                <div class=\"flex\">\n                    <div class=\"icono\">\n                        <i class=\"pi pi-bell\"></i>\n                    </div>\n                    <div class=\"contenedor\" style=\"margin-top: 2%;\">\n                        <label>{{mapaMensajes?.get(actual)}}</label>\n                    </div>\n                </div>\n                <div class=\"flex align-items-center justify-content-end\">\n                    <p-button (onClick)=\"anterior()\" [rounded]=\"true\" icon=\"pi pi-angle-left\" class=\"p-button-outlined\"\n                         pTooltip=\"Anterior\" tooltipPosition=\"top\" placeholder=\"Top\"\n                        [outlined]=\"true\" [disabled]=\"actual <= 0\" />\n                    <p-button (onClick)=\"siguiente()\" [rounded]=\"true\" icon=\"pi pi-angle-right\" class=\"p-button-outlined\"\n                     [outlined]=\"true\" *ngIf=\"actual != 3\"\n                        [pTooltip]=\"actual  === 3 ? 'Terminar': 'Siguiente'\" tooltipPosition=\"top\" placeholder=\"Top\" />\n\n                    <button pButton label=\"{{'terminar' | translate}}\" icon=\"pi pi-angle-right\" (click)=\"siguiente()\"\n                        *ngIf=\"actual === 3\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary p-2 ml-2\"></button>\n                </div>\n            </div>\n        </div>\n        <p-progressBar mode=\"indeterminate\" [style]=\"{ height: '3px' }\" *ngIf=\"cargarPaso\" />\n\n        <div class=\"mt-2\" *ngIf=\"!cargarPaso\">\n            @if(actual === 0){\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton label=\"{{'fuente' | translate}}\" icon=\"pi pi-plus\" (click)=\"buscarTabla()\"\n                    class=\"p-ripple p-element p-button p-component p-button-secondary mb-2 mt-3\"></button>\n            </div>\n            <div>\n\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"tablasFrom\" [scrollable]=\"true\"\n                    [totalRecords]=\"tablasFrom.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"tablasFrom.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"llave\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                            <th style=\"width:25%\">{{'alias' | translate}}</th>\n                            <th style=\"width:25%\"> </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"tabla\">\n                            <td style=\"width:25%\">\n                                {{tabla.tabla}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.alias}}\n                            </td>\n                            <td class=\"flex justify-content-end\">\n                                <div>\n                                    <!-- ELIMINAR -->\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarTabla(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </div>\n\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n            @if(actual == 1){\n            <div class=\"mt-3\">\n                <h4>{{'foranea'| translate}}</h4>\n                <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"foraneas\" [scrollable]=\"true\"\n                selectionMode=\"single\" scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                editMode=\"row\" (onRowSelect)=\"adicionarForanea($event)\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"true\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'campo' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                    <tr [pSelectableRow]=\"tabla\">\n                        <td style=\"width:25%\">\n                            {{tabla.alias1}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.alias2}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.llave.nombre}}\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr class=\"p-3 font-medium emptymessage\">\n                        <td colspan=\"5\">\n                            {{'mensajetablavacia' | translate}}\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n            </div>\n            \n            <div class=\"card mt-3\">\n                <div class=\"tabla-planta-personal\"\n                    style=\"padding: 0% !important;background: transparent !important;height: auto !important;\">\n                    <div class=\"flex justify-content-between align-items-center mb-2 mt-2\">\n                        <h4>{{'join'| translate}}</h4>\n                        <button pButton label=\"{{'agregar' | translate}} {{'join' | translate}}\" (click)=\"nuevoJoin()\"\n                            icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                    </div>\n                    <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"joinsFrom\" [scrollable]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                        scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                        editMode=\"row\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        [lazy]=\"true\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th style=\"width:45%\">{{'campo' | translate}} 1</th>\n                                <th style=\"width:5%\">{{'=' | translate}}</th>\n                                <th style=\"width:45%\">{{'campo' | translate}} 2</th>\n                                <th>{{'' | translate}}</th>\n                            </tr>\n                            <tr class=\" TablaNuevoRegistro\" *ngIf=\"verNuevoJoin\">\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaColumnas\" optionValue=\"value\" [(ngModel)]=\"col1\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\" (onChange)=\"cambioJoin($event)\"></p-dropdown>\n                                </td>\n                                <td style=\"width:5%\">=</td>\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaJoin\" optionValue=\"value\" [(ngModel)]=\"col2\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\"></p-dropdown>\n                                </td>\n\n                                <td class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"adicionarJoin()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <button pButton pRipple type=\"button\" (click)=\"cancelarNuevoJoin()\"\n                                        icon=\"pi pi-times\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                            <tr [pEditableRow]=\"tabla\">\n                                <td style=\"width:45%\">\n                                    {{tabla.columna1}}\n                                </td>\n                                <td style=\"width:5%\">\n                                    {{'='}}\n                                </td>\n                                <td style=\"width:45%\">\n                                    {{tabla.columna2}}\n                                </td>\n                                <td>\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarJoin(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr class=\"p-3 font-medium emptymessage\">\n                                <td colspan=\"5\">\n                                    {{'mensajetablavacia' | translate}}\n                                </td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n\n\n\n            }\n            @if(actual == 2){\n\n            <div class=\"card\">\n                <div class=\"mt-4\">\n                    <h5><i class=\"glyphicons glyphicons-book\"></i>{{'where'| translate}}</h5>\n                </div>\n\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-12 lg:col-12\">\n                        <span class=\"p-float-label\">\n                            <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                                [(ngModel)]=\"fuente.whereAdicional\" autofocus [autoResize]=\"true\"> </textarea>\n                            <label for=\"descripcion\">{{'consulta' | translate}}\n                            </label>\n                        </span>\n                    </div>\n                </div>\n\n                <!-- <div class=\"flex justify-content-end\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-floppy-save\" label=\"{{'link_guardar' | translate}}\"\n                        (click)=\"editarWhere()\">\n                    </button>\n                </div> -->\n            </div>\n\n            }\n            @if(actual == 3){\n            <div class=\"mt-3\">\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"camposSeleccionar\" [scrollable]=\"true\"\n                    [totalRecords]=\"camposSeleccionar.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"camposSeleccionar.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"alias\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\" alignFrozen=\"left\" pFrozenColumn>\n                                <p-checkbox [style]=\"{'margin-left': '1%','margin-right':'1%'}\"\n                                    [(ngModel)]=\"seleccionGeneral\" [binary]=\"true\" [ngModel]=\"todosSeleccionados()\"\n                                    (ngModelChange)=\"actualizarSeleccion($event)\"></p-checkbox>\n                                <span style=\"margin-left:1%\">{{'tabla' | translate}}</span>\n                            </th>\n                            <th style=\"width:25%\">{{'columna' | translate}}</th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla>\n                        <tr>\n                            <td style=\"width:25%\">\n                                <p-checkbox class=\"mr-2 \" [(ngModel)]=\"tabla.seleccionado\" [binary]=\"true\"\n                                    inputId=\"binary\">\n                                </p-checkbox>\n                                {{tabla.columna.reporteFuente}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.columna.nombre}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n        </div>\n    </p-tabPanel>\n</p-tabView>\n\n}\n\n<app-popup-tablas-fuente #popupTablasFuenteUI\n    (aplicarDestinoOcultar)=\"setTablaSeleccionada($event)\"></app-popup-tablas-fuente>", styles: [":host ::ng-deep .botonCircular{background:var(--color-85);border:solid 1px var(--color-85);color:var(--color-400)}\n"] }]
+                        ButtonModule, ReactiveFormsModule, GeneralPipe, InputTextareaModule, ConfirmPopupModule, ButtonModule, ConfirmDialogModule, PopupEditorFormulaComponent], providers: [MessageService, ConfirmationService], template: "<p-confirmDialog #cd key=\"eliminar\">\n    <ng-template pTemplate=\"footer\">\n        <div class=\"mt-3\">\n            <button type=\"button\"\n                class=\"p-button-outlined-button-secondary p-button-outlined p-button p-component\" pButton\n                icon=\"pi pi-times\" label=\"No\" (click)=\"cd.reject()\"></button>\n            <button type=\"button\" pButton icon=\"pi pi-check\" label=\"Si\" class=\"p-button-raised\"\n                (click)=\"cd.accept()\"></button>\n        </div>\n    </ng-template>\n</p-confirmDialog>\n@if(vistaVisualizar == null){\n<h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <app-filtro-general [filtros]=\"filters\" [datatable]=\"tablaGeneral\">\n        <ng-template let-form>\n            <ng-container [formGroup]=\"form\">\n                <span class=\"p-float-label\">\n                    <input pInputText autofocus type=\"text\" id=\"descripcion\" formControlName=\"descripcion\"\n                        autocomplete=\"off\" />\n                    <label for=\"descripcion\">{{'filtro' | translate}}</label>\n                </span>\n            </ng-container>\n        </ng-template>\n    </app-filtro-general>\n    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevo()\" icon=\"pi pi-plus\"\n        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n</div>\n<app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginador\" [rows]=\"paginator.rows\"\n    [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"load($event)\" (onRowSelect)=\"verDetalle($event)\"\n    [loading]=\"loading\"></app-tabla-general>\n}\n@if(vistaVisualizar != null){\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1>{{'fuente' | translate}} {{'reporte'| translate}}</h1>\n    <button pButton pRipple (click)=\"regresar()\" label=\"Regresar\" icon=\"pi pi-chevron-left\"\n        class=\"p-button-text font-semibold\"></button>\n</div>\n<p-tabView [(activeIndex)]=\"tabPrincipal\">\n    <p-tabPanel header=\"{{ 'fuente'| translate}}\">\n        <div class=\"card\">\n            <div class=\"mt-4\">\n                <h5><i class=\"glyphicons glyphicons-book\"></i>{{'datos'| translate}} {{'basicos'| translate}}</h5>\n            </div>\n\n            <div class=\"p-fluid p-formgrid grid\">\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <input pInputText autofocus type=\"text\" id=\"peso\" [(ngModel)]=\"fuente.descripcion\"\n                        [class.ng-dirty]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                        [class.ng-invalid]=\"(!utilsService.validarCampoObligatorio(fuente.descripcion) && clickGuardar)\"\n                            autocomplete=\"off\" />\n                        <label for=\"peso\">{{'nombre' | translate}}</label>\n                    </span>\n                </div>\n\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <span class=\"p-float-label\">\n                        <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"query\"\n                            [class.ng-dirty]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            [class.ng-invalid]=\"((!isQueryValido() && clickGuardar) || errorQuery)\"\n                            autofocus [autoResize]=\"true\"> </textarea>\n                        <label for=\"descripcion\">{{'consulta' | translate}}\n                        </label>\n                    </span>\n                </div>\n                \n            </div>\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button> \n                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\" *ngIf=\"\"\n                    label=\"{{'link_guardar' | translate}}\" (click)=\"guardar()\">\n                </button>\n                <p-splitButton class=\"ml-2\" label=\"Acciones Fuente\" icon=\"glyphicons glyphicons-list\"\n                    [model]=\"menu\"></p-splitButton>\n            </div>\n        </div>\n        <div class=\"flex justify-content-end mb-2\">\n            <button pButton pRipple class=\"ml-2 p-button p-button-secondary\" icon=\"glyphicons glyphicons-floppy-save\"\n                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCampos()\">\n            </button>\n        </div>\n\n        <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"campos\" [scrollable]=\"true\"\n            [totalRecords]=\"campos.length\" [paginator]=\"campos.length > 10\" [rows]=\"10\"\n            scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\" scrollDirection=\"horizontal\"\n            styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\" editMode=\"row\"\n            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n            dataKey=\"llaveTabla\">\n            <ng-template pTemplate=\"header\">\n                <tr>\n                    <th style=\"width:25%\">{{'nombre' | translate}}</th>\n                    <th style=\"width:25%\">{{'sintaxis' | translate}}</th>\n                    <th style=\"width:25%\">{{'tipo' | translate}} de {{'dato' | translate}}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-campo let-editing=\"editing\" let-ri=\"rowIndex\">\n                <tr [pEditableRow]=\"campo\">\n                    <td style=\"width:25%\">\n                        <input pInputText type=\"text\" [(ngModel)]=\"campo.nombre \" class=\"w-full\">\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                    <td style=\"width:25%\">\n                        {{campo.tipoDato}}\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr class=\"p-3 font-medium emptymessage\">\n                    <td colspan=\"5\">\n                        {{'mensajetablavacia' | translate}}\n                    </td>\n                </tr>\n            </ng-template>\n        </p-table>\n    </p-tabPanel>\n\n\n    <p-tabPanel header=\"{{ 'wizard'| translate}}\">\n        <p-steps [model]=\"items\" [readonly]=\"false\" [activeIndex]=\"actual\"></p-steps>\n\n        <div class=\"cardInstrucciones mt-4 mb-3\" style=\"margin-bottom: 0px !important;\">\n            <div class=\"flex align-items-center justify-content-between\">\n                <div class=\"flex\">\n                    <div class=\"icono\">\n                        <i class=\"pi pi-bell\"></i>\n                    </div>\n                    <div class=\"contenedor\" style=\"margin-top: 2%;\">\n                        <label>{{mapaMensajes?.get(actual)}}</label>\n                    </div>\n                </div>\n                <div class=\"flex align-items-center justify-content-end\">\n                    <p-button (onClick)=\"anterior()\" [rounded]=\"true\" icon=\"pi pi-angle-left\" class=\"p-button-outlined\"\n                         pTooltip=\"Anterior\" tooltipPosition=\"top\" placeholder=\"Top\"\n                        [outlined]=\"true\" [disabled]=\"actual <= 0\" />\n                    <p-button (onClick)=\"siguiente()\" [rounded]=\"true\" icon=\"pi pi-angle-right\" class=\"p-button-outlined\"\n                     [outlined]=\"true\" *ngIf=\"actual != 3\"\n                        [pTooltip]=\"actual  === 3 ? 'Terminar': 'Siguiente'\" tooltipPosition=\"top\" placeholder=\"Top\" />\n\n                    <button pButton label=\"{{'terminar' | translate}}\" icon=\"pi pi-angle-right\" (click)=\"siguiente()\"\n                        *ngIf=\"actual === 3\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary p-2 ml-2\"></button>\n                </div>\n            </div>\n        </div>\n        <p-progressBar mode=\"indeterminate\" [style]=\"{ height: '3px' }\" *ngIf=\"cargarPaso\" />\n\n        <div class=\"mt-2\" *ngIf=\"!cargarPaso\">\n            @if(actual === 0){\n            <div class=\"flex justify-content-end mb-2\">\n                <button pButton label=\"{{'fuente' | translate}}\" icon=\"pi pi-plus\" (click)=\"buscarTabla()\"\n                    class=\"p-ripple p-element p-button p-component p-button-secondary mb-2 mt-3\"></button>\n            </div>\n            <div>\n\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"tablasFrom\" [scrollable]=\"true\"\n                    [totalRecords]=\"tablasFrom.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"tablasFrom.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"llave\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                            <th style=\"width:25%\">{{'alias' | translate}}</th>\n                            <th style=\"width:25%\"> </th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"tabla\">\n                            <td style=\"width:25%\">\n                                {{tabla.tabla}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.alias}}\n                            </td>\n                            <td class=\"flex justify-content-end\">\n                                <div>\n                                    <!-- ELIMINAR -->\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarTabla(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </div>\n\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n            @if(actual == 1){\n            <div class=\"mt-3\">\n                <h4>{{'foranea'| translate}}</h4>\n                <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"foraneas\" [scrollable]=\"true\"\n                selectionMode=\"single\" scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                editMode=\"row\" (onRowSelect)=\"adicionarForanea($event)\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"true\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'tabla' | translate}}</th>\n                        <th style=\"width:25%\">{{'campo' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                    <tr [pSelectableRow]=\"tabla\">\n                        <td style=\"width:25%\">\n                            {{tabla.alias1}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.alias2}}\n                        </td>\n                        <td style=\"width:25%\">\n                            {{tabla.llave.nombre}}\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr class=\"p-3 font-medium emptymessage\">\n                        <td colspan=\"5\">\n                            {{'mensajetablavacia' | translate}}\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n            </div>\n            \n            <div class=\"card mt-3\">\n                <div class=\"tabla-planta-personal\"\n                    style=\"padding: 0% !important;background: transparent !important;height: auto !important;\">\n                    <div class=\"flex justify-content-between align-items-center mb-2 mt-2\">\n                        <h4>{{'join'| translate}}</h4>\n                        <button pButton label=\"{{'agregar' | translate}} {{'join' | translate}}\" (click)=\"nuevoJoin()\"\n                            icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                    </div>\n                    <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"joinsFrom\" [scrollable]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                        scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                        editMode=\"row\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        [lazy]=\"true\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th style=\"width:45%\">{{'campo' | translate}} 1</th>\n                                <th style=\"width:5%\">{{'=' | translate}}</th>\n                                <th style=\"width:45%\">{{'campo' | translate}} 2</th>\n                                <th>{{'' | translate}}</th>\n                            </tr>\n                            <tr class=\" TablaNuevoRegistro\" *ngIf=\"verNuevoJoin\">\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaColumnas\" optionValue=\"value\" [(ngModel)]=\"col1\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\" (onChange)=\"cambioJoin($event)\"></p-dropdown>\n                                </td>\n                                <td style=\"width:5%\">=</td>\n                                <td style=\"width:45%\">\n                                    <p-dropdown [options]=\"listaJoin\" optionValue=\"value\" [(ngModel)]=\"col2\"\n                                        appendTo=\"body\" [autoZIndex]=\"false\" [autoDisplayFirst]=\"false\"\n                                        optionLabel=\"label\"></p-dropdown>\n                                </td>\n\n                                <td class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"adicionarJoin()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-success mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <button pButton pRipple type=\"button\" (click)=\"cancelarNuevoJoin()\"\n                                        icon=\"pi pi-times\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-danger mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-tabla let-editing=\"editing\" let-ri=\"rowIndex\">\n                            <tr [pEditableRow]=\"tabla\">\n                                <td style=\"width:45%\">\n                                    {{tabla.columna1}}\n                                </td>\n                                <td style=\"width:5%\">\n                                    {{'='}}\n                                </td>\n                                <td style=\"width:45%\">\n                                    {{tabla.columna2}}\n                                </td>\n                                <td>\n                                    <button pButton pRipple type=\"button\" pDeleteEditableRow icon=\"pi pi-trash\"\n                                        (click)=\"eliminarJoin(tabla)\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-outlined mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr class=\"p-3 font-medium emptymessage\">\n                                <td colspan=\"5\">\n                                    {{'mensajetablavacia' | translate}}\n                                </td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n\n\n\n            }\n            @if(actual == 2){\n\n            <div class=\"card\">\n                <div class=\"mt-4\">\n                    <h5><i class=\"glyphicons glyphicons-book\"></i>{{'where'| translate}}</h5>\n                </div>\n\n                <div class=\"p-fluid p-formgrid grid\">\n                \n                    <div class=\"field col-12 md:col-12 lg:col-12\">\n                        <div class=\"col-12 flex p-0\">\n                            <span class=\"p-float-label w-full\">\n                                <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                                    [(ngModel)]=\"fuente.whereAdicional\" autofocus [autoResize]=\"true\"> </textarea>\n                                <label for=\"descripcion\">{{'consulta' | translate}}\n                                </label>\n                            </span>\n                            <!-- VER ATRIBUTOS -->\n                            <button pButton pRipple class=\"m-2 mb-1 p-button p-button-rounded p-button-secondary\"\n                                icon=\"glyphicons glyphicons-justify\" (click)=\"editarWhere()\" pTooltip=\"{{'atributo' | translate}}s\"\n                                tooltipPosition=\"bottom\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- <div class=\"flex justify-content-end\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-floppy-save\" label=\"{{'link_guardar' | translate}}\"\n                        (click)=\"editarWhere()\">\n                    </button>\n                </div> -->\n            </div>\n\n            }\n            @if(actual == 3){\n            <div class=\"mt-3\">\n                <p-table id=\"tabla_lista_tipo_entidad\" [value]=\"camposSeleccionar\" [scrollable]=\"true\"\n                    [totalRecords]=\"camposSeleccionar.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"camposSeleccionar.length > 10\"\n                    [rows]=\"10\" [rowsPerPageOptions]=\"[10, 20, 30]\" styleClass=\"p-datatable-striped\"\n                    [showCurrentPageReport]=\"true\" editMode=\"row\"\n                    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"false\"\n                    dataKey=\"alias\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th style=\"width:25%\" alignFrozen=\"left\" pFrozenColumn>\n                                <p-checkbox [style]=\"{'margin-left': '1%','margin-right':'1%'}\"\n                                    [(ngModel)]=\"seleccionGeneral\" [binary]=\"true\" [ngModel]=\"todosSeleccionados()\"\n                                    (ngModelChange)=\"actualizarSeleccion($event)\"></p-checkbox>\n                                <span style=\"margin-left:1%\">{{'tabla' | translate}}</span>\n                            </th>\n                            <th style=\"width:25%\">{{'columna' | translate}}</th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-tabla>\n                        <tr>\n                            <td style=\"width:25%\">\n                                <p-checkbox class=\"mr-2 \" [(ngModel)]=\"tabla.seleccionado\" [binary]=\"true\"\n                                    inputId=\"binary\">\n                                </p-checkbox>\n                                {{tabla.columna.reporteFuente}}\n                            </td>\n                            <td style=\"width:25%\">\n                                {{tabla.columna.nombre}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr class=\"p-3 font-medium emptymessage\">\n                            <td colspan=\"5\">\n                                {{'mensajetablavacia' | translate}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </div>\n            }\n        </div>\n    </p-tabPanel>\n</p-tabView>\n\n}\n<app-popup-editor-formula #popupEditorFormula></app-popup-editor-formula>\n\n<app-popup-tablas-fuente #popupTablasFuenteUI\n    (aplicarDestinoOcultar)=\"setTablaSeleccionada($event)\"></app-popup-tablas-fuente>", styles: [":host ::ng-deep .botonCircular{background:var(--color-85);border:solid 1px var(--color-85);color:var(--color-400)}\n"] }]
         }], ctorParameters: () => [{ type: MenuService$1 }, { type: ToastService }, { type: ReportesService }, { type: GeneralService }, { type: UtilsService }, { type: i7.ConfirmationService }, { type: i7$1.TranslateService }, { type: i7.MessageService }, { type: GeneralPipe }], propDecorators: { popupTablasFuenteUI: [{
                 type: ViewChild,
                 args: ['popupTablasFuenteUI']
+            }], popupEditorFormula: [{
+                type: ViewChild,
+                args: ['popupEditorFormula']
             }] } });
 
 class PopupConvertirPlantillasComponent {