npm - general-library-union - Versions diffs - 2.4.77 → 2.4.78 - Mend

general-library-union 2.4.77 → 2.4.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/fesm2022/general-library-union.mjs CHANGED Viewed

@@ -38,7 +38,7 @@ import * as i3$2 from 'primeng/panelmenu';
 import { PanelMenuModule } from 'primeng/panelmenu';
 import * as i12$1 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import * as i15 from 'primeng/table';
+import * as i17 from 'primeng/table';
 import { TableModule, Table } from 'primeng/table';
 import * as i7$1 from '@ngx-translate/core';
 import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
@@ -57,7 +57,7 @@ import * as i12$2 from 'primeng/confirmpopup';
 import { ConfirmPopupModule } from 'primeng/confirmpopup';
 import * as i16 from 'primeng/inputtextarea';
 import { InputTextareaModule } from 'primeng/inputtextarea';
-import * as i17 from 'primeng/accordion';
+import * as i17$1 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
 import * as i14 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
@@ -69,7 +69,7 @@ import * as i7$3 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
 import * as i10$2 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
-import * as i15$1 from 'primeng/inputnumber';
+import * as i15 from 'primeng/inputnumber';
 import { InputNumberModule } from 'primeng/inputnumber';
 import jsPDF from 'jspdf';
 import 'jspdf-autotable';
@@ -77,19 +77,23 @@ import * as FileSaver from 'file-saver';
 import { Workbook } from 'exceljs';
 import * as i20 from 'primeng/fileupload';
 import { FileUploadModule } from 'primeng/fileupload';
-import * as i17$1 from 'primeng/tabview';
+import * as i17$2 from 'primeng/tabview';
 import { TabViewModule } from 'primeng/tabview';
 import * as i11$1 from 'primeng/menubar';
 import { MenubarModule } from 'primeng/menubar';
 import * as i7$4 from 'primeng/fieldset';
 import { FieldsetModule } from 'primeng/fieldset';
-import * as i15$2 from 'primeng/floatlabel';
+import * as i15$1 from 'primeng/floatlabel';
 import { FloatLabelModule } from 'primeng/floatlabel';
-import * as i20$1 from 'primeng/picklist';
+import * as i22 from 'primeng/picklist';
 import { PickListModule } from 'primeng/picklist';
+import * as i29 from 'primeng/chart';
+import { ChartModule } from 'primeng/chart';
+import * as i30 from 'primeng/colorpicker';
+import { ColorPickerModule } from 'primeng/colorpicker';
 import * as i5$2 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
-import * as i15$3 from 'primeng/splitbutton';
+import * as i15$2 from 'primeng/splitbutton';
 import { SplitButtonModule } from 'primeng/splitbutton';
 import * as i12$3 from 'primeng/steps';
 import { StepsModule } from 'primeng/steps';
@@ -5639,7 +5643,7 @@ class SeleccionRolComponent {
         this.regresar.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SeleccionRolComponent, deps: [{ token: i2.Router }, { token: StorageService }, { token: i3.CookieService }, { token: AuthService }, { token: UtilsService }, { token: CargarControlFuncionalidadService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SeleccionRolComponent, isStandalone: true, selector: "app-seleccion-rol", inputs: { mostrar: "mostrar", codigoAplicacion: "codigoAplicacion" }, outputs: { regresar: "regresar" }, ngImport: i0, template: "<p-dialog id='popupSeleccionPlantilla' header=\"Perfil\" [(visible)]=\"mostrar\" appendTo=\"body\"\n    (onHide)=\"regresarRegistro()\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{'min-width':'20vw'}\"\n    [modal]=\"true\" [draggable]=\"false\">\n\n    <span class=\"p-input-icon-left mb-3 w-full\">\n        <i class=\"pi pi-search\"></i>\n        <input class=\" w-full p-inputtext\" type=\"text\" pInputText [(ngModel)]=\"parametroBusqueda\" (keyup.enter)=\"cargarListadoFiltro()\" />\n    </span>\n\n    <!-- Contenido -->\n    <div class=\"flex mb-3\">\n        <!--Empresa -->\n        <div class=\"flex align-items-center mr-4\" pTooltip=\"Empresa\" tooltipPosition=\"top\"\n            *ngIf=\"getNombreEmpresa() != null\">\n            <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-building color-400\"></i>\n            <label class=\"font-semibold\" htmlFor=\"id_empresa\"> {{getNombreEmpresa() | uppercase}}</label>\n            <!-- <label htmlFor=\"empresa\">{{'empresa' | translate}}</label> -->\n        </div>\n        <!--Conexion -->\n        <div class=\"flex align-items-center mr-4\" pTooltip=\"Conexi\u00F3n\" tooltipPosition=\"top\"\n            *ngIf=\"getNombreConexion() != null\">\n            <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-book color-400 font-semibold\"></i>\n            <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreConexion() | uppercase}}</label>\n\n        </div>\n        <!--Rol -->\n        <div class=\"flex align-items-center\" pTooltip=\"Rol\" tooltipPosition=\"top\" *ngIf=\"getNombreRol() != null\">\n            <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-user color-400\"></i>\n            <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreRol()}}</label>\n        </div>\n    </div>\n\n    <p-table [value]=\"filtrolRolesConexionEmpresa\" responsiveLayout=\"scroll\" [paginator]=\"listRoles.length > 10\" [rows]=\"10\"\n        [(selection)]=\"rolSeleccionado\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction()\" selectionMode=\"single\">\n        <!-- header de la tabla de seleccion rol -->\n        <ng-template pTemplate=\"header\">\n            <tr class=\"fondoTablaPincipal\">\n                <th *ngIf=\"getNombreEmpresa()  == null\">Nombre Empresa</th>\n                <th *ngIf=\"getNombreConexion()  == null\">Conexi\u00F3n</th>\n                <th *ngIf=\"getNombreRol()  == null\">Rol</th>\n            </tr>\n        </ng-template>\n        <!-- cuerpo de la tabla -->\n        <ng-template pTemplate=\"body\" let-rol let-rowIndex=\"rowIndex\">\n            <tr [pSelectableRow]=\"rol\">\n                <td *ngIf=\"getNombreEmpresa() == null\" style=\"min-width: 200px\">\n                    {{rol.nombreEmpresa}}\n                </td>\n                <td *ngIf=\"getNombreConexion()  == null\" style=\"min-width: 200px\">\n                    {{ rol.nombreConexion}}\n                </td>\n                <td *ngIf=\"getNombreRol()  == null\" style=\"min-width: 200px\">\n                    {{ rol.nombreRol }}\n                </td>\n            </tr>\n        </ng-template>\n    </p-table>\n</p-dialog>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";#SelecionRol .card.cajaSeleccionRol{padding:1.5% 3%;height:100vh}#SelecionRol h5{margin-bottom:1.5%}#SelecionRol th{background:transparent;color:#fff;font-size:1.2em;font-weight:600}#SelecionRol tr.headerTable{background:linear-gradient(to right,var(--color1),var(--color2));padding:1% 1% .5%;border-radius:10px 10px 0 0}#SelecionRol tr.empresa.ng-star-inserted{border:solid #E9EAEB 1px}#SelecionRol tr.empresa.ng-star-inserted th{color:#232323;font-weight:300;font-size:1em;padding:.8% 2%}#SelecionRol tr.p-rowgroup-header.p-element.ng-star-inserted{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.18);color:#232323;font-weight:600}#SelecionRol .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.05 !important)}\n"], 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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: SeleccionRolComponent, isStandalone: true, selector: "app-seleccion-rol", inputs: { mostrar: "mostrar", codigoAplicacion: "codigoAplicacion" }, outputs: { regresar: "regresar" }, ngImport: i0, template: "<p-dialog id='popupSeleccionPlantilla' header=\"Perfil\" [(visible)]=\"mostrar\" appendTo=\"body\"\n    (onHide)=\"regresarRegistro()\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{'min-width':'20vw'}\"\n    [modal]=\"true\" [draggable]=\"false\">\n\n    <span class=\"p-input-icon-left mb-3 w-full\">\n        <i class=\"pi pi-search\"></i>\n        <input class=\" w-full p-inputtext\" type=\"text\" pInputText [(ngModel)]=\"parametroBusqueda\" (keyup.enter)=\"cargarListadoFiltro()\" />\n    </span>\n\n    <!-- Contenido -->\n    <div class=\"flex mb-3\">\n        <!--Empresa -->\n        <div class=\"flex align-items-center mr-4\" pTooltip=\"Empresa\" tooltipPosition=\"top\"\n            *ngIf=\"getNombreEmpresa() != null\">\n            <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-building color-400\"></i>\n            <label class=\"font-semibold\" htmlFor=\"id_empresa\"> {{getNombreEmpresa() | uppercase}}</label>\n            <!-- <label htmlFor=\"empresa\">{{'empresa' | translate}}</label> -->\n        </div>\n        <!--Conexion -->\n        <div class=\"flex align-items-center mr-4\" pTooltip=\"Conexi\u00F3n\" tooltipPosition=\"top\"\n            *ngIf=\"getNombreConexion() != null\">\n            <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-book color-400 font-semibold\"></i>\n            <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreConexion() | uppercase}}</label>\n\n        </div>\n        <!--Rol -->\n        <div class=\"flex align-items-center\" pTooltip=\"Rol\" tooltipPosition=\"top\" *ngIf=\"getNombreRol() != null\">\n            <i style=\"font-size: 1.2rem !important\" class=\"glyphicons glyphicons-user color-400\"></i>\n            <label class=\"font-semibold\" htmlFor=\"id_rol\"> {{getNombreRol()}}</label>\n        </div>\n    </div>\n\n    <p-table [value]=\"filtrolRolesConexionEmpresa\" responsiveLayout=\"scroll\" [paginator]=\"listRoles.length > 10\" [rows]=\"10\"\n        [(selection)]=\"rolSeleccionado\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction()\" selectionMode=\"single\">\n        <!-- header de la tabla de seleccion rol -->\n        <ng-template pTemplate=\"header\">\n            <tr class=\"fondoTablaPincipal\">\n                <th *ngIf=\"getNombreEmpresa()  == null\">Nombre Empresa</th>\n                <th *ngIf=\"getNombreConexion()  == null\">Conexi\u00F3n</th>\n                <th *ngIf=\"getNombreRol()  == null\">Rol</th>\n            </tr>\n        </ng-template>\n        <!-- cuerpo de la tabla -->\n        <ng-template pTemplate=\"body\" let-rol let-rowIndex=\"rowIndex\">\n            <tr [pSelectableRow]=\"rol\">\n                <td *ngIf=\"getNombreEmpresa() == null\" style=\"min-width: 200px\">\n                    {{rol.nombreEmpresa}}\n                </td>\n                <td *ngIf=\"getNombreConexion()  == null\" style=\"min-width: 200px\">\n                    {{ rol.nombreConexion}}\n                </td>\n                <td *ngIf=\"getNombreRol()  == null\" style=\"min-width: 200px\">\n                    {{ rol.nombreRol }}\n                </td>\n            </tr>\n        </ng-template>\n    </p-table>\n</p-dialog>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";#SelecionRol .card.cajaSeleccionRol{padding:1.5% 3%;height:100vh}#SelecionRol h5{margin-bottom:1.5%}#SelecionRol th{background:transparent;color:#fff;font-size:1.2em;font-weight:600}#SelecionRol tr.headerTable{background:linear-gradient(to right,var(--color1),var(--color2));padding:1% 1% .5%;border-radius:10px 10px 0 0}#SelecionRol tr.empresa.ng-star-inserted{border:solid #E9EAEB 1px}#SelecionRol tr.empresa.ng-star-inserted th{color:#232323;font-weight:300;font-size:1em;padding:.8% 2%}#SelecionRol tr.p-rowgroup-header.p-element.ng-star-inserted{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.18);color:#232323;font-weight:600}#SelecionRol .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:rgb(var(--RCOL1),var(--GCOL1),var(--BCOL1),.05 !important)}\n"], 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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.UpperCasePipe, name: "uppercase" }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: SeleccionRolComponent, decorators: [{
             type: Component,
@@ -6026,7 +6030,7 @@ class TablaGeneralComponent {
         return new Date(obj);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TablaGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: TablaGeneralComponent, isStandalone: true, selector: "app-tabla-general", inputs: { dataKey: "dataKey", value: "value", columns: "columns", rows: "rows", totalRecords: "totalRecords", loading: "loading", ocultarFraccionador: "ocultarFraccionador" }, outputs: { onLoad: "onLoad", onRowSelect: "onRowSelect" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "table", first: true, predicate: Table, descendants: true }], ngImport: i0, template: "<p-table\n  [dataKey]=\"dataKey\"\n  [value]=\"value\"\n  [columns]=\"columns\"\n  selectionMode=\"single\"\n  [scrollable]=\"true\"\n  responsiveLayout=\"scroll\"\n  scrollDirection=\"horizontal\"\n  styleClass=\"p-datatable-striped\"\n  [ngClass]=\"{ 'show-frozen': showFrozen }\"\n  [paginator]=\"totalRecords > rows\"\n  [rows]=\"rows\"\n  [totalRecords]=\"totalRecords\"\n  [rowsPerPageOptions]=\"ocultarFraccionador ? null : [10, 20, 50]\"\n  [showCurrentPageReport]=\"true\"\n  currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n  [lazy]=\"true\" [loading]=\"loading\"\n  (onLazyLoad)=\"onLoad.emit($event)\"\n  (onRowSelect)=\"onRowSelect.emit($event.data)\"\n  (onRowUnselect)=\"onRowSelect.emit($event.data)\"\n>\n  <!-- Header Template-->\n  <ng-template pTemplate=\"header\" let-columns>\n    <ng-container *ngIf=\"headerTemplate; else header\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: columns }\"></ng-container>\n    </ng-container>\n    <ng-template #header>\n      <tr>\n        <ng-container *ngFor=\"let col of columns\">\n          <ng-container *ngIf=\"col.isFrozen; else headCell\">\n            <th [style.font-weight]=\"500\" [style.width.px]=\"col.width || 200\" [style.flex]=\"'0 1 auto'\" pFrozenColumn>\n              {{ col.header | titlecase }}\n            </th>\n          </ng-container>\n          <ng-template #headCell>\n            <th [style.width.px]=\"col.width || 200\" [style.flex]=\"(col.flexGrow || 1) + ' 1 auto'\">\n              {{ col.header | titlecase }}\n            </th>\n          </ng-template>\n        </ng-container>\n      </tr>\n    </ng-template>\n  </ng-template>\n\n  <!-- Body Template-->\n  <ng-template\n    pTemplate=\"body\"\n    let-row\n    let-rowIndex=\"rowIndex\"\n    let-columns=\"columns\"\n    let-expanded=\"expanded\"\n    let-rowgroup=\"rowgroup\"\n    let-rowspan=\"rowspan\"\n  >\n    <ng-container *ngIf=\"bodyTemplate; else body\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          bodyTemplate;\n          context: { $implicit: row, rowIndex: rowIndex, columns: columns, expanded: expanded, rowgroup: rowgroup, rowspan: rowspan }\n        \"\n      ></ng-container>\n    </ng-container>\n    <ng-template #body>\n      <tr [pSelectableRow]=\"row\">\n        <ng-container *ngFor=\"let col of columns\">\n          <ng-container *ngIf=\"col.isFrozen; else bodyCell\">\n            <td [style.font-weight]=\"500\" [style.width.px]=\"col.width || 200\" [style.flex]=\"'0 1 auto'\" pFrozenColumn>\n              <ng-container *ngIf=\"col.values; else plainData\">\n                {{ col.values[row[col.field]] }}\n              </ng-container>\n            </td>\n          </ng-container>\n          <ng-template #bodyCell>\n            <td [style.width.px]=\"col.width || 200\" [style.flex]=\"(col.flexGrow || 1) + ' 1 auto'\">\n              <ng-container *ngIf=\"col.values; else plainData\">\n                {{ col.values[row[col.field]] }}\n              </ng-container>\n            </td>\n          </ng-template>\n          <ng-template #plainData>{{col.formatDate ? (parseDate(row[col.field]) | date : ('formatofecha' | translate )) : row[col.field] }}</ng-template>\n        </ng-container>\n      </tr>\n    </ng-template>\n  </ng-template>\n  <ng-template pTemplate=\"emptymessage\">\n    <tr>\n        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PaginatorModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: TablaGeneralComponent, isStandalone: true, selector: "app-tabla-general", inputs: { dataKey: "dataKey", value: "value", columns: "columns", rows: "rows", totalRecords: "totalRecords", loading: "loading", ocultarFraccionador: "ocultarFraccionador" }, outputs: { onLoad: "onLoad", onRowSelect: "onRowSelect" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "table", first: true, predicate: Table, descendants: true }], ngImport: i0, template: "<p-table\n  [dataKey]=\"dataKey\"\n  [value]=\"value\"\n  [columns]=\"columns\"\n  selectionMode=\"single\"\n  [scrollable]=\"true\"\n  responsiveLayout=\"scroll\"\n  scrollDirection=\"horizontal\"\n  styleClass=\"p-datatable-striped\"\n  [ngClass]=\"{ 'show-frozen': showFrozen }\"\n  [paginator]=\"totalRecords > rows\"\n  [rows]=\"rows\"\n  [totalRecords]=\"totalRecords\"\n  [rowsPerPageOptions]=\"ocultarFraccionador ? null : [10, 20, 50]\"\n  [showCurrentPageReport]=\"true\"\n  currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n  [lazy]=\"true\" [loading]=\"loading\"\n  (onLazyLoad)=\"onLoad.emit($event)\"\n  (onRowSelect)=\"onRowSelect.emit($event.data)\"\n  (onRowUnselect)=\"onRowSelect.emit($event.data)\"\n>\n  <!-- Header Template-->\n  <ng-template pTemplate=\"header\" let-columns>\n    <ng-container *ngIf=\"headerTemplate; else header\">\n      <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: columns }\"></ng-container>\n    </ng-container>\n    <ng-template #header>\n      <tr>\n        <ng-container *ngFor=\"let col of columns\">\n          <ng-container *ngIf=\"col.isFrozen; else headCell\">\n            <th [style.font-weight]=\"500\" [style.width.px]=\"col.width || 200\" [style.flex]=\"'0 1 auto'\" pFrozenColumn>\n              {{ col.header | titlecase }}\n            </th>\n          </ng-container>\n          <ng-template #headCell>\n            <th [style.width.px]=\"col.width || 200\" [style.flex]=\"(col.flexGrow || 1) + ' 1 auto'\">\n              {{ col.header | titlecase }}\n            </th>\n          </ng-template>\n        </ng-container>\n      </tr>\n    </ng-template>\n  </ng-template>\n\n  <!-- Body Template-->\n  <ng-template\n    pTemplate=\"body\"\n    let-row\n    let-rowIndex=\"rowIndex\"\n    let-columns=\"columns\"\n    let-expanded=\"expanded\"\n    let-rowgroup=\"rowgroup\"\n    let-rowspan=\"rowspan\"\n  >\n    <ng-container *ngIf=\"bodyTemplate; else body\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          bodyTemplate;\n          context: { $implicit: row, rowIndex: rowIndex, columns: columns, expanded: expanded, rowgroup: rowgroup, rowspan: rowspan }\n        \"\n      ></ng-container>\n    </ng-container>\n    <ng-template #body>\n      <tr [pSelectableRow]=\"row\">\n        <ng-container *ngFor=\"let col of columns\">\n          <ng-container *ngIf=\"col.isFrozen; else bodyCell\">\n            <td [style.font-weight]=\"500\" [style.width.px]=\"col.width || 200\" [style.flex]=\"'0 1 auto'\" pFrozenColumn>\n              <ng-container *ngIf=\"col.values; else plainData\">\n                {{ col.values[row[col.field]] }}\n              </ng-container>\n            </td>\n          </ng-container>\n          <ng-template #bodyCell>\n            <td [style.width.px]=\"col.width || 200\" [style.flex]=\"(col.flexGrow || 1) + ' 1 auto'\">\n              <ng-container *ngIf=\"col.values; else plainData\">\n                {{ col.values[row[col.field]] }}\n              </ng-container>\n            </td>\n          </ng-template>\n          <ng-template #plainData>{{col.formatDate ? (parseDate(row[col.field]) | date : ('formatofecha' | translate )) : row[col.field] }}</ng-template>\n        </ng-container>\n      </tr>\n    </ng-template>\n  </ng-template>\n  <ng-template pTemplate=\"emptymessage\">\n    <tr>\n        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: [""], dependencies: [{ 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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i17.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PaginatorModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: TablaGeneralComponent, decorators: [{
             type: Component,
@@ -6409,14 +6413,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
 class EjecucionReporteService {
     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) {
@@ -6435,59 +6439,56 @@ class EjecucionReporteService {
         // Return an observable with a user-facing error message.
         return throwError(() => new Error('Something bad happened; please try again later.'));
     }
-    getUrl() {
-        return this.cookieService.get('urlnucleo');
-    }
     getDatosEjecucionReporte(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/consultar`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/consultar`, reporte).pipe(catchError(this.handleError));
     }
     guardarReporte(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/guardarReporte`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/guardarReporte`, reporte).pipe(catchError(this.handleError));
     }
     eliminarReporte(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/eliminarReporte`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/eliminarReporte`, reporte).pipe(catchError(this.handleError));
     }
     consultarListas() {
-        return this.httpClient.get(`${this.getUrl()}/requieretoken/reporte/consultarListas`).pipe(catchError(this.handleError));
+        return this.httpClient.get(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/consultarListas`).pipe(catchError(this.handleError));
     }
     guardarEntrada(entrada) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/guardarEntrada`, entrada).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/guardarEntrada`, entrada).pipe(catchError(this.handleError));
     }
     cargarCampos(entrada) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/cargarCampos`, entrada).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/cargarCampos`, entrada).pipe(catchError(this.handleError));
     }
     construirColumnas(entrada) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/construirColumnas`, entrada).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/construirColumnas`, entrada).pipe(catchError(this.handleError));
     }
     generarJasper(llaveReporte, jasper) {
         let formData = new FormData();
         formData.append("llaveReporte", llaveReporte);
         formData.append("jasper", jasper);
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/generarJasper`, formData).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/generarJasper`, formData).pipe(catchError(this.handleError));
     }
     eliminarEjecucionReporte(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/eliminarEjecucionReporte`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/eliminarEjecucionReporte`, reporte).pipe(catchError(this.handleError));
     }
     obtenerListaEntradaEjecucion(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/obtenerListaEntradaEjecucion`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/obtenerListaEntradaEjecucion`, reporte).pipe(catchError(this.handleError));
     }
     obtenerSentencia(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/obtenerSentencia`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/obtenerSentencia`, reporte).pipe(catchError(this.handleError));
     }
     enviarSegundoPlano(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/enviarSegundoPlano`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/enviarSegundoPlano`, reporte).pipe(catchError(this.handleError));
     }
     descargarReporte(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/descargarReporte`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/descargarReporte`, reporte).pipe(catchError(this.handleError));
     }
     generarTabla(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/generarTabla`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/generarTabla`, reporte).pipe(catchError(this.handleError));
     }
     actualizarReporteColumnaOrden(reporte) {
-        return this.httpClient.post(`${this.getUrl()}/requieretoken/reporte/actualizarReporteColumnaOrden`, reporte).pipe(catchError(this.handleError));
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/actualizarReporteColumnaOrden`, reporte).pipe(catchError(this.handleError));
     }
     descargarArchivo(parametroGeneral) {
-        const url = `${this.getUrl()}/requieretoken/generalSara/descargarArchivo`;
+        const url = `${this.utilsService.obtenerUrlApi()}/requieretoken/generalSara/descargarArchivo`;
         return this.httpClient.post(url, parametroGeneral, {
             responseType: 'blob',
             headers: {
@@ -6496,7 +6497,7 @@ class EjecucionReporteService {
         });
     }
     descargarArchivoMasivo(parametroGeneral) {
-        const url = `${this.getUrl()}/requieretoken/generalSara/descargarArchivoMasivo`;
+        const url = `${this.utilsService.obtenerUrlApi()}/requieretoken/generalSara/descargarArchivoMasivo`;
         return this.httpClient.post(url, parametroGeneral, {
             responseType: 'blob',
             headers: {
@@ -6504,7 +6505,10 @@ class EjecucionReporteService {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EjecucionReporteService, deps: [{ token: i1.HttpClient }, { token: ErrorIntecertorService }, { token: i3.CookieService }], target: i0.ɵɵFactoryTarget.Injectable });
+    verGrafico(reporte) {
+        return this.httpClient.post(`${this.utilsService.obtenerUrlApi()}/requieretoken/reporte/verGrafico`, reporte).pipe(catchError(this.handleError));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EjecucionReporteService, 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: EjecucionReporteService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: EjecucionReporteService, decorators: [{
@@ -6512,7 +6516,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 FechaUtilsService {
     httpClient;
@@ -6529,9 +6533,6 @@ class FechaUtilsService {
         this.utilService = utilService;
         this.handleError = this.handleError.bind(this);
     }
-    getUrl() {
-        return this.cookieService.get('urlnucleo');
-    }
     handleError(error) {
         if (error.status === 500) {
             //Llamado a interceptor
@@ -7202,7 +7203,7 @@ class FuenteGeneralServicioComponent {
         return result;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FuenteGeneralServicioComponent, deps: [{ token: FuenteGeneralService }, { token: FuentePipe }, { token: GeneralPipe }, { token: GeneralService }, { token: cargarmapasGlobal }, { token: ToastService }, { token: i7.ConfirmationService }, { token: i1$1.FormBuilder }, { token: UtilsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: FuenteGeneralServicioComponent, isStandalone: true, selector: "app-fuente-general-servicio", inputs: { fuenteGeneral: "fuenteGeneral", fuenteServicioDTO: "fuenteServicioDTO", unica: "unica", servicios: "servicios", camposFuente: "camposFuente", isNew: "isNew", fuente: "fuente" }, outputs: { regresar: "regresar" }, providers: [MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"cargar\">\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1>{{ 'servicio'| translate}} {{ 'fuente'| translate}}</h1>\n    <button pButton pRipple (click)=\"ocultar()\" label=\"Regresar\" icon=\"pi pi-chevron-left\"\n        class=\"p-button-text font-semibold\"></button>\n</div>\n    <div class=\"card\">\n        <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'basica' | translate}}</h5>\n        <div class=\"field col-12 md:col-12 lg:col-12\">\n            <div class=\"Inputgroup m-0 mb-3\">\n                <form [formGroup]=\"formulario\">\n                    <div class=\"p-fluid grid\">\n\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <p-dropdown [options]=\"mapaservicio\" [autoDisplayFirst]=\"false\" optionValue=\"key\"\n                                    optionLabel=\"label\" [showClear]=\"true\" formControlName=\"servicio\"\n                                    [disabled]=\"!isNew\">\n                                </p-dropdown>\n                                <label for=\"descripcion\">{{'servicio' | translate}} *\n                                </label>\n                            </span>\n                        </div>\n\n                        <div class=\"field col-8 md:col-8 lg:col-8\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" pInputText autofocus formControlName=\"descripcion\" type=\"text\" />\n                                <label for=\"descripcion\">{{'descripcion' | translate}}\n                                </label>\n                            </span>\n                        </div>\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" pInputText autofocus type=\"text\" maxlength=\"3\"\n                                    formControlName=\"orden\" (input)=\"utilsService.validarCampoNumerico($event)\"\n                                    onkeypress='return event.charCode >= 48 && event.charCode <= 57' />\n                                <label for=\"descripcion\">{{'orden' | translate}} *\n                                </label>\n                            </span>\n                        </div>\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <p-dropdown [autoDisplayFirst]=\"false\" [options]=\"fuentePipe.LISTA_MOMENTOS\"\n                                    optionValue=\"codigo\" optionLabel=\"nombre\" [showClear]=\"true\"\n                                    formControlName=\"origen\">\n                                </p-dropdown>\n                                <label for=\"descripcion\">{{'momento' |\n                                    translate}}</label>\n                            </span>\n                        </div>\n\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <p-dropdown [autoDisplayFirst]=\"false\" [options]=\"generalPipe.LISTA_SINO\"\n                                    optionValue=\"codigo\" optionLabel=\"nombre\" [showClear]=\"false\"\n                                    formControlName=\"detenerServicio\">\n                                </p-dropdown>\n                                <label for=\"descripcion\">{{'detenerservicio' |\n                                    translate}} *</label>\n                            </span>\n                        </div>\n\n                        <div class=\"field col-6 md:col-6 lg:col-6\">\n                            <span class=\"p-float-label\">\n                                <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea autofocus\n                                    formControlName=\"filtro\" [autoResize]=\"true\"> </textarea>\n                                <label for=\"descripcion\">{{'condiciones' |\n                                    translate}}</label>\n                            </span>\n                        </div>\n                        <div class=\"field col-6 md:col-6 lg:col-6\">\n                            <span class=\"p-float-label\">\n                                <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea autofocus\n                                    [autoResize]=\"true\" formControlName=\"validador\"> </textarea>\n                                <label for=\"descripcion\">{{'validador' |\n                                    translate}}</label>\n                            </span>\n                        </div>\n\n                    </div>\n                  \n                </form>\n            </div>\n        </div>\n    </div>\n    <p-accordion *ngIf=\"cargandoFormulario\">\n    <p-accordionTab *ngIf=\"!isNew\">\n        <ng-template pTemplate=\"header\">\n            <i class=\"glyphicons glyphicons-notes-2\"></i>{{'campos' | translate}}\n        </ng-template>\n        <ng-template pTemplate=\"content\">\n            <!-- <div class=\"flex justify-content-end align-content-center mb-3 mt-2\">\n                <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardarCampos()\"\n                    icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\"></button>\n            </div> -->\n            <p-table [value]=\"campos\" responsiveLayout=\"scroll\" [scrollable]=\"true\" [rows]=\"paginator.rows\"\n                [paginator]=\"paginator.totalRecords > paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\n                [rowsPerPageOptions]=\"[5, 10, 15]\" scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th class=\"w-6rem\">{{'atributo' | translate}}</th>\n                        <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                        <th class=\"w-6rem\">{{'homologacion' | translate}}</th>\n                        <th class=\"w-6rem\">{{'formula' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-element>\n                    <tr>\n                        <td class=\"w-6rem\">\n                            {{element.campo.atributo}} {{element.campo.obligatorio ? '*': ''}}\n                            {{element.error}}\n                        </td>\n                        <td class=\"w-6rem\">\n                            {{element.campo.descripcion}}\n                        </td>\n                        <td class=\"w-6rem\">\n                            <p-dropdown [options]=\"homologaciones\" optionValue=\"key\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"label\" class=\"w-full\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                [(ngModel)]=\"element.campo.homologacion\"></p-dropdown>\n                        </td>\n                        <td class=\"w-6rem\">\n                            <textarea class=\"w-full\" id=\"float-input\" rows=\"1\" cols=\"5\" pInputTextarea  \n                                [(ngModel)]=\"element.campo.valorDefecto\" autofocus [autoResize]=\"true\"> </textarea>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <p class=\"p-3 font-medium emptymessage\">\n                        {{'mensajetablavacia' | translate}}\n                    </p>\n                </ng-template>\n            </p-table>\n        </ng-template>\n    </p-accordionTab>\n</p-accordion>\n<div class=\"flex justify-content-end align-content-center mt-3\">\n    <button pButton pRipple class=\"ml-2 p-button-raised\" *ngIf=\"!isNew\" (click)=\"guardar()\"\n        icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\"></button>\n    <button pButton pRipple class=\"ml-2 p-button-raised\" *ngIf=\"isNew\" (click)=\"guardar()\"\n        icon=\"glyphicons glyphicons-floppy-save\" label=\"Guardar\"></button>\n    <button pButton pRipple class=\"ml-2  p-button-outlined\" (click)=\"eliminar($event)\"\n        icon=\"glyphicons glyphicons-bin\" label=\"Eliminar\" *ngIf=\"!isNew\"></button>\n</div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: FuenteGeneralServicioComponent, isStandalone: true, selector: "app-fuente-general-servicio", inputs: { fuenteGeneral: "fuenteGeneral", fuenteServicioDTO: "fuenteServicioDTO", unica: "unica", servicios: "servicios", camposFuente: "camposFuente", isNew: "isNew", fuente: "fuente" }, outputs: { regresar: "regresar" }, providers: [MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"cargar\">\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1>{{ 'servicio'| translate}} {{ 'fuente'| translate}}</h1>\n    <button pButton pRipple (click)=\"ocultar()\" label=\"Regresar\" icon=\"pi pi-chevron-left\"\n        class=\"p-button-text font-semibold\"></button>\n</div>\n    <div class=\"card\">\n        <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'basica' | translate}}</h5>\n        <div class=\"field col-12 md:col-12 lg:col-12\">\n            <div class=\"Inputgroup m-0 mb-3\">\n                <form [formGroup]=\"formulario\">\n                    <div class=\"p-fluid grid\">\n\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <p-dropdown [options]=\"mapaservicio\" [autoDisplayFirst]=\"false\" optionValue=\"key\"\n                                    optionLabel=\"label\" [showClear]=\"true\" formControlName=\"servicio\"\n                                    [disabled]=\"!isNew\">\n                                </p-dropdown>\n                                <label for=\"descripcion\">{{'servicio' | translate}} *\n                                </label>\n                            </span>\n                        </div>\n\n                        <div class=\"field col-8 md:col-8 lg:col-8\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" pInputText autofocus formControlName=\"descripcion\" type=\"text\" />\n                                <label for=\"descripcion\">{{'descripcion' | translate}}\n                                </label>\n                            </span>\n                        </div>\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" pInputText autofocus type=\"text\" maxlength=\"3\"\n                                    formControlName=\"orden\" (input)=\"utilsService.validarCampoNumerico($event)\"\n                                    onkeypress='return event.charCode >= 48 && event.charCode <= 57' />\n                                <label for=\"descripcion\">{{'orden' | translate}} *\n                                </label>\n                            </span>\n                        </div>\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <p-dropdown [autoDisplayFirst]=\"false\" [options]=\"fuentePipe.LISTA_MOMENTOS\"\n                                    optionValue=\"codigo\" optionLabel=\"nombre\" [showClear]=\"true\"\n                                    formControlName=\"origen\">\n                                </p-dropdown>\n                                <label for=\"descripcion\">{{'momento' |\n                                    translate}}</label>\n                            </span>\n                        </div>\n\n                        <div class=\"field col-4 md:col-4 lg:col-4\">\n                            <span class=\"p-float-label\">\n                                <p-dropdown [autoDisplayFirst]=\"false\" [options]=\"generalPipe.LISTA_SINO\"\n                                    optionValue=\"codigo\" optionLabel=\"nombre\" [showClear]=\"false\"\n                                    formControlName=\"detenerServicio\">\n                                </p-dropdown>\n                                <label for=\"descripcion\">{{'detenerservicio' |\n                                    translate}} *</label>\n                            </span>\n                        </div>\n\n                        <div class=\"field col-6 md:col-6 lg:col-6\">\n                            <span class=\"p-float-label\">\n                                <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea autofocus\n                                    formControlName=\"filtro\" [autoResize]=\"true\"> </textarea>\n                                <label for=\"descripcion\">{{'condiciones' |\n                                    translate}}</label>\n                            </span>\n                        </div>\n                        <div class=\"field col-6 md:col-6 lg:col-6\">\n                            <span class=\"p-float-label\">\n                                <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea autofocus\n                                    [autoResize]=\"true\" formControlName=\"validador\"> </textarea>\n                                <label for=\"descripcion\">{{'validador' |\n                                    translate}}</label>\n                            </span>\n                        </div>\n\n                    </div>\n                  \n                </form>\n            </div>\n        </div>\n    </div>\n    <p-accordion *ngIf=\"cargandoFormulario\">\n    <p-accordionTab *ngIf=\"!isNew\">\n        <ng-template pTemplate=\"header\">\n            <i class=\"glyphicons glyphicons-notes-2\"></i>{{'campos' | translate}}\n        </ng-template>\n        <ng-template pTemplate=\"content\">\n            <!-- <div class=\"flex justify-content-end align-content-center mb-3 mt-2\">\n                <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardarCampos()\"\n                    icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\"></button>\n            </div> -->\n            <p-table [value]=\"campos\" responsiveLayout=\"scroll\" [scrollable]=\"true\" [rows]=\"paginator.rows\"\n                [paginator]=\"paginator.totalRecords > paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\n                [rowsPerPageOptions]=\"[5, 10, 15]\" scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\">\n                <ng-template pTemplate=\"header\">\n                    <tr>\n                        <th class=\"w-6rem\">{{'atributo' | translate}}</th>\n                        <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                        <th class=\"w-6rem\">{{'homologacion' | translate}}</th>\n                        <th class=\"w-6rem\">{{'formula' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-element>\n                    <tr>\n                        <td class=\"w-6rem\">\n                            {{element.campo.atributo}} {{element.campo.obligatorio ? '*': ''}}\n                            {{element.error}}\n                        </td>\n                        <td class=\"w-6rem\">\n                            {{element.campo.descripcion}}\n                        </td>\n                        <td class=\"w-6rem\">\n                            <p-dropdown [options]=\"homologaciones\" optionValue=\"key\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"label\" class=\"w-full\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                [(ngModel)]=\"element.campo.homologacion\"></p-dropdown>\n                        </td>\n                        <td class=\"w-6rem\">\n                            <textarea class=\"w-full\" id=\"float-input\" rows=\"1\" cols=\"5\" pInputTextarea  \n                                [(ngModel)]=\"element.campo.valorDefecto\" autofocus [autoResize]=\"true\"> </textarea>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <p class=\"p-3 font-medium emptymessage\">\n                        {{'mensajetablavacia' | translate}}\n                    </p>\n                </ng-template>\n            </p-table>\n        </ng-template>\n    </p-accordionTab>\n</p-accordion>\n<div class=\"flex justify-content-end align-content-center mt-3\">\n    <button pButton pRipple class=\"ml-2 p-button-raised\" *ngIf=\"!isNew\" (click)=\"guardar()\"\n        icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\"></button>\n    <button pButton pRipple class=\"ml-2 p-button-raised\" *ngIf=\"isNew\" (click)=\"guardar()\"\n        icon=\"glyphicons glyphicons-floppy-save\" label=\"Guardar\"></button>\n    <button pButton pRipple class=\"ml-2  p-button-outlined\" (click)=\"eliminar($event)\"\n        icon=\"glyphicons glyphicons-bin\" label=\"Eliminar\" *ngIf=\"!isNew\"></button>\n</div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { 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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FuenteGeneralServicioComponent, decorators: [{
             type: Component,
@@ -7539,7 +7540,7 @@ class PopupRecursoComponent {
         this.regresar.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupRecursoComponent, deps: [{ token: GeneralService }, { token: cargarmapasGlobal }, { token: ToastService }, { token: GeneralPipe }, { token: UtilsService }, { token: ToastService }, { token: i7.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupRecursoComponent, isStandalone: true, selector: "app-popup-recurso", outputs: { regresar: "regresar" }, providers: [MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<p-dialog id='popupReImprimirRegresion' header=\"{{'recurso' | translate}}\" [(visible)]=\"mostrarPopup\"\n    [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\n    <p-accordion class=\"w-full\">\n        <p-accordionTab [selected]=\"true\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'punto' | translate }} {{'proceso' | translate }}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div class=\"p-fluid grid\">\n                        <div class=\"field col-12 md:col-12 lg:col-12\">\n                            <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\">\n                            </p-dropdown>\n                        </div>\n                    </div>\n                    <div class=\"flex justify-content-end align-items-center mt-3\">\n                        <button pButton pRipple label=\"{{'link_guardar' | translate }}\"\n                            class=\"p-element p-ripple ml-2 p-button-raised p-button p-component\" type=\"button\" (click)=\"guardar()\"\n                            *ngIf=\"nuevo\"><span class=\"glyphicons glyphicons-floppy-save\"\n                                style=\"width: auto;\"></span></button>\n                        <button pButton pRipple label=\"{{'link_actualizar' | translate }}\"\n                                class=\"ml-2 p-button-raised\" *ngIf=\"!nuevo\" type=\"button\"\n                            (click)=\"guardar()\"><span class=\"glyphicons glyphicons-refresh\"\n                                style=\"width: auto;\"></span></button>\n                        <button pButton label=\"{{'link_eliminar' | translate }}\"\n                            class=\"p-button-outlined ml-2 mr-2p-element p-button p-component eliminar\" type=\"button\"\n                            *ngIf=\"!nuevo\" (click)=\"eliminar($event)\"><span class=\"glyphicons glyphicons-bin\"\n                                style=\"width: auto;\"></span></button>\n                    </div>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!nuevo\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'cruce' | translate }}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" 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 id=\"tabla_lista_tipo_entidad\" [value]=\"listaCruce\" [scrollable]=\"true\"\n                scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                    scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                    editMode=\"row\" dataKey=\"llaveTabla\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th>{{'entrada' | translate}}</th>\n                            <th>{{'valor' | translate}}</th>\n                            <th> </th>\n                        </tr>\n                        <tr class=\" TablaNuevoRegistro\" *ngIf=\"vistaVisualizar === 'nuevoCruce'\">\n                            <td>\n                                <p-dropdown class=\"w-full\" [options]=\"listaEntrada\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                    [autoDisplayFirst]=\"false\" optionLabel=\"label\" class=\"w-full\"\n                                    [(ngModel)]=\"cruceRecursoPunto.fuenteEntrada\"></p-dropdown>\n                            </td>\n                            <td>\n                                <p-dropdown  class=\"w-full\" [options]=\"listadoAtributoPunto\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                    [autoDisplayFirst]=\"false\" optionLabel=\"label\"\n                                    [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" class=\"w-full\"></p-dropdown>\n                            </td>\n                            <td class=\"flex justify-content-end\">\n                              <div>\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\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)=\"cancelarCruce()\" 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                                  </div>\n                            </td>\n\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"cruce\">\n                            <td class=\"w-6rem\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <p-dropdown [options]=\"listaEntrada\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"label\" class=\"w-full\"\n                                            [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{cruce.descripcionEntrada}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td class=\"w-6rem\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"label\" class=\"w-full\"\n                                            [(ngModel)]=\"cruce.atributoPunto\"></p-dropdown>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{cruce.atributoPuntoDescripcion}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td class=\"w-6rem justify-content-end\">\n                                <div class=\"flex align-items-center justify-content-center gap-2\">\n                                    <!-- CHECK GUARDAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                        icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\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                                    <!-- CANCELAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\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                                    <!-- EDITAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                        icon=\"glyphicons glyphicons-pencil\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <!-- ELIMINAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                        icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\"\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                            </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            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!nuevo\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'filtro' | translate }}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n\n                <p-table  [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                    scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                            <th class=\"w-6rem\">{{'codigo' | translate}}</th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-element>\n                        <tr>\n                            <td class=\"w-6rem\">\n                                {{element.descripcion}}\n                            </td>\n                            <td class=\"w-6rem\">\n                                {{element.codigo}}\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\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                <label class=\"font-medium w-full\" for=\"descripcion\">{{'filtro' | translate}}\n                    <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                        [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea></label>\n                </div>\n                <div class=\"flex justify-content-end align-content-center mt-3\">\n                    <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\" ></button>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n    </p-accordion>\n</p-dialog>\n", styles: [":host ::ng-deep .p-dropdown{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { 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: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i15.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i15.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i15.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupRecursoComponent, isStandalone: true, selector: "app-popup-recurso", outputs: { regresar: "regresar" }, providers: [MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<p-dialog id='popupReImprimirRegresion' header=\"{{'recurso' | translate}}\" [(visible)]=\"mostrarPopup\"\n    [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\n    <p-accordion class=\"w-full\">\n        <p-accordionTab [selected]=\"true\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'punto' | translate }} {{'proceso' | translate }}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div class=\"p-fluid grid\">\n                        <div class=\"field col-12 md:col-12 lg:col-12\">\n                            <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\">\n                            </p-dropdown>\n                        </div>\n                    </div>\n                    <div class=\"flex justify-content-end align-items-center mt-3\">\n                        <button pButton pRipple label=\"{{'link_guardar' | translate }}\"\n                            class=\"p-element p-ripple ml-2 p-button-raised p-button p-component\" type=\"button\" (click)=\"guardar()\"\n                            *ngIf=\"nuevo\"><span class=\"glyphicons glyphicons-floppy-save\"\n                                style=\"width: auto;\"></span></button>\n                        <button pButton pRipple label=\"{{'link_actualizar' | translate }}\"\n                                class=\"ml-2 p-button-raised\" *ngIf=\"!nuevo\" type=\"button\"\n                            (click)=\"guardar()\"><span class=\"glyphicons glyphicons-refresh\"\n                                style=\"width: auto;\"></span></button>\n                        <button pButton label=\"{{'link_eliminar' | translate }}\"\n                            class=\"p-button-outlined ml-2 mr-2p-element p-button p-component eliminar\" type=\"button\"\n                            *ngIf=\"!nuevo\" (click)=\"eliminar($event)\"><span class=\"glyphicons glyphicons-bin\"\n                                style=\"width: auto;\"></span></button>\n                    </div>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!nuevo\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'cruce' | translate }}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" 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 id=\"tabla_lista_tipo_entidad\" [value]=\"listaCruce\" [scrollable]=\"true\"\n                scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                    scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [showCurrentPageReport]=\"true\"\n                    editMode=\"row\" dataKey=\"llaveTabla\">\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th>{{'entrada' | translate}}</th>\n                            <th>{{'valor' | translate}}</th>\n                            <th> </th>\n                        </tr>\n                        <tr class=\" TablaNuevoRegistro\" *ngIf=\"vistaVisualizar === 'nuevoCruce'\">\n                            <td>\n                                <p-dropdown class=\"w-full\" [options]=\"listaEntrada\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                    [autoDisplayFirst]=\"false\" optionLabel=\"label\" class=\"w-full\"\n                                    [(ngModel)]=\"cruceRecursoPunto.fuenteEntrada\"></p-dropdown>\n                            </td>\n                            <td>\n                                <p-dropdown  class=\"w-full\" [options]=\"listadoAtributoPunto\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                    [autoDisplayFirst]=\"false\" optionLabel=\"label\"\n                                    [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" class=\"w-full\"></p-dropdown>\n                            </td>\n                            <td class=\"flex justify-content-end\">\n                              <div>\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\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)=\"cancelarCruce()\" 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                                  </div>\n                            </td>\n\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"cruce\">\n                            <td class=\"w-6rem\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <p-dropdown [options]=\"listaEntrada\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"label\" class=\"w-full\"\n                                            [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{cruce.descripcionEntrada}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td class=\"w-6rem\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"label\" class=\"w-full\"\n                                            [(ngModel)]=\"cruce.atributoPunto\"></p-dropdown>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{cruce.atributoPuntoDescripcion}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td class=\"w-6rem justify-content-end\">\n                                <div class=\"flex align-items-center justify-content-center gap-2\">\n                                    <!-- CHECK GUARDAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                        icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\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                                    <!-- CANCELAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\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                                    <!-- EDITAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                        icon=\"glyphicons glyphicons-pencil\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <!-- ELIMINAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                        icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\"\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                            </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            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!nuevo\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'filtro' | translate }}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n\n                <p-table  [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                    scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                            <th class=\"w-6rem\">{{'codigo' | translate}}</th>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-element>\n                        <tr>\n                            <td class=\"w-6rem\">\n                                {{element.descripcion}}\n                            </td>\n                            <td class=\"w-6rem\">\n                                {{element.codigo}}\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\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                <label class=\"font-medium w-full\" for=\"descripcion\">{{'filtro' | translate}}\n                    <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                        [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea></label>\n                </div>\n                <div class=\"flex justify-content-end align-content-center mt-3\">\n                    <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\" ></button>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n    </p-accordion>\n</p-dialog>\n", styles: [":host ::ng-deep .p-dropdown{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { 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: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { 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.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: "component", type: i17.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i17.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i17.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i17.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i17.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupRecursoComponent, decorators: [{
             type: Component,
@@ -8577,7 +8578,7 @@ class MantenimientoFuenteGeneralPage {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MantenimientoFuenteGeneralPage, deps: [{ token: i2.ActivatedRoute }, { token: AuthService }, { token: GeneralService }, { token: FuentePipe }, { token: GeneralPipe }, { token: ToastService }, { token: i7.ConfirmationService }, { token: i2.Router }, { token: UtilsService }, { token: i7$1.TranslateService }, { token: FuenteGeneralService }, { token: i1$1.FormBuilder }, { token: MenuService$1 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MantenimientoFuenteGeneralPage, isStandalone: true, selector: "ng-component", providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "popup", first: true, predicate: PopupRecursoComponent, descendants: true }], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"loadFormulario\">\n<div *ngIf=\"!mantenimientoServicio\">\n    <div class=\"flex justify-content-between align-items-center mb-3\">\n        <h1>{{ 'fuente'| translate}}</h1>\n        <button pButton pRipple routerLink=\"/{{utilsService.obtenerBase()}}/webcommon/fuentearchivo/fuente/fuenteGeneral\" label=\"Regresar\"\n            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold\"></button>\n    </div>\n    \n    <div class=\"card\">\n        <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'basica' | translate}}</h5>\n                <form [formGroup]=\"formulario\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div class=\"Inputgroup m-0 mb-3\">\n                        <div class=\"p-fluid grid\">\n                            <div class=\"field col-12 md:col-12 lg:col-12\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"descripcion\" pInputText autofocus\n                                        type=\"text\" />\n                                    <label  for=\"descripcion\">{{'descripcion' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.ORIGEN_DATOS\" \n                                        formControlName=\"proceso\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" [disabled]=\"!isNew\">\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'origen' | translate}} de\n                                        {{'datos' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"formulario.get('proceso').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.SERVICIOS_WEB\" \n                                        formControlName=\"formulaDescripcion\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" >\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'servicioweb' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_TIPO_FUENTE\" \n                                        formControlName=\"tipo\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" [disabled]=\"isServicioWeb()\">\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'tipo' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\" *ngIf=\"isServiciosMotor()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" pInputText autofocus\n                                        type=\"text\"  formControlName=\"codigo\" />\n                                    <label  for=\"descripcion\">{{'codigo' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"(isUnicoRegistro()) && isConSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"generalPipe.LISTA_SINO\" \n                                        formControlName=\"excel\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" > </p-dropdown>\n                                    <label  for=\"descripcion\">{{'Archivo' | translate}}\n                                        {{'excel' | translate}}  </label>\n                                </span>\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\"*ngIf=\"(isUnicoRegistro()) && isConSeparador() && this.isUnicoRegistro() && this.formulario.get('excel').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"hoja\" pInputText autofocus type=\"text\" />\n                                    <label  for=\"descripcion\">{{'hojaexcel' | translate}} *\n                                    </label>\n                                </span>\n\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\" *ngIf=\"!isServicioWeb()\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_SEPARADORES\" \n                                        formControlName=\"separador\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" >\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'separador' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isUnicoRegistro()\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_MOTOR\" \n                                        formControlName=\"motor\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" [disabled]=\"!isNew\" >\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'motor' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('motor').value != 'S'\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_EJECUCION\" \n                                        formControlName=\"ejecucion\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" [disabled]=\"isServicioWeb()\"> </p-dropdown>\n                                    <label  for=\"descripcion\">{{'ejecutar' | translate}}\n                                        {{'por' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\"\n                                *ngIf=\"(isAgrupamiento() || isRompimiento()) && isConSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" pInputText autofocus formControlName=\"tipoInfoColumna\"\n                                        type=\"text\" maxlength=\"2\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                         />\n                                    <label  for=\"descripcion\">{{'tipoinformacioncolumna' |\n                                        translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\"\n                                *ngIf=\"(isAgrupamiento() || isRompimiento()) && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"tipoInfoInicial\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                        />\n                                    <label  for=\"descripcion\">{{'tipoinformacioninicial' |\n                                        translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\"\n                                *ngIf=\"(isAgrupamiento() || isRompimiento()) && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"tipoInfoFinal\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                        />\n                                    <label  for=\"descripcion\">{{'tipoinformacionfinal' |\n                                        translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isAgrupamiento()  && isConSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"grupoColumna\" pInputText autofocus\n                                        type=\"text\" maxlength=\"2\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57' />\n                                    <label  for=\"descripcion\">{{'grupo' | translate}}\n                                        {{'columna'| translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isAgrupamiento()  && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"grupoInicial\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>\n                                    <label  for=\"descripcion\">{{'grupo' | translate}}\n                                        {{'inicial' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isAgrupamiento()  && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"grupoFinal\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                        />\n                                    <label  for=\"descripcion\">{{'grupofinal' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isRompimiento()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"datoRompe\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>\n                                    <label  for=\"descripcion\">{{'dato' | translate}}\n                                        {{'rompimiento' |translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('motor').value != 'S'\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"generalPipe.LISTA_SINO\" \n                                        formControlName=\"guardarCargue\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" [disabled]=\"isServicioWeb()\"> </p-dropdown>\n                                    <label  for=\"descripcion\">{{'guardar' | translate}}\n                                        {{'informacion' | translate}} {{'cargue' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('excel').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"numeroFila\" pInputText autofocus\n                                        type=\"text\" />\n                                    <label  for=\"descripcion\">{{'numeroFila' | translate}}\n                                    </label>\n                                </span>\n                            </div>\n                            <!-- PLANTILLA -->\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('excel').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"formulario.get('plantilla').value ? formulario.get('plantilla').value: ''\"\n                                        (onSelected)=\"obtenerArchivoPlanilla($event)\" >\n                                    </app-input-helper-seleccion-plantilla>\n                                    \n                                </span>\n                            </div>\n                            <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"isServiciosMotor()\">\n                                <span class=\"p-float-label\">\n                                    <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                                        formControlName=\"validadorLinea\" autofocus\n                                        [autoResize]=\"true\"> </textarea>\n                                    <label  for=\"descripcion\">{{'validador' | translate}}\n                                    </label>\n                                </span>\n                            </div>\n                        </div>\n                        <div class=\"flex justify-content-end align-content-center mt-3\">\n                            <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                                icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\" *ngIf=\"!isNew\"></button>\n                            <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                                icon=\"glyphicons glyphicons-floppy-save\" label=\"Guardar\" *ngIf=\"isNew\"></button>\n                            <button pButton pRipple class=\"ml-2  p-button-outlined\"\n                                (click)=\"eliminar($event)\" icon=\"glyphicons glyphicons-bin\" label=\"Eliminar\"\n                                *ngIf=\"!isNew\"></button>\n                        </div>\n                    </div>\n                </div>\n                </form>\n            </div>\n        <p-accordion>\n            <p-accordionTab *ngIf=\"!isNew\">\n                <ng-template pTemplate=\"header\">\n                    <i class=\"glyphicons glyphicons-notes-2\"></i>{{'entrada' | translate}}\n                </ng-template>\n                <ng-template pTemplate=\"content\">\n                    <div class=\"field col-12 md:col-12 lg:col-12\">\n                        <div class=\"flex align-items-center justify-content-between mb-2\">\n                            <app-filtro-general [filtros]=\"filtersEntrada\" [datatable]=\"tablaGeneralEntrada\">\n                                <ng-template let-form>\n                                    <ng-container [formGroup]=\"form\">\n                                        <div class=\"field\">\n                                            <span class=\"p-float-label\">\n                                                <input pInputText autofocus type=\"text\" id=\"id_descripcion\"\n                                                    formControlName=\"descripcion\" autocomplete=\"off\" />\n                                                <label for=\"id_descripcion\">{{'descripcion' | translate}}</label>\n                                            </span>\n                                        </div>\n                                    </ng-container>\n                                </ng-template>\n                            </app-filtro-general>\n                            <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevaEntrada()\" 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]=\"entradas\" [scrollable]=\"true\"\n                            scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                            [rows]=\"paginatorEntrada.rows\"\n                            [paginator]=\"paginatorEntrada.totalRecords > paginatorEntrada.rows\" scrollDirection=\"horizontal\"\n                            styleClass=\"p-datatable-striped\" [rows]=\"paginatorEntrada.rows\"\n                            [totalRecords]=\"paginatorEntrada.totalRecords\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n                            [showCurrentPageReport]=\"true\" editMode=\"row\"\n                            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                            [lazy]=\"true\" (onLazyLoad)=\"cargarEntradas($event)\" dataKey=\"llaveTabla\">\n                            <ng-template pTemplate=\"header\">\n                                <tr>\n                                    <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                                    <th class=\"w-6rem\">{{'tipo' | translate}} {{'dato' | translate}}</th>\n                                    <th class=\"w-6rem\">{{'obligatorio' | translate}}</th>\n                                    <th class=\"w-6rem\">{{'valor' | translate}} {{'defecto' | translate}}</th>\n                                    <th class=\"w-6rem\"> </th>\n                                </tr>\n                                <tr class=\" TablaNuevoRegistro\" *ngIf=\"vistaVisualizar === 'nuevo'\">\n                                    <td class=\"w-6rem\">\n                                        <input #idDescripcion=\"ngModel\" pInputText type=\"text\" [(ngModel)]=\"entrada.descripcion\" class=\"w-full\" required>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-dropdown #idTipoDato=\"ngModel\" [options]=\"fuentePipe.LISTA_TIPO_DATO\" optionValue=\"codigo\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" class=\"w-full\" \n                                            [(ngModel)]=\"entrada.tipoDato\" appendTo=\"body\" [autoZIndex]=\"false\" ></p-dropdown>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-dropdown #idObligatorio=\"ngModel\" [options]=\"generalPipe.LISTA_SINO\" optionValue=\"codigo\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" \n                                            [(ngModel)]=\"entrada.obligatorio\" class=\"w-full\" appendTo=\"body\" [autoZIndex]=\"false\" ></p-dropdown>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <input #idValorDefecto=\"ngModel\" pInputText type=\"text\" [(ngModel)]=\"entrada.valorDefecto\" class=\"w-full\">\n                                    </td>\n                                    <td class=\"flex justify-content-end\">\n                                      <div>\n                                        <button pButton pRipple type=\"button\" icon=\"pi pi-check\"\n                                            (click)=\"agregarEntrada(entrada)\"  *ngIf=\"idDescripcion.valid && idTipoDato.valid  && idObligatorio.valid\"\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)=\"cancelarEntrada()\" 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                                            </div>\n                                    </td>\n                                </tr>\n                            </ng-template>\n                            <ng-template pTemplate=\"body\" let-entrada let-editing=\"editing\" let-ri=\"rowIndex\">\n                                <tr [pEditableRow]=\"entrada\">\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <input pInputText type=\"text\" [(ngModel)]=\"entrada.descripcion\"\n                                                    class=\"w-full\">\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.descripcion}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <p-dropdown [options]=\"fuentePipe.LISTA_TIPO_DATO\" optionValue=\"codigo\"\n                                                    [autoDisplayFirst]=\"false\" optionLabel=\"nombre\"\n                                                    [(ngModel)]=\"entrada.tipoDato\" class=\"w-full\">\n                                                </p-dropdown>\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.tipoDato | fuentePipe:'listaTipoDato'}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <p-dropdown [options]=\"generalPipe.LISTA_SINO\" optionValue=\"codigo\"\n                                                    [autoDisplayFirst]=\"false\" optionLabel=\"nombre\"\n                                                    [(ngModel)]=\"entrada.obligatorio\" class=\"w-full\">\n                                                </p-dropdown>\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.obligatorio | generalPipe:'listaSiNo'}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <input pInputText type=\"text\" [(ngModel)]=\"entrada.valorDefecto\"\n                                                    class=\"w-full\">\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.valorDefecto}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"flex justify-content-end\">\n                                        <div>\n                                            <!-- CHECK GUARDAR -->\n                                            <!-- <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                                icon=\"pi pi-check\" (click)=\"editarEntrada(entrada)\"\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                                            <!-- CANCELAR -->\n                                            <!-- <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\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                                            <!-- EDITAR -->\n                                            <!-- <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                                icon=\"glyphicons glyphicons-pencil\"\n                                                class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button> -->\n                                            <!-- ELIMINAR -->\n                                            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                                icon=\"pi pi-trash\" (click)=\"eliminarEntrada($event,entrada)\"\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                </ng-template>\n            </p-accordionTab>\n        <p-accordionTab *ngIf=\"((!isNew) && (!isServicioWeb()))\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'campos' | translate}}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div class=\"flex align-items-center justify-content-between mb-2\">\n                        <app-filtro-general [filtros]=\"filtersCampo\" [datatable]=\"tablaGeneralCampo\">\n                            <ng-template let-form>\n                                <ng-container [formGroup]=\"form\">\n                                    <div class=\"field\">\n                                        <span class=\"p-float-label\">\n                                            <input pInputText autofocus type=\"text\" id=\"id_descripcion\"\n                                                formControlName=\"descripcion\" autocomplete=\"off\" />\n                                            <label for=\"id_descripcion\">{{'descripcion' | translate}}</label>\n                                        </span>\n                                    </div>\n                                </ng-container>\n                            </ng-template>\n                        </app-filtro-general>\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampo()\" 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 #tablaGeneralCampo [value]=\"campos\" styleClass=\"p-datatable-striped\" [scrollable]=\"true\"\n                        [rows]=\"paginatorCampo.rows\" [paginator]=\"paginatorCampo.totalRecords > paginatorCampo.rows\"\n                        [totalRecords]=\"paginatorCampo.totalRecords\" [lazy]=\"true\" [showCurrentPageReport]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" (onRowSelect)=\"seleccionCampo($event)\"\n                        selectionMode=\"single\" responsiveLayout=\"scroll\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        (onLazyLoad)=\"cargarCampos($event)\" selectionMode=\"single\" [rowsPerPageOptions]=\"[10, 20, 30]\"\n                        [showCurrentPageReport]=\"true\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th class=\"w-12rem\">{{'descripcion' | translate}}</th>\n                                <th class=\"w-12rem\">{{'tipodato' | translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"(isRompimiento()) || (isAgrupamiento())\">{{'tipo' | translate}}\n                                    {{'informacion' | translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"isConSeparador()\">{{'columna' | translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"isSinSeparador()\">{{'posicion' | translate}} {{'inicial' |\n                                    translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"isSinSeparador()\">{{'posicion' | translate}} {{'final' |\n                                    translate}}\n                                </th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-campo>\n                            <tr [pSelectableRow]=\"campo\">\n                                <td class=\"w-12rem\">\n                                    {{campo.descripcion}}\n                                </td>\n                                <td class=\"w-12rem\">\n                                    {{campo.tipoDato | fuentePipe:'listaTipoDato'}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isRompimiento() || isAgrupamiento()\">\n                                    {{campo.tipoInformacion}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isConSeparador()\">\n                                    {{campo.columna}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isSinSeparador()\">\n                                    {{campo.posicionInicial}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isSinSeparador()\">\n                                    {{campo.posicionFinal}}\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\n                    </p-table>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!isNew\" [selected]=\"abrirAcordion\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'servicio' | translate}}s\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div>\n                        <div class=\"flex align-items-center justify-content-between mb-2\">\n                            <app-filtro-general [filtros]=\"filtersCampo\" [datatable]=\"tablaGeneralServicio\">\n                                <ng-template let-form>\n                                    <ng-container [formGroup]=\"form\">\n                                        <div class=\"field\">\n                                            <span class=\"p-float-label\">\n                                                <input pInputText autofocus type=\"text\" id=\"id_descripcion\"\n                                                    formControlName=\"descripcion\" autocomplete=\"off\" />\n                                                <label for=\"id_descripcion\">{{'descripcion' | translate}}</label>\n                                            </span>\n                                        </div>\n                                    </ng-container>\n                                </ng-template>\n                            </app-filtro-general>\n                            <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoServicio()\"\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 #tablaGeneralServicio [value]=\"servicios\" styleClass=\"p-datatable-striped\"\n                            [scrollable]=\"true\" [rows]=\"paginatorServicios.rows\"\n                            [paginator]=\"paginatorServicios.totalRecords > paginatorServicios.rows\"\n                            [totalRecords]=\"paginatorServicios.totalRecords\" [lazy]=\"true\"\n                            [showCurrentPageReport]=\"true\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                            (onRowSelect)=\"seleccionarServicio($event)\" selectionMode=\"single\" responsiveLayout=\"scroll\"\n                            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                            (onLazyLoad)=\"cargarServicios($event)\" selectionMode=\"single\"\n                            [rowsPerPageOptions]=\"[10, 20, 30]\" [showCurrentPageReport]=\"true\">\n                            <ng-template pTemplate=\"header\">\n                                <tr>\n                                    <th class=\"w-12rem\">{{'servicio' | translate}}</th>\n                                    <th class=\"w-12rem\">{{'descripcion' | translate}}</th>\n                                    <th class=\"w-12rem\" *ngIf=\"!isUnicoRegistro()\">{{'tipo' | translate}} {{'informacion' |\n                                        translate}}</th>\n                                    <th class=\"w-12rem\">{{'orden' | translate}}</th>\n                                </tr>\n                            </ng-template>\n                            <ng-template pTemplate=\"body\" let-servicio>\n                                <tr [pSelectableRow]=\"servicio\">\n                                    <td class=\"w-12rem\">\n                                        {{transform(servicio.servicio,'mapaServicio')}}\n                                    </td>\n                                    <td class=\"w-12rem\">\n                                        {{servicio.descripcion}}\n                                    </td>\n                                    <td class=\"w-12rem\" *ngIf=\"!isUnicoRegistro()\">\n                                        {{servicio.tipoInformacion}}\n                                    </td>\n                                    <td class=\"w-12rem\">\n                                        {{servicio.orden}}\n                                    </td>\n                                </tr>\n                            </ng-template>\n                            <ng-template pTemplate=\"emptymessage\">\n                                <p class=\"p-3 font-medium emptymessage\" >\n                                    {{'mensajetablavacia' | translate}}\n                                </p>\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\n                        </p-table>\n                    </div>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!isNew\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'puntoproceso' | translate}}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"flex justify-content-end align-items-center\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoRecurso()\" icon=\"pi pi-plus\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <p-table #tablaGeneralRecurso [value]=\"recursos\" styleClass=\"p-datatable-striped\"\n                        [scrollable]=\"true\" [rows]=\"paginatorRecursos.rows\" [paginator]=\"paginatorRecursos.totalRecords > paginatorRecursos.rows\"\n                        [totalRecords]=\"paginatorRecursos.totalRecords\" [lazy]=\"true\" [showCurrentPageReport]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" (onRowSelect)=\"seleccionarRecurso($event)\"\n                        selectionMode=\"single\" responsiveLayout=\"scroll\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        (onLazyLoad)=\"cargarRecurso($event)\" selectionMode=\"single\" [rowsPerPageOptions]=\"[10, 20, 30]\"\n                        [showCurrentPageReport]=\"true\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th class=\"w-12rem\">{{'puntoproceso' | translate}}</th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-recurso>\n                            <tr [pSelectableRow]=\"recurso\">\n                                <td class=\"w-12rem\">\n                                    {{recurso.puntoProcesoDescripcion}}\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\n                    </p-table>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!isNew\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'notificacion' | translate}}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                \n                <div class=\"flex justify-content-end align-items-center\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoRegistroNotificacion()\"\n                        icon=\"pi pi-plus\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n\n\n                <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"listadoNotificacion\" [scrollable]=\"true\" [tableStyle]=\"{ 'min-width': '90rem' }\"\n                scrollDirection=\"horizontal\"[rows]=\"paginatorNotificaciones.totalRecords\" [paginator]=\"paginatorNotificaciones.totalRecords > paginatorNotificaciones.rows\" scrollDirection=\"horizontal\"  styleClass=\"p-datatable-striped\"\n                [rows]=\"paginatorEntrada.rows\" [totalRecords]=\"paginatorEntrada.totalRecords\" [rowsPerPageOptions]=\"[10, 20, 50]\" selectionMode=\"single\"\n                [showCurrentPageReport]=\"true\" editMode=\"row\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"true\"\n                (onLazyLoad)=\"cargarListadoNotificaciones($event)\" dataKey=\"llaveTabla\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th style=\"max-width: 12%;\">{{'tipo' | translate}}</th>\n                                <th style=\"max-width: 25%;\">{{'correo' | translate}}</th>\n                                <th style=\"max-width: 30%;\">{{'asunto' | translate}}</th>\n                                <th style=\"max-width: 50%;\">{{'html' | translate}}</th>\n                                <th style=\"max-width: 30%;\">{{'copia' | translate}}</th>\n                                <th style=\"max-width: 8%;\"> </th>\n                            </tr>\n                            <tr class=\" TablaNuevoRegistro\" *ngIf=\"vistaVisualizar === 'nuevoN'\" [formGroup]=\"formularioNoti\">\n                                <td style=\"max-width: 12%;\"> \n                                    <p-dropdown [options]=\"fuentePipe.LISTA_TIPORECURSO\" optionValue=\"codigo\" formControlName=\"tipoRecurso\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" (onChange)=\"validarCorreo()\"></p-dropdown> \n                                </td>\n                                <td style=\"max-width: 25%;\" class=\"w-full\">\n                                    <input pInputText type=\"text\" formControlName=\"correo\" *ngIf=\"formularioNoti?.get('tipoRecurso').value != 'P'\" class=\"w-full\" >\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <input pInputText type=\"text\" formControlName=\"descripcion\"\n                                        class=\"w-full\">\n                                </td>\n                                <td class=\"w-full\" style=\"max-width: 50%;\">\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"formularioNoti?.get('predefinido').value ? formularioNoti?.get('tipoRecurso')['predefinido']: ''\"\n                                        (onSelected)=\"obtenerArchivoPlanillaServicio($event)\"\n                                        [extensiones]=\"'html;jasper;jrxml'\">\n                                    </app-input-helper-seleccion-plantilla>\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <input pInputText type=\"text\"  formControlName=\"correoCopia\"\n                                        class=\"w-full\">\n                                </td>\n                                <td class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\"\n                                        (click)=\"agregarNotificacion(null, true)\"\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)=\"cancelarNotificacion()\"\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-noti let-editing=\"editing\" let-ri=\"rowIndex\">\n                            <tr [pEditableRow]=\"noti\">\n                                <td style=\"max-width: 12%;\">\n                                    <p-cellEditor>\n                                       <ng-template pTemplate=\"output\">\n                                            {{noti.tipoRecurso | fuentePipe:'listaTipoRecurso'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 25%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti?.correo ? noti?.correo?.substr(-20,10) : ''}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti.descripcion | generalPipe:'listaSiNo'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 50%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti?.predefinido ?  noti?.predefinido.substr(-20,10) : ''}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti.correoCopia}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td class=\"justify-content-end\">\n                                    <div class=\"flex align-items-center justify-content-center gap-2\">\n                                        <!-- ELIMINAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                            icon=\"pi pi-trash\" (click)=\"eliminarNotificacion($event,noti)\"\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                                </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                \n            </ng-template>\n        </p-accordionTab>\n    </p-accordion>\n</div>\n<div *ngIf=\"nuevoRCampo\">\n    <app-popup-campos-fuente-general [mostrar]=\"nuevoRCampo\" [campo]=\"campo\" (regresar)=\"regresarCampo()\"\n        [fuenteDTO]=\"formulario.value\"></app-popup-campos-fuente-general>\n</div>\n\n<div *ngIf=\"mantenimientoServicio\">\n    <app-fuente-general-servicio [fuenteGeneral]=\"formulario.value\" [fuenteServicioDTO]=\"servicio\" [unica]=\"isUnicoRegistro()\"\n        [servicios]=\"listaServicios\" (regresar)=\"regresarServicio()\" [isNew]=\"nuevoServicioP\" (regresarNuevo)=\"setearCampoNuevo($event)\">\n    </app-fuente-general-servicio>\n</div>\n<div *ngIf=\"verPuntoProceso\">\n<app-popup-recurso (regresar)=\"cerrarRecurso()\"></app-popup-recurso>\n</div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: i15.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: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { 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: "pipe", type: GeneralPipe, name: "generalPipe" }, { kind: "pipe", type: FuentePipe, name: "fuentePipe" }, { kind: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "component", type: PopupCamposFuenteGeneralComponent, selector: "app-popup-campos-fuente-general", inputs: ["mostrar", "campo", "fuenteDTO"], outputs: ["regresar", "regresarNuevo"] }, { kind: "component", type: FuenteGeneralServicioComponent, selector: "app-fuente-general-servicio", inputs: ["fuenteGeneral", "fuenteServicioDTO", "unica", "servicios", "camposFuente", "isNew", "fuente"], outputs: ["regresar"] }, { kind: "component", type: PopupRecursoComponent, selector: "app-popup-recurso", outputs: ["regresar"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: MantenimientoFuenteGeneralPage, isStandalone: true, selector: "ng-component", providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "popup", first: true, predicate: PopupRecursoComponent, descendants: true }], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"loadFormulario\">\n<div *ngIf=\"!mantenimientoServicio\">\n    <div class=\"flex justify-content-between align-items-center mb-3\">\n        <h1>{{ 'fuente'| translate}}</h1>\n        <button pButton pRipple routerLink=\"/{{utilsService.obtenerBase()}}/webcommon/fuentearchivo/fuente/fuenteGeneral\" label=\"Regresar\"\n            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold\"></button>\n    </div>\n    \n    <div class=\"card\">\n        <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'basica' | translate}}</h5>\n                <form [formGroup]=\"formulario\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div class=\"Inputgroup m-0 mb-3\">\n                        <div class=\"p-fluid grid\">\n                            <div class=\"field col-12 md:col-12 lg:col-12\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"descripcion\" pInputText autofocus\n                                        type=\"text\" />\n                                    <label  for=\"descripcion\">{{'descripcion' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.ORIGEN_DATOS\" \n                                        formControlName=\"proceso\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" [disabled]=\"!isNew\">\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'origen' | translate}} de\n                                        {{'datos' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"formulario.get('proceso').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.SERVICIOS_WEB\" \n                                        formControlName=\"formulaDescripcion\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" >\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'servicioweb' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_TIPO_FUENTE\" \n                                        formControlName=\"tipo\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" [disabled]=\"isServicioWeb()\">\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'tipo' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\" *ngIf=\"isServiciosMotor()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" pInputText autofocus\n                                        type=\"text\"  formControlName=\"codigo\" />\n                                    <label  for=\"descripcion\">{{'codigo' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"(isUnicoRegistro()) && isConSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"generalPipe.LISTA_SINO\" \n                                        formControlName=\"excel\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" > </p-dropdown>\n                                    <label  for=\"descripcion\">{{'Archivo' | translate}}\n                                        {{'excel' | translate}}  </label>\n                                </span>\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\"*ngIf=\"(isUnicoRegistro()) && isConSeparador() && this.isUnicoRegistro() && this.formulario.get('excel').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"hoja\" pInputText autofocus type=\"text\" />\n                                    <label  for=\"descripcion\">{{'hojaexcel' | translate}} *\n                                    </label>\n                                </span>\n\n                            </div>\n                            <div class=\" field col-4 md:col-4 lg:col-4\" *ngIf=\"!isServicioWeb()\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_SEPARADORES\" \n                                        formControlName=\"separador\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" >\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'separador' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isUnicoRegistro()\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_MOTOR\" \n                                        formControlName=\"motor\" [autoDisplayFirst]=\"false\" optionValue=\"codigo\"\n                                        optionLabel=\"nombre\" [disabled]=\"!isNew\" >\n                                    </p-dropdown>\n                                    <label  for=\"descripcion\">{{'motor' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('motor').value != 'S'\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"fuentePipe.LISTA_EJECUCION\" \n                                        formControlName=\"ejecucion\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" [disabled]=\"isServicioWeb()\"> </p-dropdown>\n                                    <label  for=\"descripcion\">{{'ejecutar' | translate}}\n                                        {{'por' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\"\n                                *ngIf=\"(isAgrupamiento() || isRompimiento()) && isConSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" pInputText autofocus formControlName=\"tipoInfoColumna\"\n                                        type=\"text\" maxlength=\"2\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                         />\n                                    <label  for=\"descripcion\">{{'tipoinformacioncolumna' |\n                                        translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\"\n                                *ngIf=\"(isAgrupamiento() || isRompimiento()) && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"tipoInfoInicial\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                        />\n                                    <label  for=\"descripcion\">{{'tipoinformacioninicial' |\n                                        translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\"\n                                *ngIf=\"(isAgrupamiento() || isRompimiento()) && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"tipoInfoFinal\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                        />\n                                    <label  for=\"descripcion\">{{'tipoinformacionfinal' |\n                                        translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isAgrupamiento()  && isConSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"grupoColumna\" pInputText autofocus\n                                        type=\"text\" maxlength=\"2\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57' />\n                                    <label  for=\"descripcion\">{{'grupo' | translate}}\n                                        {{'columna'| translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isAgrupamiento()  && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"grupoInicial\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>\n                                    <label  for=\"descripcion\">{{'grupo' | translate}}\n                                        {{'inicial' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isAgrupamiento()  && isSinSeparador()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"grupoFinal\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'\n                                        />\n                                    <label  for=\"descripcion\">{{'grupofinal' | translate}} *\n                                    </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"isRompimiento()\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"datoRompe\" pInputText autofocus\n                                        type=\"text\" maxlength=\"3\"\n                                        (input)=\"utilsService.validarCampoNumerico($event)\" (input)=\"utilsService.validarCampoNumerico($event)\" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/>\n                                    <label  for=\"descripcion\">{{'dato' | translate}}\n                                        {{'rompimiento' |translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('motor').value != 'S'\">\n                                <span class=\"p-float-label\">\n                                    <p-dropdown [options]=\"generalPipe.LISTA_SINO\" \n                                        formControlName=\"guardarCargue\" [autoDisplayFirst]=\"false\"\n                                        optionValue=\"codigo\" optionLabel=\"nombre\" [disabled]=\"isServicioWeb()\"> </p-dropdown>\n                                    <label  for=\"descripcion\">{{'guardar' | translate}}\n                                        {{'informacion' | translate}} {{'cargue' | translate}} * </label>\n                                </span>\n                            </div>\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('excel').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <input class=\"w-full\" formControlName=\"numeroFila\" pInputText autofocus\n                                        type=\"text\" />\n                                    <label  for=\"descripcion\">{{'numeroFila' | translate}}\n                                    </label>\n                                </span>\n                            </div>\n                            <!-- PLANTILLA -->\n                            <div class=\"field col-4 md:col-4 lg:col-4\" *ngIf=\"this.formulario.get('excel').value == 'S'\">\n                                <span class=\"p-float-label\">\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"formulario.get('plantilla').value ? formulario.get('plantilla').value: ''\"\n                                        (onSelected)=\"obtenerArchivoPlanilla($event)\" >\n                                    </app-input-helper-seleccion-plantilla>\n                                    \n                                </span>\n                            </div>\n                            <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"isServiciosMotor()\">\n                                <span class=\"p-float-label\">\n                                    <textarea class=\"w-full\" id=\"float-input\" rows=\"5\" cols=\"30\" pInputTextarea\n                                        formControlName=\"validadorLinea\" autofocus\n                                        [autoResize]=\"true\"> </textarea>\n                                    <label  for=\"descripcion\">{{'validador' | translate}}\n                                    </label>\n                                </span>\n                            </div>\n                        </div>\n                        <div class=\"flex justify-content-end align-content-center mt-3\">\n                            <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                                icon=\"glyphicons glyphicons-refresh\" label=\"Actualizar\" *ngIf=\"!isNew\"></button>\n                            <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                                icon=\"glyphicons glyphicons-floppy-save\" label=\"Guardar\" *ngIf=\"isNew\"></button>\n                            <button pButton pRipple class=\"ml-2  p-button-outlined\"\n                                (click)=\"eliminar($event)\" icon=\"glyphicons glyphicons-bin\" label=\"Eliminar\"\n                                *ngIf=\"!isNew\"></button>\n                        </div>\n                    </div>\n                </div>\n                </form>\n            </div>\n        <p-accordion>\n            <p-accordionTab *ngIf=\"!isNew\">\n                <ng-template pTemplate=\"header\">\n                    <i class=\"glyphicons glyphicons-notes-2\"></i>{{'entrada' | translate}}\n                </ng-template>\n                <ng-template pTemplate=\"content\">\n                    <div class=\"field col-12 md:col-12 lg:col-12\">\n                        <div class=\"flex align-items-center justify-content-between mb-2\">\n                            <app-filtro-general [filtros]=\"filtersEntrada\" [datatable]=\"tablaGeneralEntrada\">\n                                <ng-template let-form>\n                                    <ng-container [formGroup]=\"form\">\n                                        <div class=\"field\">\n                                            <span class=\"p-float-label\">\n                                                <input pInputText autofocus type=\"text\" id=\"id_descripcion\"\n                                                    formControlName=\"descripcion\" autocomplete=\"off\" />\n                                                <label for=\"id_descripcion\">{{'descripcion' | translate}}</label>\n                                            </span>\n                                        </div>\n                                    </ng-container>\n                                </ng-template>\n                            </app-filtro-general>\n                            <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevaEntrada()\" 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]=\"entradas\" [scrollable]=\"true\"\n                            scrollDirection=\"both\" scrollDirection=\"horizontal\" responsiveLayout=\"scroll\"\n                            [rows]=\"paginatorEntrada.rows\"\n                            [paginator]=\"paginatorEntrada.totalRecords > paginatorEntrada.rows\" scrollDirection=\"horizontal\"\n                            styleClass=\"p-datatable-striped\" [rows]=\"paginatorEntrada.rows\"\n                            [totalRecords]=\"paginatorEntrada.totalRecords\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n                            [showCurrentPageReport]=\"true\" editMode=\"row\"\n                            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                            [lazy]=\"true\" (onLazyLoad)=\"cargarEntradas($event)\" dataKey=\"llaveTabla\">\n                            <ng-template pTemplate=\"header\">\n                                <tr>\n                                    <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                                    <th class=\"w-6rem\">{{'tipo' | translate}} {{'dato' | translate}}</th>\n                                    <th class=\"w-6rem\">{{'obligatorio' | translate}}</th>\n                                    <th class=\"w-6rem\">{{'valor' | translate}} {{'defecto' | translate}}</th>\n                                    <th class=\"w-6rem\"> </th>\n                                </tr>\n                                <tr class=\" TablaNuevoRegistro\" *ngIf=\"vistaVisualizar === 'nuevo'\">\n                                    <td class=\"w-6rem\">\n                                        <input #idDescripcion=\"ngModel\" pInputText type=\"text\" [(ngModel)]=\"entrada.descripcion\" class=\"w-full\" required>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-dropdown #idTipoDato=\"ngModel\" [options]=\"fuentePipe.LISTA_TIPO_DATO\" optionValue=\"codigo\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" class=\"w-full\" \n                                            [(ngModel)]=\"entrada.tipoDato\" appendTo=\"body\" [autoZIndex]=\"false\" ></p-dropdown>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-dropdown #idObligatorio=\"ngModel\" [options]=\"generalPipe.LISTA_SINO\" optionValue=\"codigo\"\n                                            [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" \n                                            [(ngModel)]=\"entrada.obligatorio\" class=\"w-full\" appendTo=\"body\" [autoZIndex]=\"false\" ></p-dropdown>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <input #idValorDefecto=\"ngModel\" pInputText type=\"text\" [(ngModel)]=\"entrada.valorDefecto\" class=\"w-full\">\n                                    </td>\n                                    <td class=\"flex justify-content-end\">\n                                      <div>\n                                        <button pButton pRipple type=\"button\" icon=\"pi pi-check\"\n                                            (click)=\"agregarEntrada(entrada)\"  *ngIf=\"idDescripcion.valid && idTipoDato.valid  && idObligatorio.valid\"\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)=\"cancelarEntrada()\" 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                                            </div>\n                                    </td>\n                                </tr>\n                            </ng-template>\n                            <ng-template pTemplate=\"body\" let-entrada let-editing=\"editing\" let-ri=\"rowIndex\">\n                                <tr [pEditableRow]=\"entrada\">\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <input pInputText type=\"text\" [(ngModel)]=\"entrada.descripcion\"\n                                                    class=\"w-full\">\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.descripcion}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <p-dropdown [options]=\"fuentePipe.LISTA_TIPO_DATO\" optionValue=\"codigo\"\n                                                    [autoDisplayFirst]=\"false\" optionLabel=\"nombre\"\n                                                    [(ngModel)]=\"entrada.tipoDato\" class=\"w-full\">\n                                                </p-dropdown>\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.tipoDato | fuentePipe:'listaTipoDato'}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <p-dropdown [options]=\"generalPipe.LISTA_SINO\" optionValue=\"codigo\"\n                                                    [autoDisplayFirst]=\"false\" optionLabel=\"nombre\"\n                                                    [(ngModel)]=\"entrada.obligatorio\" class=\"w-full\">\n                                                </p-dropdown>\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.obligatorio | generalPipe:'listaSiNo'}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"w-6rem\">\n                                        <p-cellEditor>\n                                            <ng-template pTemplate=\"input\">\n                                                <input pInputText type=\"text\" [(ngModel)]=\"entrada.valorDefecto\"\n                                                    class=\"w-full\">\n                                            </ng-template>\n                                            <ng-template pTemplate=\"output\">\n                                                {{entrada.valorDefecto}}\n                                            </ng-template>\n                                        </p-cellEditor>\n                                    </td>\n                                    <td class=\"flex justify-content-end\">\n                                        <div>\n                                            <!-- CHECK GUARDAR -->\n                                            <!-- <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                                icon=\"pi pi-check\" (click)=\"editarEntrada(entrada)\"\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                                            <!-- CANCELAR -->\n                                            <!-- <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\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                                            <!-- EDITAR -->\n                                            <!-- <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                                icon=\"glyphicons glyphicons-pencil\"\n                                                class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button> -->\n                                            <!-- ELIMINAR -->\n                                            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                                icon=\"pi pi-trash\" (click)=\"eliminarEntrada($event,entrada)\"\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                </ng-template>\n            </p-accordionTab>\n        <p-accordionTab *ngIf=\"((!isNew) && (!isServicioWeb()))\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'campos' | translate}}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div class=\"flex align-items-center justify-content-between mb-2\">\n                        <app-filtro-general [filtros]=\"filtersCampo\" [datatable]=\"tablaGeneralCampo\">\n                            <ng-template let-form>\n                                <ng-container [formGroup]=\"form\">\n                                    <div class=\"field\">\n                                        <span class=\"p-float-label\">\n                                            <input pInputText autofocus type=\"text\" id=\"id_descripcion\"\n                                                formControlName=\"descripcion\" autocomplete=\"off\" />\n                                            <label for=\"id_descripcion\">{{'descripcion' | translate}}</label>\n                                        </span>\n                                    </div>\n                                </ng-container>\n                            </ng-template>\n                        </app-filtro-general>\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampo()\" 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 #tablaGeneralCampo [value]=\"campos\" styleClass=\"p-datatable-striped\" [scrollable]=\"true\"\n                        [rows]=\"paginatorCampo.rows\" [paginator]=\"paginatorCampo.totalRecords > paginatorCampo.rows\"\n                        [totalRecords]=\"paginatorCampo.totalRecords\" [lazy]=\"true\" [showCurrentPageReport]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" (onRowSelect)=\"seleccionCampo($event)\"\n                        selectionMode=\"single\" responsiveLayout=\"scroll\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        (onLazyLoad)=\"cargarCampos($event)\" selectionMode=\"single\" [rowsPerPageOptions]=\"[10, 20, 30]\"\n                        [showCurrentPageReport]=\"true\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th class=\"w-12rem\">{{'descripcion' | translate}}</th>\n                                <th class=\"w-12rem\">{{'tipodato' | translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"(isRompimiento()) || (isAgrupamiento())\">{{'tipo' | translate}}\n                                    {{'informacion' | translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"isConSeparador()\">{{'columna' | translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"isSinSeparador()\">{{'posicion' | translate}} {{'inicial' |\n                                    translate}}</th>\n                                <th class=\"w-12rem\" *ngIf=\"isSinSeparador()\">{{'posicion' | translate}} {{'final' |\n                                    translate}}\n                                </th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-campo>\n                            <tr [pSelectableRow]=\"campo\">\n                                <td class=\"w-12rem\">\n                                    {{campo.descripcion}}\n                                </td>\n                                <td class=\"w-12rem\">\n                                    {{campo.tipoDato | fuentePipe:'listaTipoDato'}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isRompimiento() || isAgrupamiento()\">\n                                    {{campo.tipoInformacion}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isConSeparador()\">\n                                    {{campo.columna}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isSinSeparador()\">\n                                    {{campo.posicionInicial}}\n                                </td>\n                                <td class=\"w-12rem\" *ngIf=\"isSinSeparador()\">\n                                    {{campo.posicionFinal}}\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\n                    </p-table>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!isNew\" [selected]=\"abrirAcordion\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'servicio' | translate}}s\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <div>\n                        <div class=\"flex align-items-center justify-content-between mb-2\">\n                            <app-filtro-general [filtros]=\"filtersCampo\" [datatable]=\"tablaGeneralServicio\">\n                                <ng-template let-form>\n                                    <ng-container [formGroup]=\"form\">\n                                        <div class=\"field\">\n                                            <span class=\"p-float-label\">\n                                                <input pInputText autofocus type=\"text\" id=\"id_descripcion\"\n                                                    formControlName=\"descripcion\" autocomplete=\"off\" />\n                                                <label for=\"id_descripcion\">{{'descripcion' | translate}}</label>\n                                            </span>\n                                        </div>\n                                    </ng-container>\n                                </ng-template>\n                            </app-filtro-general>\n                            <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoServicio()\"\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 #tablaGeneralServicio [value]=\"servicios\" styleClass=\"p-datatable-striped\"\n                            [scrollable]=\"true\" [rows]=\"paginatorServicios.rows\"\n                            [paginator]=\"paginatorServicios.totalRecords > paginatorServicios.rows\"\n                            [totalRecords]=\"paginatorServicios.totalRecords\" [lazy]=\"true\"\n                            [showCurrentPageReport]=\"true\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n                            (onRowSelect)=\"seleccionarServicio($event)\" selectionMode=\"single\" responsiveLayout=\"scroll\"\n                            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                            (onLazyLoad)=\"cargarServicios($event)\" selectionMode=\"single\"\n                            [rowsPerPageOptions]=\"[10, 20, 30]\" [showCurrentPageReport]=\"true\">\n                            <ng-template pTemplate=\"header\">\n                                <tr>\n                                    <th class=\"w-12rem\">{{'servicio' | translate}}</th>\n                                    <th class=\"w-12rem\">{{'descripcion' | translate}}</th>\n                                    <th class=\"w-12rem\" *ngIf=\"!isUnicoRegistro()\">{{'tipo' | translate}} {{'informacion' |\n                                        translate}}</th>\n                                    <th class=\"w-12rem\">{{'orden' | translate}}</th>\n                                </tr>\n                            </ng-template>\n                            <ng-template pTemplate=\"body\" let-servicio>\n                                <tr [pSelectableRow]=\"servicio\">\n                                    <td class=\"w-12rem\">\n                                        {{transform(servicio.servicio,'mapaServicio')}}\n                                    </td>\n                                    <td class=\"w-12rem\">\n                                        {{servicio.descripcion}}\n                                    </td>\n                                    <td class=\"w-12rem\" *ngIf=\"!isUnicoRegistro()\">\n                                        {{servicio.tipoInformacion}}\n                                    </td>\n                                    <td class=\"w-12rem\">\n                                        {{servicio.orden}}\n                                    </td>\n                                </tr>\n                            </ng-template>\n                            <ng-template pTemplate=\"emptymessage\">\n                                <p class=\"p-3 font-medium emptymessage\" >\n                                    {{'mensajetablavacia' | translate}}\n                                </p>\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\n                        </p-table>\n                    </div>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!isNew\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'puntoproceso' | translate}}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                <div class=\"flex justify-content-end align-items-center\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoRecurso()\" icon=\"pi pi-plus\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n                <div class=\"field col-12 md:col-12 lg:col-12\">\n                    <p-table #tablaGeneralRecurso [value]=\"recursos\" styleClass=\"p-datatable-striped\"\n                        [scrollable]=\"true\" [rows]=\"paginatorRecursos.rows\" [paginator]=\"paginatorRecursos.totalRecords > paginatorRecursos.rows\"\n                        [totalRecords]=\"paginatorRecursos.totalRecords\" [lazy]=\"true\" [showCurrentPageReport]=\"true\"\n                        scrollDirection=\"both\" scrollDirection=\"horizontal\" (onRowSelect)=\"seleccionarRecurso($event)\"\n                        selectionMode=\"single\" responsiveLayout=\"scroll\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        (onLazyLoad)=\"cargarRecurso($event)\" selectionMode=\"single\" [rowsPerPageOptions]=\"[10, 20, 30]\"\n                        [showCurrentPageReport]=\"true\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th class=\"w-12rem\">{{'puntoproceso' | translate}}</th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"body\" let-recurso>\n                            <tr [pSelectableRow]=\"recurso\">\n                                <td class=\"w-12rem\">\n                                    {{recurso.puntoProcesoDescripcion}}\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\n                    </p-table>\n                </div>\n            </ng-template>\n        </p-accordionTab>\n        <p-accordionTab *ngIf=\"!isNew\">\n            <ng-template pTemplate=\"header\">\n                <i class=\"glyphicons glyphicons-notes-2\"></i>{{'notificacion' | translate}}\n            </ng-template>\n            <ng-template pTemplate=\"content\">\n                \n                <div class=\"flex justify-content-end align-items-center\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoRegistroNotificacion()\"\n                        icon=\"pi pi-plus\"\n                        class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n\n\n                <p-table #tablaGeneralEntrada id=\"tabla_lista_tipo_entidad\" [value]=\"listadoNotificacion\" [scrollable]=\"true\" [tableStyle]=\"{ 'min-width': '90rem' }\"\n                scrollDirection=\"horizontal\"[rows]=\"paginatorNotificaciones.totalRecords\" [paginator]=\"paginatorNotificaciones.totalRecords > paginatorNotificaciones.rows\" scrollDirection=\"horizontal\"  styleClass=\"p-datatable-striped\"\n                [rows]=\"paginatorEntrada.rows\" [totalRecords]=\"paginatorEntrada.totalRecords\" [rowsPerPageOptions]=\"[10, 20, 50]\" selectionMode=\"single\"\n                [showCurrentPageReport]=\"true\" editMode=\"row\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" [lazy]=\"true\"\n                (onLazyLoad)=\"cargarListadoNotificaciones($event)\" dataKey=\"llaveTabla\">\n                        <ng-template pTemplate=\"header\">\n                            <tr>\n                                <th style=\"max-width: 12%;\">{{'tipo' | translate}}</th>\n                                <th style=\"max-width: 25%;\">{{'correo' | translate}}</th>\n                                <th style=\"max-width: 30%;\">{{'asunto' | translate}}</th>\n                                <th style=\"max-width: 50%;\">{{'html' | translate}}</th>\n                                <th style=\"max-width: 30%;\">{{'copia' | translate}}</th>\n                                <th style=\"max-width: 8%;\"> </th>\n                            </tr>\n                            <tr class=\" TablaNuevoRegistro\" *ngIf=\"vistaVisualizar === 'nuevoN'\" [formGroup]=\"formularioNoti\">\n                                <td style=\"max-width: 12%;\"> \n                                    <p-dropdown [options]=\"fuentePipe.LISTA_TIPORECURSO\" optionValue=\"codigo\" formControlName=\"tipoRecurso\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" (onChange)=\"validarCorreo()\"></p-dropdown> \n                                </td>\n                                <td style=\"max-width: 25%;\" class=\"w-full\">\n                                    <input pInputText type=\"text\" formControlName=\"correo\" *ngIf=\"formularioNoti?.get('tipoRecurso').value != 'P'\" class=\"w-full\" >\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <input pInputText type=\"text\" formControlName=\"descripcion\"\n                                        class=\"w-full\">\n                                </td>\n                                <td class=\"w-full\" style=\"max-width: 50%;\">\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"formularioNoti?.get('predefinido').value ? formularioNoti?.get('tipoRecurso')['predefinido']: ''\"\n                                        (onSelected)=\"obtenerArchivoPlanillaServicio($event)\"\n                                        [extensiones]=\"'html;jasper;jrxml'\">\n                                    </app-input-helper-seleccion-plantilla>\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <input pInputText type=\"text\"  formControlName=\"correoCopia\"\n                                        class=\"w-full\">\n                                </td>\n                                <td class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\"\n                                        (click)=\"agregarNotificacion(null, true)\"\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)=\"cancelarNotificacion()\"\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-noti let-editing=\"editing\" let-ri=\"rowIndex\">\n                            <tr [pEditableRow]=\"noti\">\n                                <td style=\"max-width: 12%;\">\n                                    <p-cellEditor>\n                                       <ng-template pTemplate=\"output\">\n                                            {{noti.tipoRecurso | fuentePipe:'listaTipoRecurso'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 25%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti?.correo ? noti?.correo?.substr(-20,10) : ''}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti.descripcion | generalPipe:'listaSiNo'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 50%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti?.predefinido ?  noti?.predefinido.substr(-20,10) : ''}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"max-width: 30%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"output\">\n                                            {{noti.correoCopia}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td class=\"justify-content-end\">\n                                    <div class=\"flex align-items-center justify-content-center gap-2\">\n                                        <!-- ELIMINAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                            icon=\"pi pi-trash\" (click)=\"eliminarNotificacion($event,noti)\"\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                                </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                \n            </ng-template>\n        </p-accordionTab>\n    </p-accordion>\n</div>\n<div *ngIf=\"nuevoRCampo\">\n    <app-popup-campos-fuente-general [mostrar]=\"nuevoRCampo\" [campo]=\"campo\" (regresar)=\"regresarCampo()\"\n        [fuenteDTO]=\"formulario.value\"></app-popup-campos-fuente-general>\n</div>\n\n<div *ngIf=\"mantenimientoServicio\">\n    <app-fuente-general-servicio [fuenteGeneral]=\"formulario.value\" [fuenteServicioDTO]=\"servicio\" [unica]=\"isUnicoRegistro()\"\n        [servicios]=\"listaServicios\" (regresar)=\"regresarServicio()\" [isNew]=\"nuevoServicioP\" (regresarNuevo)=\"setearCampoNuevo($event)\">\n    </app-fuente-general-servicio>\n</div>\n<div *ngIf=\"verPuntoProceso\">\n<app-popup-recurso (regresar)=\"cerrarRecurso()\"></app-popup-recurso>\n</div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i17.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i17.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { 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: "pipe", type: GeneralPipe, name: "generalPipe" }, { kind: "pipe", type: FuentePipe, name: "fuentePipe" }, { kind: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "component", type: PopupCamposFuenteGeneralComponent, selector: "app-popup-campos-fuente-general", inputs: ["mostrar", "campo", "fuenteDTO"], outputs: ["regresar", "regresarNuevo"] }, { kind: "component", type: FuenteGeneralServicioComponent, selector: "app-fuente-general-servicio", inputs: ["fuenteGeneral", "fuenteServicioDTO", "unica", "servicios", "camposFuente", "isNew", "fuente"], outputs: ["regresar"] }, { kind: "component", type: PopupRecursoComponent, selector: "app-popup-recurso", outputs: ["regresar"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: MantenimientoFuenteGeneralPage, decorators: [{
             type: Component,
@@ -9030,7 +9031,7 @@ class FormulariodinamicoComponent {
         this.campos = this.campos.filter(obj => !camposRemover.some(objEliminar => objEliminar.campo === obj.campo));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FormulariodinamicoComponent, deps: [{ token: UtilsService }, { token: GeneralService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: FormulariodinamicoComponent, isStandalone: true, selector: "formulario-dinamico", inputs: { campos: "campos", editable: "editable", objeto: "objeto", isMensaje: "isMensaje" }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["popup"], descendants: true, read: ViewContainerRef }, { propertyName: "hashes", predicate: HashDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table [value]=\"campos\">\n  <ng-template pTemplate=\"body\" let-campo>\n    <tr *ngIf=\"validarVisibilidadCampos(campo)\">\n      <td style=\"width: 20%;\">\n        <label *ngIf=\"campo.editable != 'N'\" [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [class]=\"campo.tipo  == 'I' ? 'font-bold color-400 mt-7' : ''\">\n            {{ campo.descripcion }} \n            <ng-container *ngIf=\"campo.editable != 'N' && campo.obligatorio\">*</ng-container>\n        </label>\n      </td>\n      <td style=\"width: 80%\">\n        <div class=\"p-fluid p-formgrid grid\">\n        <div [ngClass]=\"campo.ayuda && campo.editable != 'N' ? 'col-11' : 'col-12'\">\n        <!--campo tipo FECHA-->\n        <p-calendar\n          class=\"w-full\"\n          appendTo=\"body\" \n          type=\"text\"\n          [(ngModel)]=\"campo.valor\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          dateFormat=\"dd/mm/yy\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'F' && campo.editable != 'N'\"\n          [showIcon]=\"true\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                                    \n        ></p-calendar>\n\n        <!--campo tipo HORA-->\n        <p-calendar\n          class=\"w-full\"\n          appendTo=\"body\" \n          [(ngModel)]=\"campo.valor\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'X' && campo.editable != 'N'\"\n          [showTime]=\"true\"\n          [showSeconds]=\"true\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        ></p-calendar>\n\n        <!--campo tipo HORA VALOR-->\n        <input\n          pInputText\n          type=\"time\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'Z' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        />\n\n        <!--campo tipo TEXTO-->\n        <input\n          pInputText\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'T' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        />\n\n        <!--campo tipo AREA TEXTO-->\n        <textarea\n          pInputTextarea\n          [(ngModel)]=\"campo.valor\"\n          rows=\"5\"\n          cols=\"5\"\n          [tabIndex]=\"campo.orden + 1\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          *ngIf=\"campo.tipo == 'A' && campo.editable != 'N'\"\n          class=\"w-full p-inputtextarea p-inputtext p-component p-element min-h-100 max-h-250\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </textarea>\n\n        <!--campo tipo NUMERO-->\n        <p-inputNumber\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          [maxlength]=\"campo.longitud\"\n          *ngIf=\"campo.tipo == 'N' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </p-inputNumber>\n\n        <!--campo tipo DECIMAL-->\n        <p-inputNumber\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          mode=\"decimal\"\n          [minFractionDigits]=\"2\"\n          *ngIf=\"campo.tipo == 'D' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </p-inputNumber>\n\n        <!--campo tipo SECRET-->\n        <p-password\n          [feedback]=\"false\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'S' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        ></p-password>\n\n        <!--campo tipo COMBO-->\n        <p-dropdown\n          class=\"w-full\"\n          appendTo=\"body\"\n          [options]=\"campo.lista\"\n          [autoDisplayFirst]=\"false\"\n          [(ngModel)]=\"campo.valor\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          *ngIf=\"campo.tipo == 'C' && campo.editable != 'N'\"\n          [showClear]=\"!campo.obligatorio\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </p-dropdown>\n\n        <!--campo tipo LOGICO-->\n        <div *ngIf=\"campo.tipo == 'L' && campo.editable != 'N'\">\n          <div class=\"col-md-12\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div *ngFor=\"let valor of listaSiNoRadioButton\" class=\"mt-4 col-12 md:col-2 field-checkbox\">\n                <p-radioButton\n                  [inputId]=\"valor.key\"\n                  name=\"valor\"\n                  [value]=\"valor.key\"\n                  [label]=\"valor.name\"\n                  [(ngModel)]=\"campo.valor\"\n                  [disabled]=\"!editable || campo.editable == 'L'\"\n                  [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                  [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                ></p-radioButton>\n                <label>    </label>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--campo tipo RADIO-->\n        <div *ngIf=\"campo.tipo == 'R' && campo.editable != 'N'\">\n          <div class=\"col-md-12\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div *ngFor=\"let valor of campo.lista\" class=\"mt-4 col-12 md:col-2 field-checkbox\">\n              <p-radioButton\n                [inputId]=\"valor.value\"\n                name=\"valor\"\n                [value]=\"valor.value\"\n                [label]=\"valor.label\"\n                [(ngModel)]=\"campo.valor\"\n                [disabled]=\"!editable || campo.editable == 'L'\"\n                [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n              ></p-radioButton>\n            </div>\n            </div>\n          </div>\n        </div>\n\n        <!--campo tipo CHECKBOX-->\n        <div *ngIf=\"campo.tipo == 'H' && campo.editable != 'N'\">\n          <div class=\"col-md-12\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div *ngFor=\"let valor of campo.lista\" class=\"col-12 md:col-3 field-checkbox\">\n                    <p-checkbox\n                      [inputId]=\"valor.value\"\n                      name=\"valor\"\n                      [value]=\"valor\"\n                      [(ngModel)]=\"campo.valor\"\n                      [disabled]=\"!editable || campo.editable == 'L'\"\n                      [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                      [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                    ></p-checkbox>\n                    <label [for]=\"valor.value\">{{ valor.label }}</label>\n                </div>\n              </div>\n          </div>\n        </div>\n\n        <!--campo tipo AUTOCOMPLETAR-->\n        <p-autoComplete\n          *ngIf=\"\n            (campo.tipo == 'O' || campo.tipo == 'Y') && campo.editable != 'N'\n          \"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [suggestions]=\"campo.listaAutocompleteFiltrada\"\n          (completeMethod)=\"campo.filtrarAutocomplete($event)\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n          <ng-template let-valor pTemplate=\"item\">\n            <div>\n              <div>{{ valor.label }}</div>\n            </div>\n          </ng-template>\n        </p-autoComplete>\n\n        <!--campo tipo POPUP-->\n        <div class=\"field\" *ngIf=\"campo.tipo == 'P' && campo.editable != 'N'\" >\n          <ng-container   *ngFor=\"let item of campo.listaPopups\" [hash]=\"item\"></ng-container>\n        </div>\n        <div *ngIf=\"verMensajeFuncion\" class=\"text-center w-1\">\n          <label>{{ campo.mensajeFuncion }}</label>\n        </div>\n        <div *ngIf=\"isMensaje\">\n          <label *ngIf=\"campo.mensaje\">{{ campo.mensaje }}</label>\n        </div>\n        </div>\n\n        <div *ngIf=\"campo.ayuda && campo.editable != 'N'\" class=\"col-1 contenedor\"  >\n          <span\n          class=\"w-1rem\"\n          style=\"color: var(--color-400)\"\n          tooltipStyleClass=\"tw-250\"\n          [hideDelay]=\"1800\"\n          pTooltip=\"{{ campo.ayuda }}\"\n          tooltipPosition=\"top\"\n          *ngIf=\"campo.ayuda && campo.editable != 'N'\"\n          ><i class=\"pi pi-question-circle\"></i\n        ></span>\n          </div>\n        </div>\n    </td>\n    </tr>\n  </ng-template>\n</p-table>", styles: [".contenedor{display:flex;justify-content:center;align-items:center}:host ::ng-deep .subtitulo{display:table;margin-top:12px;margin-bottom:30px}:host ::ng-deep .subtitulo label{position:absolute;font-weight:600;color:#232323}:host ::ng-deep .p-datatable table{background:#fafafa}\n"], dependencies: [{ 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i10$2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { 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: 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: PasswordModule }, { kind: "component", type: i9.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15$1.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i10.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: HashDirective, selector: "[hash]", inputs: ["hash"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: FormulariodinamicoComponent, isStandalone: true, selector: "formulario-dinamico", inputs: { campos: "campos", editable: "editable", objeto: "objeto", isMensaje: "isMensaje" }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["popup"], descendants: true, read: ViewContainerRef }, { propertyName: "hashes", predicate: HashDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table [value]=\"campos\">\n  <ng-template pTemplate=\"body\" let-campo>\n    <tr *ngIf=\"validarVisibilidadCampos(campo)\">\n      <td style=\"width: 20%;\">\n        <label *ngIf=\"campo.editable != 'N'\" [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [class]=\"campo.tipo  == 'I' ? 'font-bold color-400 mt-7' : ''\">\n            {{ campo.descripcion }} \n            <ng-container *ngIf=\"campo.editable != 'N' && campo.obligatorio\">*</ng-container>\n        </label>\n      </td>\n      <td style=\"width: 80%\">\n        <div class=\"p-fluid p-formgrid grid\">\n        <div [ngClass]=\"campo.ayuda && campo.editable != 'N' ? 'col-11' : 'col-12'\">\n        <!--campo tipo FECHA-->\n        <p-calendar\n          class=\"w-full\"\n          appendTo=\"body\" \n          type=\"text\"\n          [(ngModel)]=\"campo.valor\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          dateFormat=\"dd/mm/yy\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'F' && campo.editable != 'N'\"\n          [showIcon]=\"true\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                                    \n        ></p-calendar>\n\n        <!--campo tipo HORA-->\n        <p-calendar\n          class=\"w-full\"\n          appendTo=\"body\" \n          [(ngModel)]=\"campo.valor\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'X' && campo.editable != 'N'\"\n          [showTime]=\"true\"\n          [showSeconds]=\"true\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        ></p-calendar>\n\n        <!--campo tipo HORA VALOR-->\n        <input\n          pInputText\n          type=\"time\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'Z' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        />\n\n        <!--campo tipo TEXTO-->\n        <input\n          pInputText\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'T' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        />\n\n        <!--campo tipo AREA TEXTO-->\n        <textarea\n          pInputTextarea\n          [(ngModel)]=\"campo.valor\"\n          rows=\"5\"\n          cols=\"5\"\n          [tabIndex]=\"campo.orden + 1\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          *ngIf=\"campo.tipo == 'A' && campo.editable != 'N'\"\n          class=\"w-full p-inputtextarea p-inputtext p-component p-element min-h-100 max-h-250\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </textarea>\n\n        <!--campo tipo NUMERO-->\n        <p-inputNumber\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          [maxlength]=\"campo.longitud\"\n          *ngIf=\"campo.tipo == 'N' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </p-inputNumber>\n\n        <!--campo tipo DECIMAL-->\n        <p-inputNumber\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          mode=\"decimal\"\n          [minFractionDigits]=\"2\"\n          *ngIf=\"campo.tipo == 'D' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </p-inputNumber>\n\n        <!--campo tipo SECRET-->\n        <p-password\n          [feedback]=\"false\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [tabIndex]=\"campo.orden + 1\"\n          *ngIf=\"campo.tipo == 'S' && campo.editable != 'N'\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        ></p-password>\n\n        <!--campo tipo COMBO-->\n        <p-dropdown\n          class=\"w-full\"\n          appendTo=\"body\"\n          [options]=\"campo.lista\"\n          [autoDisplayFirst]=\"false\"\n          [(ngModel)]=\"campo.valor\"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          *ngIf=\"campo.tipo == 'C' && campo.editable != 'N'\"\n          [showClear]=\"!campo.obligatorio\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n        </p-dropdown>\n\n        <!--campo tipo LOGICO-->\n        <div *ngIf=\"campo.tipo == 'L' && campo.editable != 'N'\">\n          <div class=\"col-md-12\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div *ngFor=\"let valor of listaSiNoRadioButton\" class=\"mt-4 col-12 md:col-2 field-checkbox\">\n                <p-radioButton\n                  [inputId]=\"valor.key\"\n                  name=\"valor\"\n                  [value]=\"valor.key\"\n                  [label]=\"valor.name\"\n                  [(ngModel)]=\"campo.valor\"\n                  [disabled]=\"!editable || campo.editable == 'L'\"\n                  [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                  [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                ></p-radioButton>\n                <label>    </label>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--campo tipo RADIO-->\n        <div *ngIf=\"campo.tipo == 'R' && campo.editable != 'N'\">\n          <div class=\"col-md-12\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div *ngFor=\"let valor of campo.lista\" class=\"mt-4 col-12 md:col-2 field-checkbox\">\n              <p-radioButton\n                [inputId]=\"valor.value\"\n                name=\"valor\"\n                [value]=\"valor.value\"\n                [label]=\"valor.label\"\n                [(ngModel)]=\"campo.valor\"\n                [disabled]=\"!editable || campo.editable == 'L'\"\n                [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n              ></p-radioButton>\n            </div>\n            </div>\n          </div>\n        </div>\n\n        <!--campo tipo CHECKBOX-->\n        <div *ngIf=\"campo.tipo == 'H' && campo.editable != 'N'\">\n          <div class=\"col-md-12\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div *ngFor=\"let valor of campo.lista\" class=\"col-12 md:col-3 field-checkbox\">\n                    <p-checkbox\n                      [inputId]=\"valor.value\"\n                      name=\"valor\"\n                      [value]=\"valor\"\n                      [(ngModel)]=\"campo.valor\"\n                      [disabled]=\"!editable || campo.editable == 'L'\"\n                      [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                      [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n                    ></p-checkbox>\n                    <label [for]=\"valor.value\">{{ valor.label }}</label>\n                </div>\n              </div>\n          </div>\n        </div>\n\n        <!--campo tipo AUTOCOMPLETAR-->\n        <p-autoComplete\n          *ngIf=\"\n            (campo.tipo == 'O' || campo.tipo == 'Y') && campo.editable != 'N'\n          \"\n          [disabled]=\"!editable || campo.editable == 'L'\"\n          [(ngModel)]=\"campo.valor\"\n          [suggestions]=\"campo.listaAutocompleteFiltrada\"\n          (completeMethod)=\"campo.filtrarAutocomplete($event)\"\n          field=\"label\"\n          [dropdown]=\"true\"\n          [style.color]=\"campo.resaltado ? 'var(--color-500) !important' : ''\"\n          [pTooltip]=\"campo.novedad ? campo.novedad : null\" tooltipPosition=\"top\"\n          [class.ng-dirty]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n          [class.ng-invalid]=\"campo.obligatorio ? (!utilsService.validarCampoObligatorio(campo.valor) && validando) : false\"\n        >\n          <ng-template let-valor pTemplate=\"item\">\n            <div>\n              <div>{{ valor.label }}</div>\n            </div>\n          </ng-template>\n        </p-autoComplete>\n\n        <!--campo tipo POPUP-->\n        <div class=\"field\" *ngIf=\"campo.tipo == 'P' && campo.editable != 'N'\" >\n          <ng-container   *ngFor=\"let item of campo.listaPopups\" [hash]=\"item\"></ng-container>\n        </div>\n        <div *ngIf=\"verMensajeFuncion\" class=\"text-center w-1\">\n          <label>{{ campo.mensajeFuncion }}</label>\n        </div>\n        <div *ngIf=\"isMensaje\">\n          <label *ngIf=\"campo.mensaje\">{{ campo.mensaje }}</label>\n        </div>\n        </div>\n\n        <div *ngIf=\"campo.ayuda && campo.editable != 'N'\" class=\"col-1 contenedor\"  >\n          <span\n          class=\"w-1rem\"\n          style=\"color: var(--color-400)\"\n          tooltipStyleClass=\"tw-250\"\n          [hideDelay]=\"1800\"\n          pTooltip=\"{{ campo.ayuda }}\"\n          tooltipPosition=\"top\"\n          *ngIf=\"campo.ayuda && campo.editable != 'N'\"\n          ><i class=\"pi pi-question-circle\"></i\n        ></span>\n          </div>\n        </div>\n    </td>\n    </tr>\n  </ng-template>\n</p-table>", styles: [".contenedor{display:flex;justify-content:center;align-items:center}:host ::ng-deep .subtitulo{display:table;margin-top:12px;margin-bottom:30px}:host ::ng-deep .subtitulo label{position:absolute;font-weight:600;color:#232323}:host ::ng-deep .p-datatable table{background:#fafafa}\n"], dependencies: [{ 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i10$2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { 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: 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: PasswordModule }, { kind: "component", type: i9.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i10.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: HashDirective, selector: "[hash]", inputs: ["hash"] }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FormulariodinamicoComponent, decorators: [{
             type: Component,
@@ -9612,7 +9613,7 @@ class ImportarFuenteConComponent {
         return this.fuenteDTO != null && this.fuenteDTO.separador != null && this.fuenteDTO.separador != this.fuentePipe.SIN_SEPARADOR;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ImportarFuenteConComponent, deps: [{ token: GeneralService }, { token: DataExporter }, { token: AuthService }, { token: FuentePipe }, { token: CargueLineaService }, { token: ToastService }, { token: i7.ConfirmationService }, { token: MenuService$1 }, { token: GeneralPipe }, { token: UtilsService }, { token: ParametrosNavegacionService }, { token: i7$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ImportarFuenteConComponent, isStandalone: true, selector: "app-importar-fuente-con", outputs: { regresarFuente: "regresarFuente" }, providers: [DataExporter, MessageService, ConfirmationService], viewQueries: [{ propertyName: "formulario", first: true, predicate: ["formulario"], descendants: true }, { propertyName: "tabla", first: true, predicate: ["tablaDatos"], descendants: true }, { propertyName: "tabla2", first: true, predicate: ["tablaDatos2"], descendants: true }], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"!mostrar\">\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    </div>\n    <app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginadorFuente\" [rows]=\"paginator.rows\"\n        [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"cargarlistado($event)\" (onRowSelect)=\"cargar($event)\"\n        [loading]=\"loadingPaginadorFuente\"></app-tabla-general>\n</div>\n<div *ngIf=\"mostrar\">\n    <div class=\"card mt-3\" *ngIf=\"fuenteDTO != null\">\n        <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n        <div class=\"Inputgroup p-fluid p-formgrid grid\">\n            <div class=\"field col-3 md:col-3 lg:col-3\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.descripcion\" [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                    <label for=\"fuente\">{{'fuente' | translate}}</label>\n                </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" value=\"{{fuenteDTO.tipo | fuentePipe:'listaTipoFuente'}}\"\n                        [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                <label for=\"tipo\">{{'tipo' | translate}}</label>\n            </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" value=\"{{fuenteDTO.separador | fuentePipe:'listaSeparador'}}\"\n                        [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                    <label for=\"separador\">{{'separador' | translate}}</label>\n                </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"procesoDTO != null\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" value=\"{{procesoDTO.fechaProceso | date: ('formatofecha' | translate) }}\"\n                        [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                    <label for=\"fechaproceso\">{{'fechaproceso' | translate}}</label>\n                </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"nombreArchivo != null && this.panel == 'DATOS' \">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" [(ngModel)]=\"nombreArchivo\" [disabled]=\"true\" pInputText autofocus\n                        type=\"text\" />\n                    <label for=\"nombrearchivo\">{{'nombrearchivo' | translate}}</label>\n                </span>\n            </div>\n        </div>\n    </div>\n\n<div *ngIf=\"panel =='IMPORTAR'\">\n    <p-tabView>\n        <p-tabPanel header=\"{{'entrada' | translate}}\" *ngIf=\"fuenteDTO != null\">\n            <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"fuenteDTO?.motor == 'X'\">\n                <div class=\"card mt-2 mb-2\">\n                    <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n                        <div class=\"field col-3 md:col-3 lg:col-3\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.estado\" [disabled]=\"true\" pInputText\n                                    autofocus type=\"text\" />\n                                <label for=\"estado\">{{'estado' | translate}}</label>\n                            </span>\n                        </div>\n                        <div class=\"field col-3 md:col-3 lg:col-3\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.solicitaDetalle\" [disabled]=\"true\"\n                                    pInputText autofocus type=\"text\" />\n                                <label for=\"detalle\">{{'detalle' | translate}}</label>\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"card mt-2 mb-2 field col-12 md:col-12 lg:col-12\" *ngIf=\"!isServicioWeb()\">\n\n                <p-table [value]=\"camposArchivo\">\n                    <ng-template pTemplate=\"body\" let-campo>\n                      <tr>\n                        <td style=\"width: 20%;\">\n                          <label>{{campo.descripcion}}</label>\n                        </td>\n                        <td style=\"width: 80%\">\n                          <div class=\"p-fluid p-formgrid grid\">\n                            <div class=\"col-12 md:col-12\" id=\"btn-cargar-popup\">\n                                <div class=\"p-inputgroup\">\n                                    <input pInputText [readonly]=\"true\" [value]=\"archivoSeleccionado?.name ? archivoSeleccionado?.name : ''\" disabled  />\n                                    <p-fileUpload #fubauto mode=\"basic\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n                                            (onSelect)=\"cargarArchivo($event, fubauto)\" ></p-fileUpload>\n                              </div>\n                          </div>\n                          </div>\n                        </td>\n                      </tr>\n                    </ng-template>\n                </p-table>\n\n                <formulario-dinamico #formulario [editable]=\"true\" [campos]=\"campos\" \n                    [objeto]=\"fuenteDTO\" *ngIf=\"verFormulario && campos.length > 0\"></formulario-dinamico>\n                \n                <div class=\"flex justify-content-end\">\n                    <button pButton pRipple class=\"m-2 p-button-outlined\"\n                        *ngIf=\"fuenteDTO.motor != 'X' && (isServicioWeb() || nombreArchivo != null)\" icon=\"pi pi-upload\"\n                        label=\"{{'link_importar' | translate}}\" (click)=\"importar()\">\n                    </button>\n                    <button pButton pRipple class=\"m-2 p-button p-button-raised\" *ngIf=\"fuenteDTO.motor =='X'\"\n                        label=\"{{'link_importarejecutar' | translate}}\" (click)=\"importarEjecutar()\">\n                    </button>\n                </div>\n            </div>\n        </p-tabPanel>\n        <p-tabPanel header=\"{{'historico' | translate}}\" *ngIf=\"paginadorProcesos.length > 0 && fuenteDTO != null\">\n\n        </p-tabPanel>\n    </p-tabView>\n</div>\n\n<div *ngIf=\"panel =='DATOS'\">\n\n    <div class=\"card\" *ngIf=\"panelImportar =='GRUPOS'\">\n \n\n        <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n            <div>\n                \n            </div>\n\n            <div class=\"flex justify-content-end\">\n                <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n                    *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n                    label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n                </button>\n                <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n                </button>\n                <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla.exportCSV()\"\n                    class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n                    tooltipPosition=\"bottom\"></button>\n                <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n                    (click)=\"dataExporter.exportExcelColumnas(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , 'tabla', columnasExportExcel)\"\n                    class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n                    tooltipPosition=\"bottom\"></button>\n                <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n                    (click)=\"dataExporter.exportPdf(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , exportColumns, 'tabla')\"\n                    class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n            </div>\n        </div>\n\n        <p-table #tablaDatos responsiveLayout=\"scroll\" [value]=\"datos\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n            [rows]=\"10\" [totalRecords]=\"datos.length\" [exportFilename]=\"'tablaDatos'\"\n            [paginator]=\"datos.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n            [showCurrentPageReport]=\"true\" selectionMode=\"single\" [scrollable]=\"true\" [columns]=\"cols\"\n            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"!isMotor()\"\n            [(selection)]=\"grupo\" (onRowSelect)=\"verGrupo($event)\">\n             \n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'grupo' | translate}}</th>\n                    <th>{{'linea' | translate}}</th>\n                    <th>{{'advertencia' | translate}}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-bean>\n                <tr [pSelectableRow]=\"bean\">\n                    <td class=\"w-8rem font-medium\">{{bean.codigo}}</td>\n                    <td>\n                        {{bean.unicaLinea}}</td>\n                    <td>\n                        {{bean.mensajeErrores}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n              </ng-template>\n        </p-table>\n    </div>\n\n    <div *ngIf=\"panelImportar =='DETALLEGRUPO'\">\n        <div *ngIf=\"!isMotor()\">\n        <h5>{{'grupo' | translate}}: {{grupo.codigo}}</h5>\n        <p-accordion *ngIf=\"!isMotor()\">\n            <p-accordionTab [selected]=\"true\">\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'linea' | translate}} </ng-template>\n                <ng-template pTemplate=\"content\">\n                      \n                    <p-table responsiveLayout=\"scroll\" [value]=\"paginadorCampos\" responsiveLaoyout=\"scroll\"\n                        [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        rowGroupMode=\"subheader\" dataKey=\"numeroLinea\" groupRowsBy=\"numeroLinea\" expandableRowGroups=\"true\"\n                         *ngIf=\"paginadorCampos.length > 0\">\n                        <ng-template pTemplate=\"header\">\n\n                            <tr class=\"fondoTablaPincipal\">\n                                <th>{{'campo' | translate}}</th>\n                                <th>{{'archivo' | translate}}</th>\n                                <th>{{'tipo' | translate}}</th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n                            <tr>\n                                <td colspan=\"100\">\n                                    <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n                                        class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n                                        [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n    \n                                    <span class=\"font-bold ml-2\" style=\"line-height: 40px;\"> {{'linea' | translate}}:\n                                        {{bean.numeroLinea}}</span>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"rowexpansion\" let-bean>\n                            <tr [pSelectableRow]=\"bean\">\n                                <td>{{bean.campoAtributo}}</td>\n                                <td>{{bean.cadena}}</td>\n                                <td>{{bean.tipoDato | fuentePipe : 'listaTipoDato'}}</td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                          </ng-template>\n                    </p-table>\n                </ng-template>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"paginadorParametros?.length > 0\" >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'servicio' | translate}} </ng-template>\n                <ng-template pTemplate=\"content\">\n\n                    <p-table responsiveLayout=\"scroll\" [value]=\"paginadorParametros\" responsiveLaoyout=\"scroll\" \n                        [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        rowGroupMode=\"subheader\" dataKey=\"llaveunica\" groupRowsBy=\"llaveunica\" expandableRowGroups=\"true\"\n                        *ngIf=\"paginadorParametros.length > 0\">\n                        <ng-template pTemplate=\"header\">\n\n                            <tr class=\"fondoTablaPincipal\">\n                                <th>{{'parametro' | translate}}s</th>\n                                <th>{{'valor' | translate}}</th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n                            <tr>\n                                <td colspan=\"100\">\n                                    <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n                                        class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n                                        [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n    \n                                    <span class=\"font-bold ml-2\" style=\"line-height: 40px;\">{{bean.llaveunica}}</span>\n                                    <br/>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"rowexpansion\" let-bean>\n                            <tr>\n                                <td>{{bean.campoAtributo}}</td>\n                                <td>\n                                    <label *ngIf=\"bean.tipoDato == 'L' || bean.tipoDato == 'T'\">{{bean.cadena}}</label>\n                                    <label *ngIf=\"bean.tipoDato == 'D' || bean.tipoDato == 'N'\">{{bean.numero}}</label>\n                                    <label *ngIf=\"bean.tipoDato == 'F'\">{{bean.cadena | date : ('formatofecha' | translate) }}</label>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                          </ng-template>\n                    </p-table>\n                </ng-template>\n            </p-accordionTab>\n        </p-accordion>\n    </div>\n        <div *ngIf=\"isMotor()\">\n            <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n                <div>\n                    \n                </div>\n    \n                <div class=\"flex justify-content-end\">\n                    <div class=\"ml-2 mb-1 mt-2\" *ngIf=\"lineasConMensaje != 0\" >\n                        <p-checkbox class=\"ml-1\" [(ngModel)]=\"verInconsistencia\"  [binary]=\"true\">  </p-checkbox>\n                        <label style=\"margin: 3px 8px;\">  {{'soloinconsistencias' | translate}}</label>\n                    </div>\n\n                    <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n                        *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n                        label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n                    </button>\n                    <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n                    </button>\n                    <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla2.exportCSV()\"\n                        class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n                        tooltipPosition=\"bottom\"></button>\n                    <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n                        (click)=\"dataExporter.exportExcel(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , 'tabla2')\"\n                        class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n                        tooltipPosition=\"bottom\"></button>\n                    <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n                        (click)=\"dataExporter.exportPdf(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , exportColumns, 'tabla2')\"\n                        class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n                </div>\n            </div>\n            <br/>\n            <p-table #tablaDatos2 responsiveLayout=\"scroll\" [value]=\"lineasCargadas\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n                [rows]=\"10\" [totalRecords]=\"lineasCargadas.length\"\n                [paginator]=\"lineasCargadas.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n                [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                *ngIf=\" !verInconsistencia\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'numerolinea' | translate}}</th>\n                        <th>{{'linea' | translate}}</th>\n                        <th>{{'mensaje' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-bean>\n                    <tr [pSelectableRow]=\"bean\">\n                        <td>{{bean.numero}}</td>\n                        <td>{{bean.linea}}</td>\n                        <td>{{bean.mensaje}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                  </ng-template>\n                <ng-template pTemplate=\"footer\" let-dato >\n                    <tr>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n            <p-table responsiveLayout=\"scroll\" [value]=\"lineasInconsistencia\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n                [rows]=\"10\" [totalRecords]=\"lineasInconsistencia.length\"\n                [paginator]=\"lineasInconsistencia.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n                [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                *ngIf=\"verInconsistencia\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'numerolinea' | translate}}</th>\n                        <th>{{'linea' | translate}}</th>\n                        <th>{{'mensaje' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-bean>\n                    <tr [pSelectableRow]=\"bean\">\n                        <td>{{bean.numero}}</td>\n                        <td>{{bean.linea}}</td>\n                        <td>{{bean.mensaje}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                  </ng-template>\n\n                <ng-template pTemplate=\"footer\" let-dato >\n                    <tr>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n \n        </div>\n    </div>\n    \n    \n</div>\n</div>\n", styles: ["#btn-cargar-popup .p-fileupload .p-button{background:#fff;box-shadow:none;width:auto;color:var(--color-400);padding:.85rem .1rem;border-radius:0 5px 5px 0;margin-left:-3px;border-right:solid 1px var(--color-100)}\n"], dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i15.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { 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: "ngmodule", type: TabViewModule }, { kind: "component", type: i17$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { 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: AccordionModule }, { kind: "component", type: i17.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: FormulariodinamicoComponent, selector: "formulario-dinamico", inputs: ["campos", "editable", "objeto", "isMensaje"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i20.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { 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: "pipe", type: FuentePipe, name: "fuentePipe" }, { 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: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ImportarFuenteConComponent, isStandalone: true, selector: "app-importar-fuente-con", outputs: { regresarFuente: "regresarFuente" }, providers: [DataExporter, MessageService, ConfirmationService], viewQueries: [{ propertyName: "formulario", first: true, predicate: ["formulario"], descendants: true }, { propertyName: "tabla", first: true, predicate: ["tablaDatos"], descendants: true }, { propertyName: "tabla2", first: true, predicate: ["tablaDatos2"], descendants: true }], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div *ngIf=\"!mostrar\">\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    </div>\n    <app-tabla-general #tablaGeneral [columns]=\"columns\" [value]=\"paginadorFuente\" [rows]=\"paginator.rows\"\n        [totalRecords]=\"paginator.totalRecords\" (onLoad)=\"cargarlistado($event)\" (onRowSelect)=\"cargar($event)\"\n        [loading]=\"loadingPaginadorFuente\"></app-tabla-general>\n</div>\n<div *ngIf=\"mostrar\">\n    <div class=\"card mt-3\" *ngIf=\"fuenteDTO != null\">\n        <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n        <div class=\"Inputgroup p-fluid p-formgrid grid\">\n            <div class=\"field col-3 md:col-3 lg:col-3\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.descripcion\" [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                    <label for=\"fuente\">{{'fuente' | translate}}</label>\n                </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" value=\"{{fuenteDTO.tipo | fuentePipe:'listaTipoFuente'}}\"\n                        [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                <label for=\"tipo\">{{'tipo' | translate}}</label>\n            </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" value=\"{{fuenteDTO.separador | fuentePipe:'listaSeparador'}}\"\n                        [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                    <label for=\"separador\">{{'separador' | translate}}</label>\n                </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"procesoDTO != null\">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" value=\"{{procesoDTO.fechaProceso | date: ('formatofecha' | translate) }}\"\n                        [disabled]=\"true\" pInputText autofocus type=\"text\" />\n                    <label for=\"fechaproceso\">{{'fechaproceso' | translate}}</label>\n                </span>\n            </div>\n            <div class=\"field col-3 md:col-3 lg:col-3\" *ngIf=\"nombreArchivo != null && this.panel == 'DATOS' \">\n                <span class=\"p-float-label\">\n                    <input class=\"w-full\" [(ngModel)]=\"nombreArchivo\" [disabled]=\"true\" pInputText autofocus\n                        type=\"text\" />\n                    <label for=\"nombrearchivo\">{{'nombrearchivo' | translate}}</label>\n                </span>\n            </div>\n        </div>\n    </div>\n\n<div *ngIf=\"panel =='IMPORTAR'\">\n    <p-tabView>\n        <p-tabPanel header=\"{{'entrada' | translate}}\" *ngIf=\"fuenteDTO != null\">\n            <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"fuenteDTO?.motor == 'X'\">\n                <div class=\"card mt-2 mb-2\">\n                    <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n                        <div class=\"field col-3 md:col-3 lg:col-3\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.estado\" [disabled]=\"true\" pInputText\n                                    autofocus type=\"text\" />\n                                <label for=\"estado\">{{'estado' | translate}}</label>\n                            </span>\n                        </div>\n                        <div class=\"field col-3 md:col-3 lg:col-3\">\n                            <span class=\"p-float-label\">\n                                <input class=\"w-full\" [(ngModel)]=\"fuenteDTO.solicitaDetalle\" [disabled]=\"true\"\n                                    pInputText autofocus type=\"text\" />\n                                <label for=\"detalle\">{{'detalle' | translate}}</label>\n                            </span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"card mt-2 mb-2 field col-12 md:col-12 lg:col-12\" *ngIf=\"!isServicioWeb()\">\n\n                <p-table [value]=\"camposArchivo\">\n                    <ng-template pTemplate=\"body\" let-campo>\n                      <tr>\n                        <td style=\"width: 20%;\">\n                          <label>{{campo.descripcion}}</label>\n                        </td>\n                        <td style=\"width: 80%\">\n                          <div class=\"p-fluid p-formgrid grid\">\n                            <div class=\"col-12 md:col-12\" id=\"btn-cargar-popup\">\n                                <div class=\"p-inputgroup\">\n                                    <input pInputText [readonly]=\"true\" [value]=\"archivoSeleccionado?.name ? archivoSeleccionado?.name : ''\" disabled  />\n                                    <p-fileUpload #fubauto mode=\"basic\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n                                            (onSelect)=\"cargarArchivo($event, fubauto)\" ></p-fileUpload>\n                              </div>\n                          </div>\n                          </div>\n                        </td>\n                      </tr>\n                    </ng-template>\n                </p-table>\n\n                <formulario-dinamico #formulario [editable]=\"true\" [campos]=\"campos\" \n                    [objeto]=\"fuenteDTO\" *ngIf=\"verFormulario && campos.length > 0\"></formulario-dinamico>\n                \n                <div class=\"flex justify-content-end\">\n                    <button pButton pRipple class=\"m-2 p-button-outlined\"\n                        *ngIf=\"fuenteDTO.motor != 'X' && (isServicioWeb() || nombreArchivo != null)\" icon=\"pi pi-upload\"\n                        label=\"{{'link_importar' | translate}}\" (click)=\"importar()\">\n                    </button>\n                    <button pButton pRipple class=\"m-2 p-button p-button-raised\" *ngIf=\"fuenteDTO.motor =='X'\"\n                        label=\"{{'link_importarejecutar' | translate}}\" (click)=\"importarEjecutar()\">\n                    </button>\n                </div>\n            </div>\n        </p-tabPanel>\n        <p-tabPanel header=\"{{'historico' | translate}}\" *ngIf=\"paginadorProcesos.length > 0 && fuenteDTO != null\">\n\n        </p-tabPanel>\n    </p-tabView>\n</div>\n\n<div *ngIf=\"panel =='DATOS'\">\n\n    <div class=\"card\" *ngIf=\"panelImportar =='GRUPOS'\">\n \n\n        <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n            <div>\n                \n            </div>\n\n            <div class=\"flex justify-content-end\">\n                <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n                    *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n                    label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n                </button>\n                <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n                </button>\n                <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla.exportCSV()\"\n                    class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n                    tooltipPosition=\"bottom\"></button>\n                <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n                    (click)=\"dataExporter.exportExcelColumnas(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , 'tabla', columnasExportExcel)\"\n                    class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n                    tooltipPosition=\"bottom\"></button>\n                <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n                    (click)=\"dataExporter.exportPdf(tabla.filteredValue == null ? tabla.value : tabla.filteredValue , exportColumns, 'tabla')\"\n                    class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n            </div>\n        </div>\n\n        <p-table #tablaDatos responsiveLayout=\"scroll\" [value]=\"datos\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n            [rows]=\"10\" [totalRecords]=\"datos.length\" [exportFilename]=\"'tablaDatos'\"\n            [paginator]=\"datos.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n            [showCurrentPageReport]=\"true\" selectionMode=\"single\" [scrollable]=\"true\" [columns]=\"cols\"\n            currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"!isMotor()\"\n            [(selection)]=\"grupo\" (onRowSelect)=\"verGrupo($event)\">\n             \n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'grupo' | translate}}</th>\n                    <th>{{'linea' | translate}}</th>\n                    <th>{{'advertencia' | translate}}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-bean>\n                <tr [pSelectableRow]=\"bean\">\n                    <td class=\"w-8rem font-medium\">{{bean.codigo}}</td>\n                    <td>\n                        {{bean.unicaLinea}}</td>\n                    <td>\n                        {{bean.mensajeErrores}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n              </ng-template>\n        </p-table>\n    </div>\n\n    <div *ngIf=\"panelImportar =='DETALLEGRUPO'\">\n        <div *ngIf=\"!isMotor()\">\n        <h5>{{'grupo' | translate}}: {{grupo.codigo}}</h5>\n        <p-accordion *ngIf=\"!isMotor()\">\n            <p-accordionTab [selected]=\"true\">\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'linea' | translate}} </ng-template>\n                <ng-template pTemplate=\"content\">\n                      \n                    <p-table responsiveLayout=\"scroll\" [value]=\"paginadorCampos\" responsiveLaoyout=\"scroll\"\n                        [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        rowGroupMode=\"subheader\" dataKey=\"numeroLinea\" groupRowsBy=\"numeroLinea\" expandableRowGroups=\"true\"\n                         *ngIf=\"paginadorCampos.length > 0\">\n                        <ng-template pTemplate=\"header\">\n\n                            <tr class=\"fondoTablaPincipal\">\n                                <th>{{'campo' | translate}}</th>\n                                <th>{{'archivo' | translate}}</th>\n                                <th>{{'tipo' | translate}}</th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n                            <tr>\n                                <td colspan=\"100\">\n                                    <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n                                        class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n                                        [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n    \n                                    <span class=\"font-bold ml-2\" style=\"line-height: 40px;\"> {{'linea' | translate}}:\n                                        {{bean.numeroLinea}}</span>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"rowexpansion\" let-bean>\n                            <tr [pSelectableRow]=\"bean\">\n                                <td>{{bean.campoAtributo}}</td>\n                                <td>{{bean.cadena}}</td>\n                                <td>{{bean.tipoDato | fuentePipe : 'listaTipoDato'}}</td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                          </ng-template>\n                    </p-table>\n                </ng-template>\n            </p-accordionTab>\n            <p-accordionTab *ngIf=\"paginadorParametros?.length > 0\" >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-book\"></i>{{'servicio' | translate}} </ng-template>\n                <ng-template pTemplate=\"content\">\n\n                    <p-table responsiveLayout=\"scroll\" [value]=\"paginadorParametros\" responsiveLaoyout=\"scroll\" \n                        [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                        rowGroupMode=\"subheader\" dataKey=\"llaveunica\" groupRowsBy=\"llaveunica\" expandableRowGroups=\"true\"\n                        *ngIf=\"paginadorParametros.length > 0\">\n                        <ng-template pTemplate=\"header\">\n\n                            <tr class=\"fondoTablaPincipal\">\n                                <th>{{'parametro' | translate}}s</th>\n                                <th>{{'valor' | translate}}</th>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"groupheader\" let-bean let-rowIndex=\"rowIndex\" let-expanded=\"expanded\">\n                            <tr>\n                                <td colspan=\"100\">\n                                    <button type=\"button\" pButton pRipple [pRowToggler]=\"bean\"\n                                        class=\"p-element p-ripple p-button-rounded mr-2 mb-2 p-button p-component p-button-desplegable p-button-icon-only\"\n                                        [icon]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\"></button>\n    \n                                    <span class=\"font-bold ml-2\" style=\"line-height: 40px;\">{{bean.llaveunica}}</span>\n                                    <br/>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"rowexpansion\" let-bean>\n                            <tr>\n                                <td>{{bean.campoAtributo}}</td>\n                                <td>\n                                    <label *ngIf=\"bean.tipoDato == 'L' || bean.tipoDato == 'T'\">{{bean.cadena}}</label>\n                                    <label *ngIf=\"bean.tipoDato == 'D' || bean.tipoDato == 'N'\">{{bean.numero}}</label>\n                                    <label *ngIf=\"bean.tipoDato == 'F'\">{{bean.cadena | date : ('formatofecha' | translate) }}</label>\n                                </td>\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                          </ng-template>\n                    </p-table>\n                </ng-template>\n            </p-accordionTab>\n        </p-accordion>\n    </div>\n        <div *ngIf=\"isMotor()\">\n            <div class=\"flex justify-content-between align-items-center mb-4 mt-3\">\n                <div>\n                    \n                </div>\n    \n                <div class=\"flex justify-content-end\">\n                    <div class=\"ml-2 mb-1 mt-2\" *ngIf=\"lineasConMensaje != 0\" >\n                        <p-checkbox class=\"ml-1\" [(ngModel)]=\"verInconsistencia\"  [binary]=\"true\">  </p-checkbox>\n                        <label style=\"margin: 3px 8px;\">  {{'soloinconsistencias' | translate}}</label>\n                    </div>\n\n                    <button pButton pRipple class=\"p-button-secondary font-semibold ml-2 mb-0 mt-0\" icon=\"glyphicons glyphicons-play\"\n                        *ngIf=\"verBotonEjecutar && procesarDatos && (isImportacion() || isEjecucion())\"\n                        label=\"{{'link_ejecutar' | translate}}\" (click)=\"ejecutar()\">\n                    </button>\n                    <button pButton pRipple class=\"p-button-outlined claro font-semibold ml-2 mb-0 mt-0\" *ngIf=\"procesoDTO.llaveTabla != null\" icon=\"glyphicons glyphicons-bin\" \n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"cancelarProceso()\">\n                    </button>\n                    <button type=\"button\" pButton pRipple icon=\"pi pi-file\" (click)=\"tabla2.exportCSV()\"\n                        class=\"p-button-raised p-button-export border-solid-1 border-color-400 ml-2 w-auto\" pTooltip=\"CSV\"\n                        tooltipPosition=\"bottom\"></button>\n                    <button type=\"button\" pButton pRipple icon=\"pi pi-file-excel\"\n                        (click)=\"dataExporter.exportExcel(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , 'tabla2')\"\n                        class=\"p-button-outlined ml-2 background-100 w-auto\" pTooltip=\"XLS\"\n                        tooltipPosition=\"bottom\"></button>\n                    <button type=\"button\" pButton pRipple icon=\"pi pi-file-pdf\"\n                        (click)=\"dataExporter.exportPdf(tabla2.filteredValue == null ? tabla2.value : tabla2.filteredValue , exportColumns, 'tabla2')\"\n                        class=\"p-button-outlined ml-2 w-auto\" pTooltip=\"PDF\" tooltipPosition=\"bottom\"></button>\n                </div>\n            </div>\n            <br/>\n            <p-table #tablaDatos2 responsiveLayout=\"scroll\" [value]=\"lineasCargadas\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n                [rows]=\"10\" [totalRecords]=\"lineasCargadas.length\"\n                [paginator]=\"lineasCargadas.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n                [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                *ngIf=\" !verInconsistencia\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'numerolinea' | translate}}</th>\n                        <th>{{'linea' | translate}}</th>\n                        <th>{{'mensaje' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-bean>\n                    <tr [pSelectableRow]=\"bean\">\n                        <td>{{bean.numero}}</td>\n                        <td>{{bean.linea}}</td>\n                        <td>{{bean.mensaje}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                  </ng-template>\n                <ng-template pTemplate=\"footer\" let-dato >\n                    <tr>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n            <p-table responsiveLayout=\"scroll\" [value]=\"lineasInconsistencia\" responsiveLaoyout=\"scroll\" [paginator]=\"true\"\n                [rows]=\"10\" [totalRecords]=\"lineasInconsistencia.length\"\n                [paginator]=\"lineasInconsistencia.length > 10\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n                [showCurrentPageReport]=\"true\" [scrollable]=\"true\"\n                currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n                *ngIf=\"verInconsistencia\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'numerolinea' | translate}}</th>\n                        <th>{{'linea' | translate}}</th>\n                        <th>{{'mensaje' | translate}}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-bean>\n                    <tr [pSelectableRow]=\"bean\">\n                        <td>{{bean.numero}}</td>\n                        <td>{{bean.linea}}</td>\n                        <td>{{bean.mensaje}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                  </ng-template>\n\n                <ng-template pTemplate=\"footer\" let-dato >\n                    <tr>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'resumen' | translate}}: </td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineasinmensaje' | translate}}: {{lineasSinMensaje}}</td>\n                        <td class=\"font-bold\" *ngIf=\"lineasConMensaje != 0 || lineasSinMensaje != 0\">{{'cantidadlineaconmensaje' | translate}}: {{lineasConMensaje}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n \n        </div>\n    </div>\n    \n    \n</div>\n</div>\n", styles: ["#btn-cargar-popup .p-fileupload .p-button{background:#fff;box-shadow:none;width:auto;color:var(--color-400);padding:.85rem .1rem;border-radius:0 5px 5px 0;margin-left:-3px;border-right:solid 1px var(--color-100)}\n"], dependencies: [{ 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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i17.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { 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: "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: "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: AccordionModule }, { kind: "component", type: i17$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: FormulariodinamicoComponent, selector: "formulario-dinamico", inputs: ["campos", "editable", "objeto", "isMensaje"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i20.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { 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: "pipe", type: FuentePipe, name: "fuentePipe" }, { 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: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ImportarFuenteConComponent, decorators: [{
             type: Component,
@@ -9767,7 +9768,7 @@ class ImportarFuenteGeneralComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ImportarFuenteGeneralComponent, deps: [{ token: GeneralService }, { token: i7.ConfirmationService }, { token: ToastService }, { token: GeneralPipe }, { token: MenuService$1 }, { token: StorageService }, { token: UtilsService }, { token: CargueLineaService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ImportarFuenteGeneralComponent, isStandalone: true, selector: "app-importar-fuente-general", providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "detalle", first: true, predicate: ["detalle"], descendants: true }], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div class=\"flex align-items-center justify-content-between align-items-center mb-3\">\n    <h1  class=\"mb-1\">{{'importarfuente' | translate}}</h1>\n    \n    <button pButton pRipple (click)=\"regresar()\" label=\"{{'link_regresar' | translate}}\" icon=\"pi pi-chevron-left\" *ngIf=\"!mostrarMenu\"\n    class=\"p-button-text font-semibold flex-shrink-0 ml-4\" ></button>\n</div>\n\n<p-menubar [model]=\"items\" class=\"menu-accion-sara\" *ngIf=\"mostrarMenu && !autoServicioPortal()\"></p-menubar>\n\n<div *ngIf=\"isVer() && mostrarMenu\"></div>\n<h4 *ngIf=\"!autoServicioPortal()\">{{titulo}}</h4>\n\n<div *ngIf=\"tipoPresentacion == 'fuente'\">\n    <app-importar-fuente-con #detalle (regresarFuente)=\"regresarFuente($event)\"></app-importar-fuente-con>\n</div>\n<div *ngIf=\"tipoPresentacion != 'fuente' && vistaVisualizar == null\">\n    <p-table #tablaFuenteProceso\n        responsiveLayout=\"scroll\"\n        [scrollable]=\"true\"\n        [value]=\"listaFuenteProceso\"\n        [paginator]=\"paginator.totalRecords > paginator.rows\"\n        [rows]=\"paginator.rows\"\n        [totalRecords]=\"paginator.totalRecords\"\n        [rowsPerPageOptions]=\"[10, 20, 50]\"\n        selectionMode=\"single\"\n        styleClass=\"p-datatable-striped\"\n        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n        (onRowSelect)=\"verAnterior($event)\"\n        >\n        <ng-template pTemplate=\"header\">\n            <tr class=\"fondoTablaPincipal\">\n                <th style=\"text-align: center\">{{'fuente' | translate}}</th>\n                <th style=\"text-align: center\">{{'usuario' | translate}}</th>\n                <th style=\"text-align: center\">{{'estado' | translate}}</th>\n                <th style=\"text-align: center\">{{'archivo' | translate}}</th>\n                <th style=\"text-align: center\">{{'proceso' | translate}}</th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-bean>\n            <tr [pSelectableRow]=\"bean\">\n                <td style=\"text-align: center\">{{bean.nombreFuente}}</td>\n                <td style=\"text-align: center\">{{bean.usuario}}</td>\n                <td style=\"text-align: center\">{{bean.estado}}</td>\n                <td style=\"text-align: center\">{{bean.archivo}}</td>\n                <td style=\"text-align: center\">{{bean.fechaProceso | date : ('formatofechahora' | translate)}}</td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n            <tr>\n                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n            </tr>\n          </ng-template>\n    </p-table>\n</div>\n<div *ngIf=\"tipoPresentacion != 'fuente' && vistaVisualizar == 'detalle'\">\n\n    <div class=\"field col-12 md:col-12 lg:col-12\">\n        <div class=\"card mt-2 mb-2\">\n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}} {{'cargue' | translate}}</h5>\n            <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.nombreFuente\" [disabled]=\"true\" pInputText autofocus\n                            type=\"text\" />\n                        <label for=\"fuente\">{{'fuente' | translate}}</label>\n                    </span>\n                </div>\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.usuario\" [disabled]=\"true\" pInputText autofocus\n                            type=\"text\" />\n                        <label for=\"usuario\">{{'usuario' | translate}}</label>\n                    </span>\n                </div>\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.estado\" [disabled]=\"true\" pInputText autofocus\n                            type=\"text\" />\n                        <label for=\"estado\">{{'estado' | translate}}</label>\n                    </span>\n                </div>\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input pInputText class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.archivo\" [disabled]=\"true\"  autofocus\n                            type=\"text\" />\n                        <label for=\"archivo\">{{'archivo' | translate}}</label>\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex justify-content-end\">\n                <button pButton pRipple class=\"m-2 p-button p-button-outlined\" \n                    icon=\"glyphicons glyphicons-bin\" label=\"{{'link_eliminar' | translate}}\"\n                    (click)=\"eliminar()\">\n                </button>\n               \n            </div>\n        </div>\n    </div>\n    <p-table #tablaCargueLinea\n        responsiveLayout=\"scroll\"\n        [scrollable]=\"true\"\n        [value]=\"listaLineas\"\n        [paginator]=\"paginator.totalRecordsLL > paginator.rowsLL\"\n        [rows]=\"paginator.rowsLL\"\n        [totalRecords]=\"paginator.totalRecordsLL\"\n        [rowsPerPageOptions]=\"[10, 20, 50]\"\n        styleClass=\"p-datatable-striped\"\n        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n        >\n        <ng-template pTemplate=\"header\">\n            <tr class=\"fondoTablaPincipal\">\n                <th style=\"text-align: center\">{{'linea' | translate}}</th>\n                <th style=\"text-align: center\">{{'mensaje' | translate}}</th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-bean>\n            <tr [pSelectableRow]=\"bean\">\n                <td style=\"text-align: center\">{{bean.linea}}</td>\n                <td style=\"text-align: center\">{{bean.mensaje}}</td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n            <tr>\n                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n            </tr>\n          </ng-template>\n    </p-table>\n    \n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i11$1.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "component", type: ImportarFuenteConComponent, selector: "app-importar-fuente-con", outputs: ["regresarFuente"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabViewModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ImportarFuenteGeneralComponent, isStandalone: true, selector: "app-importar-fuente-general", providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "detalle", first: true, predicate: ["detalle"], descendants: true }], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div class=\"flex align-items-center justify-content-between align-items-center mb-3\">\n    <h1  class=\"mb-1\">{{'importarfuente' | translate}}</h1>\n    \n    <button pButton pRipple (click)=\"regresar()\" label=\"{{'link_regresar' | translate}}\" icon=\"pi pi-chevron-left\" *ngIf=\"!mostrarMenu\"\n    class=\"p-button-text font-semibold flex-shrink-0 ml-4\" ></button>\n</div>\n\n<p-menubar [model]=\"items\" class=\"menu-accion-sara\" *ngIf=\"mostrarMenu && !autoServicioPortal()\"></p-menubar>\n\n<div *ngIf=\"isVer() && mostrarMenu\"></div>\n<h4 *ngIf=\"!autoServicioPortal()\">{{titulo}}</h4>\n\n<div *ngIf=\"tipoPresentacion == 'fuente'\">\n    <app-importar-fuente-con #detalle (regresarFuente)=\"regresarFuente($event)\"></app-importar-fuente-con>\n</div>\n<div *ngIf=\"tipoPresentacion != 'fuente' && vistaVisualizar == null\">\n    <p-table #tablaFuenteProceso\n        responsiveLayout=\"scroll\"\n        [scrollable]=\"true\"\n        [value]=\"listaFuenteProceso\"\n        [paginator]=\"paginator.totalRecords > paginator.rows\"\n        [rows]=\"paginator.rows\"\n        [totalRecords]=\"paginator.totalRecords\"\n        [rowsPerPageOptions]=\"[10, 20, 50]\"\n        selectionMode=\"single\"\n        styleClass=\"p-datatable-striped\"\n        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n        (onRowSelect)=\"verAnterior($event)\"\n        >\n        <ng-template pTemplate=\"header\">\n            <tr class=\"fondoTablaPincipal\">\n                <th style=\"text-align: center\">{{'fuente' | translate}}</th>\n                <th style=\"text-align: center\">{{'usuario' | translate}}</th>\n                <th style=\"text-align: center\">{{'estado' | translate}}</th>\n                <th style=\"text-align: center\">{{'archivo' | translate}}</th>\n                <th style=\"text-align: center\">{{'proceso' | translate}}</th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-bean>\n            <tr [pSelectableRow]=\"bean\">\n                <td style=\"text-align: center\">{{bean.nombreFuente}}</td>\n                <td style=\"text-align: center\">{{bean.usuario}}</td>\n                <td style=\"text-align: center\">{{bean.estado}}</td>\n                <td style=\"text-align: center\">{{bean.archivo}}</td>\n                <td style=\"text-align: center\">{{bean.fechaProceso | date : ('formatofechahora' | translate)}}</td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n            <tr>\n                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n            </tr>\n          </ng-template>\n    </p-table>\n</div>\n<div *ngIf=\"tipoPresentacion != 'fuente' && vistaVisualizar == 'detalle'\">\n\n    <div class=\"field col-12 md:col-12 lg:col-12\">\n        <div class=\"card mt-2 mb-2\">\n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}} {{'cargue' | translate}}</h5>\n            <div class=\"contenedor p-fluid grid mt-1 mb-1\">\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.nombreFuente\" [disabled]=\"true\" pInputText autofocus\n                            type=\"text\" />\n                        <label for=\"fuente\">{{'fuente' | translate}}</label>\n                    </span>\n                </div>\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.usuario\" [disabled]=\"true\" pInputText autofocus\n                            type=\"text\" />\n                        <label for=\"usuario\">{{'usuario' | translate}}</label>\n                    </span>\n                </div>\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.estado\" [disabled]=\"true\" pInputText autofocus\n                            type=\"text\" />\n                        <label for=\"estado\">{{'estado' | translate}}</label>\n                    </span>\n                </div>\n                <div class=\"field col-3 md:col-3 lg:col-3\">\n                    <span class=\"p-float-label\">\n                        <input pInputText class=\"w-full\" [(ngModel)]=\"fuenteProcesoDTO.archivo\" [disabled]=\"true\"  autofocus\n                            type=\"text\" />\n                        <label for=\"archivo\">{{'archivo' | translate}}</label>\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex justify-content-end\">\n                <button pButton pRipple class=\"m-2 p-button p-button-outlined\" \n                    icon=\"glyphicons glyphicons-bin\" label=\"{{'link_eliminar' | translate}}\"\n                    (click)=\"eliminar()\">\n                </button>\n               \n            </div>\n        </div>\n    </div>\n    <p-table #tablaCargueLinea\n        responsiveLayout=\"scroll\"\n        [scrollable]=\"true\"\n        [value]=\"listaLineas\"\n        [paginator]=\"paginator.totalRecordsLL > paginator.rowsLL\"\n        [rows]=\"paginator.rowsLL\"\n        [totalRecords]=\"paginator.totalRecordsLL\"\n        [rowsPerPageOptions]=\"[10, 20, 50]\"\n        styleClass=\"p-datatable-striped\"\n        currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n        >\n        <ng-template pTemplate=\"header\">\n            <tr class=\"fondoTablaPincipal\">\n                <th style=\"text-align: center\">{{'linea' | translate}}</th>\n                <th style=\"text-align: center\">{{'mensaje' | translate}}</th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-bean>\n            <tr [pSelectableRow]=\"bean\">\n                <td style=\"text-align: center\">{{bean.linea}}</td>\n                <td style=\"text-align: center\">{{bean.mensaje}}</td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n            <tr>\n                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n            </tr>\n          </ng-template>\n    </p-table>\n    \n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { 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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i11$1.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "component", type: ImportarFuenteConComponent, selector: "app-importar-fuente-con", outputs: ["regresarFuente"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabViewModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ImportarFuenteGeneralComponent, decorators: [{
             type: Component,
@@ -9918,6 +9919,11 @@ class ReporteFuentePipe {
         { codigo: this.IMAGEN, nombre: this.IMAGEN_DESC },
         { codigo: 'G', nombre: 'Grupo' },
     ];
+    RECURSO_GRAFICA = [
+        { codigo: this.SERIE, nombre: this.SERIE_STRING },
+        { codigo: this.CATEGORIA, nombre: this.CATEGORIA_STRING },
+        { codigo: this.VALOR, nombre: this.VALOR_STRING },
+    ];
     /* ======================================
      *   Formatos de generacion de reportes
      * ====================================== */
@@ -10219,7 +10225,7 @@ class DetalleCampoReporteComponent {
         return this.reporteFuente.origenFuente == tipo;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleCampoReporteComponent, deps: [{ token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: i7.ConfirmationService }, { token: EjecucionReporteService }, { token: GeneralPipe }, { token: i7$1.TranslateService }, { token: ReporteFuentePipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleCampoReporteComponent, isStandalone: true, selector: "detalle-campo-reporte", inputs: { reporteFuente: "reporteFuente" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1 class=\"text-xl mb-1\">{{'campo' | translate}}</h1>\n    <div class=\"flex justify-content-end mb-3\" *ngIf=\"vistaVisualizar != 'detalle'\">\n        <button pButton pRipple (click)=\"nuevaColumna()\" label=\"{{'link_nuevo' | translate}}\"\n            icon=\"pi pi-plus\" class=\"p-button-secondary font-semibold flex-shrink-0 ml-4 mr-2\"></button>\n        <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_importar' | translate}}\" *ngIf=\"isFuente()\"\n            (click)=\"importar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\n        <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_generar' | translate}}\" *ngIf=\"isSql()\"\n            (click)=\"generar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\n    </div>\n    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n        <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'campo' | translate}}\" \n            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n    </div>\n</div>\n\n<p-table [value]=\"listaColumna\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\" dataKey=\"llave\"\n    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"vistaVisualizar != 'detalle'\"\n    (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginador.rows\" [totalRecords]=\"paginador.totalRecords\" [paginator]=\"paginador.totalRecords > paginador.rows\"\n    [lazy]=\"true\" (onLazyLoad)=\"cargarListaColumna($event)\">\n    <ng-template pTemplate=\"header\">\n         \n        <tr class=\"fondoTablaPincipal\">\n            <th>{{'nombre' | translate}} </th>\n            <th>{{'sintaxis' | translate}} </th>\n            <th>{{'tipo' | translate}} </th>\n        </tr>\n        <th>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-campo>\n        <tr [pSelectableRow]=\"campo\">\n            <td>{{campo.nombre}}</td>\n            <td>{{campo.sintaxis}}</td>\n            <td>{{campo.tipoDato | reporteFuentePipe : 'listaTipoDatoColumna'}}</td>\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n        <tr>\n            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n    </ng-template>\n</p-table>\n\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\n    <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n    <div class=\"col-md-12\">\n        <div class=\"Detallereporte mt-2\">\n            <form [formGroup]=\"formReporteColumna\" #formulario=\"ngForm\">\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-6\">\n                        <span class=\"p-float-label\">\n                            <span class=\"p-float-label\">\n                                <input pInputText id=\"nombre\" type=\"text\" formControlName=\"nombre\" size=\"40\">\n                                <label htmlFor=\"nombre\">{{'nombre' | translate}} *</label>\n                            </span>\n                        </span>\n                    </div>\n                    <div class=\"field col-12 md:col-6\">\n                        <span class=\"p-float-label\">\n                            <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label htmlFor=\"tipoDato\">{{'tipo' | translate}} *</label>\n                        </span>\n                    </div>\n                    <div class=\"field col-12 md:col-12\">\n                        <span class=\"p-float-label\">\n                            <textarea class=\"w-full min-h-150 max-h-200\"  pInputTextarea formControlName=\"sintaxis\"></textarea>\n                            <label htmlFor=\"sintaxis\">{{'sintaxis' | translate}} *</label>\n                        </span>\n                    </div>\n                    \n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\n                        icon=\"glyphicons {{reporteColumna.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \n                        label=\"{{reporteColumna.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteColumna.llaveTabla\"\n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n                    </button>\n                </div>\n            </form>\n        </div>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "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: 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: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleCampoReporteComponent, isStandalone: true, selector: "detalle-campo-reporte", inputs: { reporteFuente: "reporteFuente" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<div class=\"flex justify-content-between align-items-center mb-3\">\n    <h1 class=\"text-xl mb-1\">{{'campo' | translate}}</h1>\n    <div class=\"flex justify-content-end mb-3\" *ngIf=\"vistaVisualizar != 'detalle'\">\n        <button pButton pRipple (click)=\"nuevaColumna()\" label=\"{{'link_nuevo' | translate}}\"\n            icon=\"pi pi-plus\" class=\"p-button-secondary font-semibold flex-shrink-0 ml-4 mr-2\"></button>\n        <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_importar' | translate}}\" *ngIf=\"isFuente()\"\n            (click)=\"importar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\n        <button pButton pRipple class=\"p-button p-button-outlined\" label=\"{{'link_generar' | translate}}\" *ngIf=\"isSql()\"\n            (click)=\"generar()\"><i class=\"glyphicons glyphicons-restart\"></i></button>\n    </div>\n    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n        <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'campo' | translate}}\" \n            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n    </div>\n</div>\n\n<p-table [value]=\"listaColumna\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\" dataKey=\"llave\"\n    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" *ngIf=\"vistaVisualizar != 'detalle'\"\n    (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginador.rows\" [totalRecords]=\"paginador.totalRecords\" [paginator]=\"paginador.totalRecords > paginador.rows\"\n    [lazy]=\"true\" (onLazyLoad)=\"cargarListaColumna($event)\">\n    <ng-template pTemplate=\"header\">\n         \n        <tr class=\"fondoTablaPincipal\">\n            <th>{{'nombre' | translate}} </th>\n            <th>{{'sintaxis' | translate}} </th>\n            <th>{{'tipo' | translate}} </th>\n        </tr>\n        <th>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-campo>\n        <tr [pSelectableRow]=\"campo\">\n            <td>{{campo.nombre}}</td>\n            <td>{{campo.sintaxis}}</td>\n            <td>{{campo.tipoDato | reporteFuentePipe : 'listaTipoDatoColumna'}}</td>\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n        <tr>\n            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n    </ng-template>\n</p-table>\n\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\n    <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n    <div class=\"col-md-12\">\n        <div class=\"Detallereporte mt-2\">\n            <form [formGroup]=\"formReporteColumna\" #formulario=\"ngForm\">\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-6\">\n                        <span class=\"p-float-label\">\n                            <span class=\"p-float-label\">\n                                <input pInputText id=\"nombre\" type=\"text\" formControlName=\"nombre\" size=\"40\">\n                                <label htmlFor=\"nombre\">{{'nombre' | translate}} *</label>\n                            </span>\n                        </span>\n                    </div>\n                    <div class=\"field col-12 md:col-6\">\n                        <span class=\"p-float-label\">\n                            <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label htmlFor=\"tipoDato\">{{'tipo' | translate}} *</label>\n                        </span>\n                    </div>\n                    <div class=\"field col-12 md:col-12\">\n                        <span class=\"p-float-label\">\n                            <textarea class=\"w-full min-h-150 max-h-200\"  pInputTextarea formControlName=\"sintaxis\"></textarea>\n                            <label htmlFor=\"sintaxis\">{{'sintaxis' | translate}} *</label>\n                        </span>\n                    </div>\n                    \n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\n                        icon=\"glyphicons {{reporteColumna.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \n                        label=\"{{reporteColumna.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteColumna.llaveTabla\"\n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n                    </button>\n                </div>\n            </form>\n        </div>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "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: 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: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { 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: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleCampoReporteComponent, decorators: [{
             type: Component,
@@ -10449,7 +10455,7 @@ class DetalleEntradaReporteComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleEntradaReporteComponent, deps: [{ token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: i7.ConfirmationService }, { token: EjecucionReporteService }, { token: GeneralPipe }, { token: i7$1.TranslateService }, { token: ReporteFuentePipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleEntradaReporteComponent, isStandalone: true, selector: "detalle-entrada-reporte", inputs: { llaveReporte: "llaveReporte", modificarReporte: "modificarReporte" }, outputs: { regresar: "regresar" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\n<p-confirmPopup></p-confirmPopup>\n<div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n    <h1 class=\"text-xl mb-1\">{{'entrada' | translate}}</h1>\n    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoEntrada()\" \n        *ngIf=\"vistaVisualizar != 'detalle'\" label=\"{{'link_nuevo' | translate}}\" >\n  </button>\n  <div class=\"flex justify-content-end mb-3  mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n    <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'entrada' | translate}}\" \n        icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n    </div>\n</div>\n\n<p-table [value]=\"listaEntrada\" responsiveLayout=\"scroll\" [scrollable]=\"true\" [showCurrentPageReport]=\"true\" *ngIf=\"vistaVisualizar != 'detalle'\"\n    selectionMode=\"single\" dataKey=\"llave\"  currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n    (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" [paginator]=\"paginator.totalRecords > paginator.rows\"\n    [lazy]=\"true\" (onLazyLoad)=\"cargarListaEntrada($event)\">\n    <ng-template pTemplate=\"header\">\n        <tr>\n            <th>{{'descripcion' | translate }} </th>\n            <th>{{'tipo' | translate }} </th>\n            <th>{{'parametro' | translate }} </th>\n            <th>{{'valorpordefecto' | translate }} </th>\n            <th>{{'orden' | translate }} </th>\n        </tr>\n        <th>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-entrada>\n        <tr [pSelectableRow]=\"entrada\">\n            <td>{{entrada.descripcion}}</td>\n            <td>{{entrada.tipoDato | reporteFuentePipe: 'listaTipoDato'}}</td>\n            <td>{{entrada.parametro}}</td>\n            <td>{{entrada.valorDefecto}}</td>\n            <td>{{entrada.orden}}</td>\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n        <tr>\n            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n    </ng-template>\n</p-table>\n\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\n    <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n    <form [formGroup]=\"formReporteEntrada\" >\n        <div class=\"col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <input pInputText id=\"descripcion\" type=\"text\" formControlName=\"descripcion\" size=\"40\">\n                            <label htmlFor=\"descripcion\">{{'descripcion' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <input pInputText id=\"parametro\" type=\"text\" formControlName=\"parametro\" size=\"25\"\n                                maxlength=\"100\">\n                            <label htmlFor=\"parametro\">{{'parametro' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" formControlName=\"tipo\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\" (onChange)=\"actualizarTipo()\"></p-dropdown>\n                            <label htmlFor=\"tipo\">{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\" *ngIf=\"isDirecto()\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label htmlFor=\"tipoDato\">{{'tipodato' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\" *ngIf=\"isLista()\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" formControlName=\"fuenteDato\"\n                                optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                            <label htmlFor=\"fuenteDato\">{{'fuente' | translate }} {{'dato' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <input pInputText id=\"valorDefecto\" type=\"text\" formControlName=\"valorDefecto\">\n                            <label htmlFor=\"valorDefecto\">{{'valorpordefecto' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <input pInputText id=\"orden\" type=\"text\" formControlName=\"orden\"  oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\">\n                            <label htmlFor=\"orden\">{{'orden' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\" *ngIf=\"isLista()\">\n                        <p-floatLabel>\n                            <input pInputText id=\"parametroEntrada\" type=\"text\" formControlName=\"parametroEntrada\">\n                            <label htmlFor=\"parametroEntrada\">{{'entrada' | translate }}s</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <input pInputText id=\"formato\" type=\"text\" formControlName=\"formato\">\n                            <label htmlFor=\"formato\">{{'formato' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" formControlName=\"solicitar\" optionLabel=\"nombre\" [autoDisplayFirst]=\"false\"\n                                optionValue=\"codigo\">\n                            </p-dropdown>\n                            <label htmlFor=\"solicitar\">{{'solicitar' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\n                        icon=\"glyphicons {{reporteEntrada.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \n                        label=\"{{reporteEntrada.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteEntrada.llave != null\"\n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n                    </button>\n\n                </div>\n            </div>\n        </div>\n    </form>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: PaginatorModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$2.FloatLabel, selector: "p-floatLabel" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleEntradaReporteComponent, isStandalone: true, selector: "detalle-entrada-reporte", inputs: { llaveReporte: "llaveReporte", modificarReporte: "modificarReporte" }, outputs: { regresar: "regresar" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\n<p-confirmPopup></p-confirmPopup>\n<div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n    <h1 class=\"text-xl mb-1\">{{'entrada' | translate}}</h1>\n    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoEntrada()\" \n        *ngIf=\"vistaVisualizar != 'detalle'\" label=\"{{'link_nuevo' | translate}}\" >\n  </button>\n  <div class=\"flex justify-content-end mb-3  mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n    <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'entrada' | translate}}\" \n        icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n    </div>\n</div>\n\n<p-table [value]=\"listaEntrada\" responsiveLayout=\"scroll\" [scrollable]=\"true\" [showCurrentPageReport]=\"true\" *ngIf=\"vistaVisualizar != 'detalle'\"\n    selectionMode=\"single\" dataKey=\"llave\"  currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n    (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" [paginator]=\"paginator.totalRecords > paginator.rows\"\n    [lazy]=\"true\" (onLazyLoad)=\"cargarListaEntrada($event)\">\n    <ng-template pTemplate=\"header\">\n        <tr>\n            <th>{{'descripcion' | translate }} </th>\n            <th>{{'tipo' | translate }} </th>\n            <th>{{'parametro' | translate }} </th>\n            <th>{{'valorpordefecto' | translate }} </th>\n            <th>{{'orden' | translate }} </th>\n        </tr>\n        <th>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-entrada>\n        <tr [pSelectableRow]=\"entrada\">\n            <td>{{entrada.descripcion}}</td>\n            <td>{{entrada.tipoDato | reporteFuentePipe: 'listaTipoDato'}}</td>\n            <td>{{entrada.parametro}}</td>\n            <td>{{entrada.valorDefecto}}</td>\n            <td>{{entrada.orden}}</td>\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n        <tr>\n            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n    </ng-template>\n</p-table>\n\n<div class=\"card mt-3\" *ngIf=\"vistaVisualizar == 'detalle'\">\n    <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n    <form [formGroup]=\"formReporteEntrada\" >\n        <div class=\"col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <input pInputText id=\"descripcion\" type=\"text\" formControlName=\"descripcion\" size=\"40\">\n                            <label htmlFor=\"descripcion\">{{'descripcion' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <input pInputText id=\"parametro\" type=\"text\" formControlName=\"parametro\" size=\"25\"\n                                maxlength=\"100\">\n                            <label htmlFor=\"parametro\">{{'parametro' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" formControlName=\"tipo\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\" (onChange)=\"actualizarTipo()\"></p-dropdown>\n                            <label htmlFor=\"tipo\">{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\" *ngIf=\"isDirecto()\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoDato\" [autoDisplayFirst]=\"false\" formControlName=\"tipoDato\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label htmlFor=\"tipoDato\">{{'tipodato' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-6\" *ngIf=\"isLista()\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" formControlName=\"fuenteDato\"\n                                optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                            <label htmlFor=\"fuenteDato\">{{'fuente' | translate }} {{'dato' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <input pInputText id=\"valorDefecto\" type=\"text\" formControlName=\"valorDefecto\">\n                            <label htmlFor=\"valorDefecto\">{{'valorpordefecto' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <input pInputText id=\"orden\" type=\"text\" formControlName=\"orden\"  oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\">\n                            <label htmlFor=\"orden\">{{'orden' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\" *ngIf=\"isLista()\">\n                        <p-floatLabel>\n                            <input pInputText id=\"parametroEntrada\" type=\"text\" formControlName=\"parametroEntrada\">\n                            <label htmlFor=\"parametroEntrada\">{{'entrada' | translate }}s</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <input pInputText id=\"formato\" type=\"text\" formControlName=\"formato\">\n                            <label htmlFor=\"formato\">{{'formato' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-3\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" formControlName=\"solicitar\" optionLabel=\"nombre\" [autoDisplayFirst]=\"false\"\n                                optionValue=\"codigo\">\n                            </p-dropdown>\n                            <label htmlFor=\"solicitar\">{{'solicitar' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" (click)=\"actualizar()\"\n                        icon=\"glyphicons {{reporteEntrada.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" \n                        label=\"{{reporteEntrada.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" >\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporteEntrada.llave != null\"\n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n                    </button>\n\n                </div>\n            </div>\n        </div>\n    </form>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { 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: 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: PaginatorModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$1.FloatLabel, selector: "p-floatLabel" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleEntradaReporteComponent, decorators: [{
             type: Component,
@@ -10624,6 +10630,336 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i3.CookieService }] });
+class DashboardPipe {
+    GRAFICO = 'G';
+    COMPONENTE = 'C';
+    TABLA = 'T';
+    IFRAME = 'I';
+    DESCGRAFICO = 'Gráfico';
+    DESCCOMPONENTE = 'Componente';
+    DESCTABLA = 'Tabla';
+    DESCIFRAME = 'Iframe';
+    MAPATIPO = [
+        { nombre: this.DESCGRAFICO, codigo: this.GRAFICO },
+        { nombre: this.DESCCOMPONENTE, codigo: this.COMPONENTE },
+        { nombre: this.DESCTABLA, codigo: this.TABLA },
+        { nombre: this.DESCIFRAME, codigo: this.IFRAME }
+    ];
+    DIAGRAMA_BARRAS = 'B';
+    DIAGRAMA_BARRAS_HOR = 'H';
+    DIAGRAMA_TORTA = 'T';
+    DIAGRAMA_AREA = 'A';
+    DIAGRAMA_RADAR = 'R';
+    DIAGRAMA_POLAR = 'P';
+    DIAGRAMA_DONA = 'D';
+    DIAGRAMA_BARRAS_STRING = 'Diagrama de barras Vertifical';
+    DIAGRAMA_BARRAS_HOR_STRING = 'Diagrama de barras Horizontal';
+    DIAGRAMA_TORTA_STRING = 'Diagrama de Torta';
+    DIAGRAMA_AREA_STRING = 'Diagrama de Area';
+    DIAGRAMA_RADAR_STRING = 'Diagrama de Radar';
+    DIAGRAMA_POLAR_STRING = 'Diagrama de Polar';
+    DIAGRAMA_DONA_STRING = 'Diagrama de Dona';
+    TIPO_GRAFICO = [
+        { codigo: this.DIAGRAMA_BARRAS, nombre: this.DIAGRAMA_BARRAS_STRING },
+        { codigo: this.DIAGRAMA_BARRAS_HOR, nombre: this.DIAGRAMA_BARRAS_HOR_STRING },
+        { codigo: this.DIAGRAMA_TORTA, nombre: this.DIAGRAMA_TORTA_STRING },
+        { codigo: this.DIAGRAMA_AREA, nombre: this.DIAGRAMA_AREA_STRING },
+        { codigo: this.DIAGRAMA_POLAR, nombre: this.DIAGRAMA_POLAR_STRING },
+        { codigo: this.DIAGRAMA_DONA, nombre: this.DIAGRAMA_DONA_STRING },
+        { codigo: this.DIAGRAMA_RADAR, nombre: this.DIAGRAMA_RADAR_STRING },
+    ];
+    BAR = 'bar';
+    PIE = 'pie';
+    LINE = 'line';
+    POLARAREA = 'polarArea';
+    DOUGHNUT = 'doughnut';
+    RADAR = 'radar';
+    TIPO_GRAFICO_CHART = [
+        { codigo: this.DIAGRAMA_BARRAS, codigoChart: this.BAR },
+        { codigo: this.DIAGRAMA_BARRAS_HOR, codigoChart: this.BAR },
+        { codigo: this.DIAGRAMA_TORTA, codigoChart: this.PIE },
+        { codigo: this.DIAGRAMA_AREA, codigoChart: this.LINE },
+        { codigo: this.DIAGRAMA_POLAR, codigoChart: this.POLARAREA },
+        { codigo: this.DIAGRAMA_DONA, codigoChart: this.DOUGHNUT },
+        { codigo: this.DIAGRAMA_RADAR, codigoChart: this.RADAR },
+    ];
+    transform(value, ...args) {
+        let result = value;
+        if (args[0] == 'listaTipo') {
+            this.MAPATIPO.forEach(data => { if (data.codigo === value) {
+                result = data.nombre;
+            } });
+        }
+        if (args[0] == 'listaTipoGrafico') {
+            this.TIPO_GRAFICO.forEach(data => { if (data.codigo === value) {
+                result = data.nombre;
+            } });
+        }
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DashboardPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.4", ngImport: i0, type: DashboardPipe, isStandalone: true, name: "dashboardPipe" });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DashboardPipe, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DashboardPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dashboardPipe',
+                    standalone: true
+                }]
+        }, {
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+class DashboardService {
+    httpClient;
+    errorInterceptor;
+    utilsService;
+    dashboardPipe;
+    listProcedure(objetoFiltro) {
+        throw new Error('Method not implemented.');
+    }
+    constructor(httpClient, errorInterceptor, utilsService, dashboardPipe) {
+        this.httpClient = httpClient;
+        this.errorInterceptor = errorInterceptor;
+        this.utilsService = utilsService;
+        this.dashboardPipe = dashboardPipe;
+        this.handleError = this.handleError.bind(this);
+    }
+    handleError(error) {
+        if (error.status === 500) {
+            //Llamado a interceptor
+            this.errorInterceptor.showError(JSON.stringify(error.error));
+            // A client-side or network error occurred. Handle it accordingly.
+            console.error('An error occurred:', error.error);
+        }
+        else {
+            // The backend returned an unsuccessful response code.
+            // The response body may contain clues as to what went wrong.
+            console.error(`Backend returned code ${error.status}, body was: `, error.error);
+        }
+        // Return an observable with a user-facing error message.
+        return throwError(() => new Error('Something bad happened; please try again later.'));
+    }
+    consultarDashboard() {
+        return this.httpClient.get(`${this.utilsService.obtenerUrlApi()}/requieretoken/dashboard/consultarDashboard`).pipe(catchError(this.handleError));
+    }
+    cargarGrafica(columna) {
+        console.log('cargar grafica');
+        console.log(columna);
+        switch (columna.accion) {
+            case this.dashboardPipe.DIAGRAMA_BARRAS:
+                columna = this.cargarDiagramaBarras(columna);
+                break;
+            case this.dashboardPipe.DIAGRAMA_BARRAS_HOR:
+                columna = this.cargarDiagramaBarrasHorizontal(columna);
+                break;
+            case this.dashboardPipe.DIAGRAMA_TORTA:
+                columna = this.cargarDiagramaBarrasTorta(columna);
+                break;
+            case this.dashboardPipe.DIAGRAMA_AREA:
+                columna = this.cargarDiagramaArea(columna);
+                break;
+            case this.dashboardPipe.DIAGRAMA_POLAR:
+                columna = this.cargarDiagramaPolar(columna);
+                break;
+            case this.dashboardPipe.DIAGRAMA_DONA:
+                columna = this.cargarDiagramaDona(columna);
+                break;
+            case this.dashboardPipe.DIAGRAMA_RADAR:
+                columna = this.cargarDiagramaRadar(columna);
+                break;
+            default:
+                break;
+        }
+        return columna;
+    }
+    cargarDiagramaBarras(columna) {
+        columna.datosGrafica.total = columna.datosGrafica.datasets[0].data.reduce((acumulador, valorActual) => acumulador + valorActual, 0);
+        columna.datosGrafica.data = {
+            labels: columna.datosGrafica.labels,
+            datasets: columna.datosGrafica.datasets
+        };
+        columna.datosGrafica.options = {
+            maintainAspectRatio: false,
+            aspectRatio: 0.8,
+            plugins: {
+                title: {
+                    display: true,
+                    text: columna.datosGrafica.title
+                },
+                legend: {
+                    labels: {
+                        color: "#2980B9",
+                    }
+                }
+            },
+        };
+        return columna;
+    }
+    cargarDiagramaBarrasHorizontal(columna) {
+        columna.datosGrafica.total = columna.datosGrafica.datasets[0].data.reduce((acumulador, valorActual) => acumulador + valorActual, 0);
+        console.log(columna);
+        columna.datosGrafica.data = {
+            labels: columna.datosGrafica.labels,
+            datasets: columna.datosGrafica.datasets
+        };
+        columna.datosGrafica.options = {
+            indexAxis: 'y',
+            maintainAspectRatio: false,
+            aspectRatio: 0.8,
+            plugins: {
+                title: {
+                    display: true,
+                    text: columna.datosGrafica.title
+                },
+                legend: {
+                    labels: {
+                        color: "#2980B9",
+                    }
+                }
+            },
+        };
+        return columna;
+    }
+    cargarDiagramaBarrasTorta(columna) {
+        columna.datosGrafica.total = columna.datosGrafica.data.reduce((acumulador, valorActual) => acumulador + valorActual, 0);
+        columna.datosGrafica.data = {
+            labels: columna.datosGrafica.labels,
+            datasets: [
+                {
+                    data: columna.datosGrafica.data,
+                    backgroundColor: columna.datosGrafica.backgroundColor
+                }
+            ]
+        };
+        columna.datosGrafica.options = {
+            plugins: {
+                title: {
+                    display: true,
+                    text: columna.datosGrafica.title
+                },
+                legend: {
+                    labels: {
+                        usePointStyle: true,
+                        color: "#2980B9",
+                    }
+                }
+            }
+        };
+        return columna;
+    }
+    cargarDiagramaArea(columna) {
+        columna.datosGrafica.total = columna.datosGrafica.datasets[0].data.reduce((acumulador, valorActual) => acumulador + valorActual, 0);
+        columna.datosGrafica.data = {
+            labels: columna.datosGrafica.labels,
+            datasets: columna.datosGrafica.datasets
+        };
+        columna.datosGrafica.options = {
+            stacked: false,
+            maintainAspectRatio: false,
+            aspectRatio: 0.6,
+            plugins: {
+                title: {
+                    display: true,
+                    text: columna.datosGrafica.title
+                },
+                legend: {
+                    labels: {
+                        color: "#2980B9",
+                    }
+                }
+            },
+        };
+        return columna;
+    }
+    cargarDiagramaPolar(columna) {
+        columna.datosGrafica.total = columna.datosGrafica.data.reduce((acumulador, valorActual) => acumulador + valorActual, 0);
+        columna.datosGrafica.data = {
+            labels: columna.datosGrafica.labels,
+            datasets: [
+                {
+                    data: columna.datosGrafica.data,
+                    backgroundColor: columna.datosGrafica.backgroundColor
+                }
+            ]
+        };
+        columna.datosGrafica.options = {
+            plugins: {
+                title: {
+                    display: true,
+                    text: columna.datosGrafica.title
+                },
+                legend: {
+                    labels: {
+                        color: "#2980B9",
+                    }
+                }
+            },
+        };
+        return columna;
+    }
+    cargarDiagramaDona(columna) {
+        columna.datosGrafica.total = columna.datosGrafica.data.reduce((acumulador, valorActual) => acumulador + valorActual, 0);
+        columna.datosGrafica.data = {
+            labels: columna.datosGrafica.labels,
+            datasets: [
+                {
+                    data: columna.datosGrafica.data,
+                    backgroundColor: columna.datosGrafica.backgroundColor
+                }
+            ]
+        };
+        columna.datosGrafica.options = {
+            cutout: '60%',
+            plugins: {
+                title: {
+                    display: true,
+                    text: columna.datosGrafica.title
+                },
+                legend: {
+                    labels: {
+                        color: "#2980B9",
+                    }
+                }
+            },
+        };
+        return columna;
+    }
+    cargarDiagramaRadar(columna) {
+        columna.datosGrafica.total = columna.datosGrafica.datasets[0].data.reduce((acumulador, valorActual) => acumulador + valorActual, 0);
+        columna.datosGrafica.data = {
+            labels: columna.datosGrafica.labels,
+            datasets: columna.datosGrafica.datasets
+        };
+        columna.datosGrafica.options = {
+            plugins: {
+                title: {
+                    display: true,
+                    text: columna.datosGrafica.title
+                },
+                legend: {
+                    labels: {
+                        color: "#2980B9",
+                    }
+                }
+            },
+        };
+        return columna;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DashboardService, deps: [{ token: i1.HttpClient }, { token: ErrorIntecertorService }, { token: UtilsService }, { token: DashboardPipe }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DashboardService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DashboardService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: ErrorIntecertorService }, { type: UtilsService }, { type: DashboardPipe }] });
 class DetalleTipoReporteComponent {
     formBuilder;
     notificacionesBusService;
@@ -10639,6 +10975,8 @@ class DetalleTipoReporteComponent {
     fuentePipe;
     reporteColumnarioPipe;
     reporteService;
+    dashboardService;
+    dashboardPipe;
     listaTipoCifrado = [];
     //tab excel
     listaExcel = [];
@@ -10655,6 +10993,7 @@ class DetalleTipoReporteComponent {
     listaTipoMarcador;
     listaTipoGrafico_JFC;
     listaGrafico;
+    listaGraficoSencillo;
     listaAlineacion;
     listaOperaciones;
     reporteMarcador = new ReporteMarcadorModel;
@@ -10738,6 +11077,15 @@ class DetalleTipoReporteComponent {
     clickGuardarMarcadorColumnario = false;
     marcadoresColumnario = [];
     marcadorColumnario;
+    //grafica
+    listaTipoGrafico;
+    paginadorColumnas = [];
+    paginadorColoresGrafica = [];
+    colorCategoria = new ReporteBandaModel();
+    verColorCategoriaDetalle = false;
+    clickGuardarColorCategoria = false;
+    grafica;
+    tipoGrafica;
     reporteFuente = new ReporteFuenteModel();
     llaveEmpresa;
     listaSiNo;
@@ -10745,7 +11093,7 @@ class DetalleTipoReporteComponent {
     aplicacion;
     listaFuentes = [];
     _subsciprtions = [];
-    constructor(formBuilder, notificacionesBusService, generalService, generalPipe, authService, reporteFuentePipe, confirmationService, cargarArchivo, encriptadorArchivo, utilsService, translateService, fuentePipe, reporteColumnarioPipe, reporteService) {
+    constructor(formBuilder, notificacionesBusService, generalService, generalPipe, authService, reporteFuentePipe, confirmationService, cargarArchivo, encriptadorArchivo, utilsService, translateService, fuentePipe, reporteColumnarioPipe, reporteService, dashboardService, dashboardPipe) {
         this.formBuilder = formBuilder;
         this.notificacionesBusService = notificacionesBusService;
         this.generalService = generalService;
@@ -10760,6 +11108,8 @@ class DetalleTipoReporteComponent {
         this.fuentePipe = fuentePipe;
         this.reporteColumnarioPipe = reporteColumnarioPipe;
         this.reporteService = reporteService;
+        this.dashboardService = dashboardService;
+        this.dashboardPipe = dashboardPipe;
     }
     ngOnInit() {
         this.aplicacion = this.authService.getTokenKey('aplicacion');
@@ -10774,10 +11124,12 @@ class DetalleTipoReporteComponent {
         this.listaTipoMarcador = this.reporteFuentePipe.LISTA_MARCADORES;
         this.listaTipoGrafico_JFC = this.reporteFuentePipe.LISTA_TIPO_GRAFICO_JFC;
         this.listaGrafico = this.reporteFuentePipe.LISTA_RECURSO_GRAFICA;
+        this.listaGraficoSencillo = this.reporteFuentePipe.RECURSO_GRAFICA;
         this.listaAlineacion = this.reporteFuentePipe.LISTA_ALINEACION;
         this.listaOperaciones = this.generalPipe.MAPAOPERACIONES;
         this.listaTipoMarcadorTexto = this.reporteFuentePipe.TIPOMARCADORESTEXTO;
         this.listaTipoMarcadorXML = this.reporteFuentePipe.LISTA_MARCADORES_XML;
+        this.listaTipoGrafico = this.reporteFuentePipe.LISTA_TIPO_GRAFICO;
         this.cargar();
         this.cargarFormMarcadorExcel();
         this.cargarFormMarcador();
@@ -10913,6 +11265,7 @@ class DetalleTipoReporteComponent {
                 this.cargarReporteColumnario();
                 break;
             case 7:
+                this.cargarGraficasColumnas();
                 break;
             default:
                 break;
@@ -11761,6 +12114,14 @@ class DetalleTipoReporteComponent {
             this.listaReporteColumnario = data;
         });
     }
+    cargarGraficasColumnas() {
+        this.generalService.queryForList(new GeneralModel('ReporteColumnaDTO', null, false, { reporteFuente: this.reporteFuente.llave })).subscribe(data => {
+            this.paginadorColumnas = data;
+        });
+        this.generalService.queryForList(new GeneralModel('ReporteBandaDTO', null, false, { reporteFuente: this.reporteFuente.llave, totales: 'C' })).subscribe(data => {
+            this.paginadorColoresGrafica = data;
+        });
+    }
     validarExisteJasper() {
         this.cargarArchivo.descargarArchivo(this.encriptadorArchivo.encriptar('reportes/' + this.reporteFuente.llave + '.jrxml'), 'ruta_plantillas', this.aplicacion).subscribe((response) => {
             this.existeJasper = true;
@@ -11975,6 +12336,95 @@ class DetalleTipoReporteComponent {
             }
         });
     }
+    guardarGrafico() {
+        this.actualizar();
+        this.paginadorColumnas.forEach(data => {
+            this.generalService.update(new GeneralModel('ReporteColumnaDTO', null, false, data)).subscribe(data => { });
+        });
+    }
+    verGrafico() {
+        this.reporteService.verGrafico({ llaveReporte: this.reporteFuente.llave }).subscribe(data => {
+            let columna = this.dashboardService.cargarGrafica({ accion: data.tipoGrafico, datosGrafica: data });
+            this.grafica = columna;
+            let respuesta = this.dashboardPipe.TIPO_GRAFICO_CHART.filter(data => data.codigo == columna.datosGrafica.tipoGrafico);
+            if (respuesta.length < 0) {
+                return;
+            }
+            columna.tipoGrafico = respuesta[0].codigoChart;
+            this.tipoGrafica = columna.tipoGrafico;
+            console.log(this.tipoGrafica);
+        });
+    }
+    nuevoColorCategoria() {
+        this.colorCategoria = new ReporteBandaModel();
+        this.verColorCategoriaDetalle = true;
+        this.habilitaCampo = true;
+    }
+    cancelarColorCategoria() {
+        this.colorCategoria = new ReporteBandaModel();
+        this.verColorCategoriaDetalle = false;
+        this.habilitaCampo = false;
+    }
+    validarColorCategoria(color) {
+        var validador = true;
+        validador = validador && this.utilsService.validarCampoObligatorio(color.titulo);
+        validador = validador && this.utilsService.validarCampoObligatorio(color.banda);
+        return validador;
+    }
+    agregarColorCategoria(color) {
+        this.clickGuardarColorCategoria = true;
+        if (!this.validarColorCategoria(color)) {
+            this.notificacionesBusService.showError('Faltan campos obligatorios');
+            return;
+        }
+        if (!color.llaveTabla) {
+            color.totales = 'C';
+            color.reporteFuente = this.reporteFuente.llave;
+            this.generalService.crearRegistro(new GeneralModel('ReporteBandaDTO', null, false, color)).subscribe(data => {
+                this.notificacionesBusService.showSuccess(this.generalPipe.MENSAJE_GUARDAR);
+                color = new ReporteBandaModel();
+                this.cargarGraficasColumnas();
+                this.verColorCategoriaDetalle = false;
+                this.clickGuardarColorCategoria = false;
+            });
+        }
+        else {
+            this.generalService.update(new GeneralModel('ReporteBandaDTO', null, false, color)).subscribe(data => {
+                this.notificacionesBusService.showSuccess(this.generalPipe.MENSAJE_ACTUALIZAR);
+                this.cargarGraficasColumnas();
+                this.verColorCategoriaDetalle = false;
+                this.clickGuardarColorCategoria = false;
+                color = new ReporteBandaModel();
+            });
+        }
+        this.habilitaCampo = false;
+    }
+    eliminarColorCategoria(event, color) {
+        this.habilitaCampo = true;
+        this.confirmationService.confirm({
+            target: event.target,
+            message: this.generalPipe.MENSAJE_ELIMINAR_CONFIRMAR,
+            acceptLabel: this.generalPipe.SI_DESC,
+            header: this.translateService.instant('confirmar'),
+            accept: () => {
+                this.generalService.delete(new GeneralModel('ReporteBandaDTO', null, false, color)).subscribe(data => {
+                    this.notificacionesBusService.showInfo(this.generalPipe.MENSAJE_ELIMINAR);
+                    this.cargarGraficasColumnas();
+                    this.habilitaCampo = false;
+                });
+            }
+        });
+    }
+    async cancelarEdicionColor() {
+        this.cargarGraficasColumnas();
+        this.habilitaCampo = false;
+    }
+    isFijo() {
+        return this.filtroOrigenFuente(this.reporteFuentePipe.FIJO);
+    }
+    isSql() {
+        return this.filtroOrigenFuente(this.reporteFuentePipe.SQL);
+    }
     /**
        * Permite conocer si se debe presentar en la interfaz los campos referentes a orden consulta
        * @return Si se debe mostrar se retornara true, de lo contrario false
@@ -12004,13 +12454,13 @@ class DetalleTipoReporteComponent {
     filtroOrigenFuente(tipo) {
         return this.reporteFuente.origenFuente == tipo;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleTipoReporteComponent, deps: [{ token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: GeneralPipe }, { token: AuthService }, { token: ReporteFuentePipe }, { token: i7.ConfirmationService }, { token: CargarArchivosService }, { token: EncriptadoBasicoService }, { token: UtilsService }, { token: i7$1.TranslateService }, { token: FuentePipe }, { token: ReporteColumnarioPipe }, { token: EjecucionReporteService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleTipoReporteComponent, isStandalone: true, selector: "detalle-tipo-reporte", inputs: { llaveReporte: "llaveReporte", aplicacion: "aplicacion", listaFuentes: "listaFuentes" }, providers: [MessageService], ngImport: i0, template: "<p-tabView (onChange)=\"cambiarTab($event)\">\n    <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\n                    {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\n                    {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\n                </p>\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-4\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\n                            [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                            (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\n\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                            <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\n                        (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\n            (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\n            (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\n            <ng-template let-excel pTemplate=\"item\">\n                <div>\n                    <label>{{excel.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n\n        <div class=\"mt-4\">\n            <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n                <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n                <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                    (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\n                </button>\n                <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\n                    <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                        icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                </div>\n            </div>\n            <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\n                [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\n                (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'descripcion' | translate }}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-marcador>\n                    <tr [pSelectableRow]=\"marcador\">\n                        <td>{{marcador.descripcion}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n\n            <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n                <div class=\"Detallereporte mt-4 \">\n                    <form [formGroup]=\"formMarcadorExcel\" >\n                        <div class=\"col-md-12 p-fluid p-formgrid grid\">\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'descripcion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'marcador' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-150 max-h-200\"  pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                    <label>{{'valor' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'origen' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    formControlName=\"textoRegistro\"\n                                    [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\n                                    [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\n                                    [propiedad]=\"'ruta_recursos'\"  [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\n                                    [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\n                                    [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\n                                    [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                            </div>\n                        </div>\n                    </form>\n                    <!--BOTONES-->\n                    <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                        <button pButton pRipple class=\"ml-2  p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                            label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                            *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                            (click)=\"eliminarMarcadorExcel($event)\">\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'plantilla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'descargardoc' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'generarpin' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \n                                [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'agruparpor' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'nombrearchivoagrupacion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\n                            [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\n                            (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-tabView >\n            <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\n                \n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcador\">\n                        <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\n                    [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\n                    (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'descripcion' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'marcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.descripcion}}</td>\n                            <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                            <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\n                            <td>{{marcador.marcador}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\n                    <div class=\"Detallereporte mt-2\">\n                        <form [formGroup]=\"formMarcador\">\n                            <p class=\"font-semibold\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                            <div class=\"p-fluid p-formgrid grid\" >\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\n                                            maxlength=\"4000\">\n                                        <label>{{'descripcion' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipo\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'tipo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\n                                        <label>{{'marcador' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\n                                        <label>{{'tabla' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\n                                    <p-floatLabel>\n                                        <p-dropdown\n                                            [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                            [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\n                                            optionValue=\"value\"></p-dropdown>\n                                        <label>{{'origen' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            formControlName=\"textoRegistro\"\n                                            [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\n                                            [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\n                                            [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\n                                            [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\n                                            [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                                        <label>{{'columna' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\n                                        <label>{{'formato' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'ancho' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'alto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo1\"></textarea>\n                                        <label>{{'grupo1' | translate }}</label>    \n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo2\"></textarea>\n                                        <label>{{'grupo2' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo3\"></textarea>\n                                        <label>{{'grupo3' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\n                                        <label>{{'finalgrupo' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                        <label>{{'texto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'sql' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'grafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"query\"></textarea>\n                                        <label>{{'consulta' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"fuente\" optionLabel=\"descripcion\"\n                                            optionValue=\"llave\"></p-dropdown>\n                                        <label>{{'fuente' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\n                                        <label>{{'marcadorgrafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\n                                        <label>{{'titulo' | translate }} X</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\n                                        <label>{{'titulo' | translate }} Y</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\n                                        <label>{{'colordinamico' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\n                                        <label>{{'numerocategorias' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'filtro' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n                        </div>\n                    </form>\n\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                                icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                                (click)=\"guardarMarcador()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcador($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\n                    <div class=\"flex justify-content-end align-items-center mb-3\">\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" 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 [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                        [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\n                        [paginator]=\"listaCamposMarcador.length > 10\" \n                        [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                        editMode=\"row\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr class=\"fondoTablaPincipal\">\n                                <th style=\"width: 10%;\">{{'columna' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'campo' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'formato' | translate }}</th>\n                                <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\n                                <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\n                                <th style=\"width: 10%;\"> </th>\n                            </tr>\n                            <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\n                                <td style=\"width: 10%;\">\n                                    <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\n                                            <label>{{'ancho' | translate}}</label>\n                                        </p-floatLabel>\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\n                                            <label>{{'alto' | translate}}</label>\n                                        </p-floatLabel>\n                                    </div>\n                                </td>\n                                <td style=\"width: 10%;\"  >\n                                    <div class=\"flex justify-content-end\">\n                                        <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\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)=\"verReporteMarcadorDetalle = false\" 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                                    </div>\n                                </td>\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: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText  type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.columna}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.campoFuente}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n\n                               <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.formato}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                                [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                                [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\n                                                    <label>{{'ancho' | translate}}</label>\n                                                </p-floatLabel>\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\n                                                    <label>{{'alto' | translate}}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                {{'ancho' | translate}}: {{campo.ancho}} <br/>\n                                                {{'alto' | translate}}: {{campo.alto}}\n                                            </div> \n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td  style=\"width: 10%;\">\n                                    <div class=\"flex justify-content-end\">\n                                        <!-- CHECK GUARDAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                            icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\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                                        <!-- CANCELAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                            icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\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                                        <!-- EDITAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                            icon=\"glyphicons glyphicons-pencil\"\n                                            class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                        <!-- ELIMINAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                            icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\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                                </td>\n\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\n                *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\n                        [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n                <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\n                    [paginator]=\"listaSoportes.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llaveTabla\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\n                            <th style=\"width: 45%\">{{'archivo' | translate}}</th>\n                            <th style=\"width: 10%\"> </th>\n                        </tr>\n                        <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\n                            <td style=\"width: 45%\">\n                                <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\n                            </td>\n                            <td style=\"width: 45%\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\n                                    [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                    (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\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)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\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                                </div>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\n                                            [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\n                                            [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.descripcion}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\n                                            [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                            (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.archivoIndividual}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <!-- CHECK GUARDAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                        icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\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                                    <!-- CANCELAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                        icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\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                                    <!-- EDITAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                        icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <!-- ELIMINAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                        icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\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                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </p-tabPanel>\n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'doblelinea' | translate }}</label>\n                        </p-floatLabel>\n                     </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'descripcion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                     \n                    \n                    <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\"   \n                        label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\n                        label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\n                    </button>\n                    \n                </div>\n            </div>\n        </div>\n        \n        <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"bandaSeleccionada.key\">\n                <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\n            [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\n            (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'banda' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-banda>\n                <tr [pSelectableRow]=\"banda\">\n                    <td>{{banda.value}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n\n        <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\n            <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\n                *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\n                <div class=\"card col-md-12\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\"  \n                                        [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\n                                    <label>{{'total' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\n                                    <label>{{'titulo' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <div class=\"flex justify-content-end  mb-1\" >\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\n                    responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\n                    [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\n                    (onRowSelect)=\"verMarcadorDinamico($event)\"  (onRowUnselect)=\"verMarcadorDinamico($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'banda' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'etiqueta' | translate }}</th>\n                            <th>{{'formato' | translate }}</th>\n                            <th>{{'ancho' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-dinamico>\n                        <tr [pSelectableRow]=\"dinamico\">\n                            <td>{{dinamico.banda}}</td>\n                            <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\n                            <td>{{dinamico.marcador}}</td>\n                            <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\n                            <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div *ngIf=\"nuevoReporteMarcadorDinamico\">\n                    <div class=\"card col-md-12\">\n                        <div class=\"Detallereporte mt-2\">\n                            <div class=\"flex justify-content-between align-items-center  mb-2\">                               \n                                <p class=\"font-semibold mt-3\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                                <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \n                                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\n                            </div>\n                            <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\n                                            [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\n                                            optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipocampo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipoDato\" optionLabel=\"value\"\n                                            optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipodato' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText formControlName=\"alto\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                        <label>{{'orden' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                            *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\n                                            *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                        <label>{{'columna' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                \n                                <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'sintaxis' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\">\n                                    <p-fieldset class=\"fieldsintitulo\"  class=\"fieldsintitulo\">\n                                        <div class=\"p-fluid grid\">\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\n                                                <label  class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"formato\" />\n                                                    <label>{{'formato' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"descripcion\" />\n                                                    <label>{{'titulo' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"ancho\"\n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                                    <label>{{'ancho' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'ancho' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoX\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"titulox\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoY\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"tituloy\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \n                                                        formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'operacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </div>\n                                    </p-fieldset>\n                                </div>\n                            </form>\n                            \n                            <!--BOTONES-->\n                            <div class=\"flex justify-content-end mb-3\" >\n                                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                    label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\n                                </button>\n                                <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                    *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                    (click)=\"eliminarColumnaDinamico($event)\">\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            \n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\n                                maxlength=\"200\">\n                            <label>{{'nombrearchivo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                            <label>{{'separador' | translate }}*</label>\n                        </p-floatLabel>\n                     </div>\n\n                     <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex justify-content-between lign-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" \n            [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\n            [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\n            (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'formato' | translate }}</th>\n                    <th>{{'orden' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.formato}}</td>\n                    <td>{{marctexto.alto}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'columna' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\n                            <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\n                            <label>{{'ancho' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\n                            <label>{{'orden' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadoTexto($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'tabla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\n                            <label>{{'nombretabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-8\">\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\n            (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\n            (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\n            <ng-template let-tabla pTemplate=\"item\">\n                <div>\n                    <label>{{tabla.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'archivoxml' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\n                            <label>{{'tagencabezado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\n                            <label>{{'tagcierreencabezado' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\n                            <label>{{'tagregistro' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                     <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex justify-content-between align-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorXML\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\"  \n            [rows]=\"10\" [totalRecords]=\"listaXML.length\"\n            [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\n            (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'descripcion' | translate }}</th>\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'marcador' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.descripcion}}</td>\n                    <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.marcador}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\n                            <label>{{'descripcion' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel> \n                            <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\"  \n                                [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\n                            <label>{{'marcador' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                            <label>{{'tabla' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\"  *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\n                            <label>{{'columna' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\n                            <label>{{'formato' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\n                            <label>{{'texto' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                            <label>{{'fuente' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\n                            <label>{{'filtro' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\n                            <label>{{'estructuratabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadorXML($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" 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 [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\n                    [paginator]=\"listaCamposMarcadorXML.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th style=\"width: 30%;\">{{'campo' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'formato' | translate }}</th>\n                        <th style=\"width: 10%\"> </th>\n                    </tr>\n                    <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\n                        </td>\n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\" >\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\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)=\"verReporteMarcadorDetalleXML = false\" 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                            </div>\n                        </td>\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: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.campoFuente}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.marcador}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.formato}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                       \n                        \n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\">\n                                <!-- CHECK GUARDAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                    icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\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                                <!-- CANCELAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                    icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\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                                <!-- EDITAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                    icon=\"glyphicons glyphicons-pencil\"\n                                    class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                <!-- ELIMINAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                    icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\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                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'columnario' | translate }}\">\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\n            <p-accordionTab [selected]=\"true\" >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'columnasbasicas'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoReporteColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\n                    [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\n                    (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-bean>\n                        <tr [pSelectableRow]=\"bean\">\n                            <td>{{bean.nombre}}</td>\n                            <td>{{bean.nombreColumna}}</td>\n                            <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\n                            <td>{{bean.orden}}</td>\n                            <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoReporteColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\n                                    <label>{{'nombre' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'tipocolumna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'columna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionhorizontal' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!--  fila Operacion Vertical -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\n                                    <label>{{'columnaoperacion' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Operacion Verticial -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionvertical' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Orden -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\n                                    <label>{{'orden' | translate}}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Filas -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"  appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Datos de la consulta -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaBasica($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'datosadicionales'|translate}}\n                </ng-template>\n                <p-fieldset class=\"fieldsintitulo\" >\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\">\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\n                                        [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                                        (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                                    <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                        translate }}</label>    \n                                </p-floatLabel>\n                             </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                    <label>{{'filainiciocolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\n                                        [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\n                                        optionValue=\"llaveTabla\"></p-dropdown>\n                                    <label>{{'tipocifrado' | translate }}</label>    \n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\n                                    <label>{{'sintaxiscolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n        \n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n                <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\n                    <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\n                        <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\n                    [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\n                    (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-columnaadicional>\n                        <tr [pSelectableRow]=\"columnaadicional\">\n                            <td>{{columnaadicional.nombre}}</td>\n                            <td>{{columnaadicional.orden}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoColumnaAdicional\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\n                                    <label>{{'alias' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'orden' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\n                                    <label>{{'sintaxis' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaAdicional($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'marcadores'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\n                    [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\n                    (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'tipomarcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.marcador}}</td>\n                            <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoMarcadorColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'descripcion' | translate}} *</label>\n                                </p-floatLabel>\n                                </div>\n\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'marcador' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\n                                    <label>{{'valor' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcadorColumnario($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n    </p-tabPanel>\n</p-tabView>", styles: [":host ::ng-deep .p-picklist-buttons.p-picklist-source-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist-buttons.p-picklist-target-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist.p-component{margin:0}:host ::ng-deep .p-picklist-item span{float:left!important}:host ::ng-deep .fieldsintitulo .p-fieldset-legend{display:none!important}:host ::ng-deep .p-picklist-list-wrapper.p-picklist-source-wrapper ul{box-shadow:inset 1px 8px 10px -10px var(--color-200)}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-200) no-repeat}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-50) no-repeat}:host ::ng-deep .p-picklist .p-picklist-header{display:none}:host ::ng-deep .p-picklist .p-picklist-filter-container span{color:var(--color-100)}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-radius:10px 10px 0 0;padding:3%;border:1px solid var(--color-100);border-bottom:none;box-shadow:0 4px 7px var(--color-100);position:relative}:host ::ng-deep .p-picklist .p-picklist-list{border:1px solid var(--color-100);height:400px}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item{padding:2%;color:#000000de;background:solid 2px var(--color-50) no-repeat;margin:16px 16px -7px;border-radius:5px;border:solid 1px var(--color-100);transition:.2s;background:#fff}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h6,:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h7{color:var(--color-500);margin-bottom:2px;font-size:1rem;margin-top:0}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item span{float:left;margin-right:4px;min-height:30px;color:var(--color-400)}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover{background:var(--color-400);color:#fff;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h6,:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h7{color:#fff!important;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover span{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight{background:var(--color-500);color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h6,:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h7{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight span{color:#fff!important}:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.5%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:20px}.p-picklist-buttons{padding:2rem}.p-picklist-buttons .p-button:disabled{background-color:var(--color3)!important;color:#fff!important}.p-picklist-buttons .p-button{margin-bottom:.5rem;border-radius:100%}.p-picklist-buttons .p-button.p-button-icon-only{padding:.4rem .5rem;width:40px;height:40px;max-width:initial;max-height:initial}.p-picklist-buttons .p-button.p-button-icon-only span{font-size:18px}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only{border-radius:100%;width:3rem!important;background:var(--color-500)}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only span{font-size:1.2rem;background:var(--color--300);color:#fff}:host ::ng-deep .p-picklist-buttons .p-button:disabled{background:var(--color-300)!important}@media (max-width: 1440px){:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.2%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:15px}}:host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i15.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i15.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i15.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "pipe", type: ReporteColumnarioPipe, name: "reporteColumnarioPipe" }, { kind: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: PickListModule }, { kind: "component", type: i20$1.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i7$4.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$2.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15$1.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleTipoReporteComponent, deps: [{ token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: GeneralPipe }, { token: AuthService }, { token: ReporteFuentePipe }, { token: i7.ConfirmationService }, { token: CargarArchivosService }, { token: EncriptadoBasicoService }, { token: UtilsService }, { token: i7$1.TranslateService }, { token: FuentePipe }, { token: ReporteColumnarioPipe }, { token: EjecucionReporteService }, { token: DashboardService }, { token: DashboardPipe }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleTipoReporteComponent, isStandalone: true, selector: "detalle-tipo-reporte", inputs: { llaveReporte: "llaveReporte", aplicacion: "aplicacion", listaFuentes: "listaFuentes" }, providers: [MessageService], ngImport: i0, template: "<p-tabView (onChange)=\"cambiarTab($event)\">\n    <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\n                    {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\n                    {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\n                </p>\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-4\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\n                            [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                            (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\n\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                            <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\n                        (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\n            (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\n            (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\n            <ng-template let-excel pTemplate=\"item\">\n                <div>\n                    <label>{{excel.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n\n        <div class=\"mt-4\">\n            <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n                <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n                <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                    (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\n                </button>\n                <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\n                    <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                        icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                </div>\n            </div>\n            <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\n                [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\n                (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'descripcion' | translate }}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-marcador>\n                    <tr [pSelectableRow]=\"marcador\">\n                        <td>{{marcador.descripcion}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n\n            <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n                <div class=\"Detallereporte mt-4 \">\n                    <form [formGroup]=\"formMarcadorExcel\" >\n                        <div class=\"col-md-12 p-fluid p-formgrid grid\">\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'descripcion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'marcador' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-150 max-h-200\"  pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                    <label>{{'valor' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'origen' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    formControlName=\"textoRegistro\"\n                                    [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\n                                    [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\n                                    [propiedad]=\"'ruta_recursos'\"  [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\n                                    [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\n                                    [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\n                                    [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                            </div>\n                        </div>\n                    </form>\n                    <!--BOTONES-->\n                    <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                        <button pButton pRipple class=\"ml-2  p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                            label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                            *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                            (click)=\"eliminarMarcadorExcel($event)\">\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'plantilla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'descargardoc' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'generarpin' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \n                                [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'agruparpor' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'nombrearchivoagrupacion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\n                            [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\n                            (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-tabView >\n            <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\n                \n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcador\">\n                        <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\n                    [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\n                    (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'descripcion' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'marcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.descripcion}}</td>\n                            <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                            <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\n                            <td>{{marcador.marcador}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\n                    <div class=\"Detallereporte mt-2\">\n                        <form [formGroup]=\"formMarcador\">\n                            <p class=\"font-semibold\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                            <div class=\"p-fluid p-formgrid grid\" >\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\n                                            maxlength=\"4000\">\n                                        <label>{{'descripcion' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipo\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'tipo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\n                                        <label>{{'marcador' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\n                                        <label>{{'tabla' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\n                                    <p-floatLabel>\n                                        <p-dropdown\n                                            [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                            [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\n                                            optionValue=\"value\"></p-dropdown>\n                                        <label>{{'origen' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            formControlName=\"textoRegistro\"\n                                            [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\n                                            [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\n                                            [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\n                                            [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\n                                            [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                                        <label>{{'columna' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\n                                        <label>{{'formato' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'ancho' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'alto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo1\"></textarea>\n                                        <label>{{'grupo1' | translate }}</label>    \n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo2\"></textarea>\n                                        <label>{{'grupo2' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo3\"></textarea>\n                                        <label>{{'grupo3' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\n                                        <label>{{'finalgrupo' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                        <label>{{'texto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'sql' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'grafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"query\"></textarea>\n                                        <label>{{'consulta' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"fuente\" optionLabel=\"descripcion\"\n                                            optionValue=\"llave\"></p-dropdown>\n                                        <label>{{'fuente' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\n                                        <label>{{'marcadorgrafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\n                                        <label>{{'titulo' | translate }} X</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\n                                        <label>{{'titulo' | translate }} Y</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\n                                        <label>{{'colordinamico' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\n                                        <label>{{'numerocategorias' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'filtro' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n                        </div>\n                    </form>\n\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                                icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                                (click)=\"guardarMarcador()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcador($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\n                    <div class=\"flex justify-content-end align-items-center mb-3\">\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" 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 [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                        [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\n                        [paginator]=\"listaCamposMarcador.length > 10\" \n                        [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                        editMode=\"row\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr class=\"fondoTablaPincipal\">\n                                <th style=\"width: 10%;\">{{'columna' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'campo' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'formato' | translate }}</th>\n                                <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\n                                <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\n                                <th style=\"width: 10%;\"> </th>\n                            </tr>\n                            <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\n                                <td style=\"width: 10%;\">\n                                    <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\n                                            <label>{{'ancho' | translate}}</label>\n                                        </p-floatLabel>\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\n                                            <label>{{'alto' | translate}}</label>\n                                        </p-floatLabel>\n                                    </div>\n                                </td>\n                                <td style=\"width: 10%;\"  >\n                                    <div class=\"flex justify-content-end\">\n                                        <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\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)=\"verReporteMarcadorDetalle = false\" 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                                    </div>\n                                </td>\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: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText  type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.columna}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.campoFuente}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n\n                               <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.formato}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                                [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                                [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\n                                                    <label>{{'ancho' | translate}}</label>\n                                                </p-floatLabel>\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\n                                                    <label>{{'alto' | translate}}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                {{'ancho' | translate}}: {{campo.ancho}} <br/>\n                                                {{'alto' | translate}}: {{campo.alto}}\n                                            </div> \n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td  style=\"width: 10%;\">\n                                    <div class=\"flex justify-content-end\">\n                                        <!-- CHECK GUARDAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                            icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\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                                        <!-- CANCELAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                            icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\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                                        <!-- EDITAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                            icon=\"glyphicons glyphicons-pencil\"\n                                            class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                        <!-- ELIMINAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                            icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\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                                </td>\n\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\n                *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\n                        [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n                <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\n                    [paginator]=\"listaSoportes.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llaveTabla\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\n                            <th style=\"width: 45%\">{{'archivo' | translate}}</th>\n                            <th style=\"width: 10%\"> </th>\n                        </tr>\n                        <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\n                            <td style=\"width: 45%\">\n                                <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\n                            </td>\n                            <td style=\"width: 45%\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\n                                    [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                    (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\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)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\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                                </div>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\n                                            [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\n                                            [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.descripcion}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\n                                            [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                            (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.archivoIndividual}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <!-- CHECK GUARDAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                        icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\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                                    <!-- CANCELAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                        icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\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                                    <!-- EDITAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                        icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <!-- ELIMINAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                        icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\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                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </p-tabPanel>\n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'doblelinea' | translate }}</label>\n                        </p-floatLabel>\n                     </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'descripcion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                     \n                    \n                    <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\"   \n                        label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\n                        label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\n                    </button>\n                    \n                </div>\n            </div>\n        </div>\n        \n        <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"bandaSeleccionada.key\">\n                <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\n            [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\n            (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'banda' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-banda>\n                <tr [pSelectableRow]=\"banda\">\n                    <td>{{banda.value}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n\n        <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\n            <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\n                *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\n                <div class=\"card col-md-12\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\"  \n                                        [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\n                                    <label>{{'total' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\n                                    <label>{{'titulo' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <div class=\"flex justify-content-end  mb-1\" >\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\n                    responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\n                    [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\n                    (onRowSelect)=\"verMarcadorDinamico($event)\"  (onRowUnselect)=\"verMarcadorDinamico($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'banda' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'etiqueta' | translate }}</th>\n                            <th>{{'formato' | translate }}</th>\n                            <th>{{'ancho' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-dinamico>\n                        <tr [pSelectableRow]=\"dinamico\">\n                            <td>{{dinamico.banda}}</td>\n                            <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\n                            <td>{{dinamico.marcador}}</td>\n                            <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\n                            <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div *ngIf=\"nuevoReporteMarcadorDinamico\">\n                    <div class=\"card col-md-12\">\n                        <div class=\"Detallereporte mt-2\">\n                            <div class=\"flex justify-content-between align-items-center  mb-2\">                               \n                                <p class=\"font-semibold mt-3\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                                <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \n                                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\n                            </div>\n                            <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\n                                            [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\n                                            optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipocampo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipoDato\" optionLabel=\"value\"\n                                            optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipodato' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText formControlName=\"alto\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                        <label>{{'orden' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                            *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\n                                            *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                        <label>{{'columna' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                \n                                <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'sintaxis' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\">\n                                    <p-fieldset class=\"fieldsintitulo\"  class=\"fieldsintitulo\">\n                                        <div class=\"p-fluid grid\">\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\n                                                <label  class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"formato\" />\n                                                    <label>{{'formato' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"descripcion\" />\n                                                    <label>{{'titulo' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"ancho\"\n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                                    <label>{{'ancho' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'ancho' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoX\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"titulox\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoY\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"tituloy\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \n                                                        formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'operacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </div>\n                                    </p-fieldset>\n                                </div>\n                            </form>\n                            \n                            <!--BOTONES-->\n                            <div class=\"flex justify-content-end mb-3\" >\n                                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                    label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\n                                </button>\n                                <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                    *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                    (click)=\"eliminarColumnaDinamico($event)\">\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            \n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\n                                maxlength=\"200\">\n                            <label>{{'nombrearchivo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                            <label>{{'separador' | translate }}*</label>\n                        </p-floatLabel>\n                     </div>\n\n                     <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex justify-content-between lign-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" \n            [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\n            [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\n            (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'formato' | translate }}</th>\n                    <th>{{'orden' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.formato}}</td>\n                    <td>{{marctexto.alto}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'columna' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\n                            <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\n                            <label>{{'ancho' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\n                            <label>{{'orden' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadoTexto($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'tabla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\n                            <label>{{'nombretabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-8\">\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\n            (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\n            (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\n            <ng-template let-tabla pTemplate=\"item\">\n                <div>\n                    <label>{{tabla.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'archivoxml' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\n                            <label>{{'tagencabezado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\n                            <label>{{'tagcierreencabezado' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\n                            <label>{{'tagregistro' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                     <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex justify-content-between align-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorXML\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\"  \n            [rows]=\"10\" [totalRecords]=\"listaXML.length\"\n            [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\n            (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'descripcion' | translate }}</th>\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'marcador' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.descripcion}}</td>\n                    <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.marcador}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\n                            <label>{{'descripcion' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel> \n                            <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\"  \n                                [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\n                            <label>{{'marcador' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                            <label>{{'tabla' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\"  *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\n                            <label>{{'columna' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\n                            <label>{{'formato' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\n                            <label>{{'texto' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                            <label>{{'fuente' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\n                            <label>{{'filtro' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\n                            <label>{{'estructuratabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadorXML($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" 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 [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\n                    [paginator]=\"listaCamposMarcadorXML.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th style=\"width: 30%;\">{{'campo' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'formato' | translate }}</th>\n                        <th style=\"width: 10%\"> </th>\n                    </tr>\n                    <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\n                        </td>\n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\" >\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\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)=\"verReporteMarcadorDetalleXML = false\" 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                            </div>\n                        </td>\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: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.campoFuente}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.marcador}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.formato}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                       \n                        \n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\">\n                                <!-- CHECK GUARDAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                    icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\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                                <!-- CANCELAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                    icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\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                                <!-- EDITAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                    icon=\"glyphicons glyphicons-pencil\"\n                                    class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                <!-- ELIMINAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                    icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\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                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'columnario' | translate }}\">\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\n            <p-accordionTab [selected]=\"true\" >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'columnasbasicas'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoReporteColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\n                    [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\n                    (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-bean>\n                        <tr [pSelectableRow]=\"bean\">\n                            <td>{{bean.nombre}}</td>\n                            <td>{{bean.nombreColumna}}</td>\n                            <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\n                            <td>{{bean.orden}}</td>\n                            <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoReporteColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\n                                    <label>{{'nombre' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'tipocolumna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'columna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionhorizontal' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!--  fila Operacion Vertical -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\n                                    <label>{{'columnaoperacion' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Operacion Verticial -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionvertical' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Orden -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\n                                    <label>{{'orden' | translate}}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Filas -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"  appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Datos de la consulta -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaBasica($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'datosadicionales'|translate}}\n                </ng-template>\n                <p-fieldset class=\"fieldsintitulo\" >\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\">\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\n                                        [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                                        (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                                    <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                        translate }}</label>    \n                                </p-floatLabel>\n                             </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                    <label>{{'filainiciocolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\n                                        [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\n                                        optionValue=\"llaveTabla\"></p-dropdown>\n                                    <label>{{'tipocifrado' | translate }}</label>    \n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\n                                    <label>{{'sintaxiscolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n        \n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n                <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\n                    <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\n                        <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\n                    [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\n                    (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-columnaadicional>\n                        <tr [pSelectableRow]=\"columnaadicional\">\n                            <td>{{columnaadicional.nombre}}</td>\n                            <td>{{columnaadicional.orden}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoColumnaAdicional\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\n                                    <label>{{'alias' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'orden' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\n                                    <label>{{'sintaxis' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaAdicional($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'marcadores'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\n                    [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\n                    (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'tipomarcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.marcador}}</td>\n                            <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoMarcadorColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'descripcion' | translate}} *</label>\n                                </p-floatLabel>\n                                </div>\n\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'marcador' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\n                                    <label>{{'valor' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcadorColumnario($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'grafica' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.codigo\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'codigo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloGrafico\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'titulo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoGrafico\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.tipoGrafico\" optionLabel=\"nombre\"\n                                optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'tipo' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n                </div>\n\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" *ngIf=\"isSql()\">\n                    <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\"   \n                        label=\"{{'link_guardar' | translate}}\" (click)=\"guardarGrafico()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_ver' | translate}}\" (click)=\"verGrafico()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-table [value]=\"paginadorColumnas\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n            [rows]=\"20\" [totalRecords]=\"paginadorColumnas.length\" [paginator]=\"paginadorColumnas.length > 20\" >\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'sintaxis' | translate }}</th>\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'accion' | translate }}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-bean>\n                <tr [pSelectableRow]=\"bean\">\n                    <td>{{bean.nombre}}</td>\n                    <td>{{bean.sintaxis}}</td>\n                    <td>{{bean.tipoDato | reporteFuentePipe : 'listaTipoDato'}}</td>\n                    <td>\n                        <p-dropdown [options]=\"listaGraficoSencillo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                            [(ngModel)]=\"bean.graficoFuente\" optionLabel=\"nombre\"\n                            optionValue=\"codigo\"></p-dropdown>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table> \n\n        <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n            <h1 class=\"text-xl\">Colores Categoria</h1>\n            <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoColorCategoria()\" icon=\"pi pi-plus\"\n                [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n        </div>\n        <p-table [value]=\"paginadorColoresGrafica\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n            [rows]=\"10\" [totalRecords]=\"paginadorColoresGrafica.length\"\n            [paginator]=\"paginadorColoresGrafica.length > 10\" \n            [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n            editMode=\"row\" dataKey=\"llaveTabla\">\n            <ng-template pTemplate=\"header\">\n                <tr class=\"fondoTablaPincipal\">\n                    <th style=\"width: 45%\">{{'categoria' | translate}}</th>\n                    <th style=\"width: 45%\">{{'color' | translate}}</th>\n                    <th style=\"width: 10%\"> </th>\n                </tr>\n                <tr class=\"TablaNuevoRegistro\" *ngIf=\"verColorCategoriaDetalle\">\n                    <td style=\"width: 45%\">\n                        <input pInputText type=\"text\" [(ngModel)]=\"colorCategoria.titulo\" style=\"width: -webkit-fill-available\"\n                            [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(colorCategoria.titulo) && clickGuardarColorCategoria\"\n                            [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(colorCategoria.titulo) && clickGuardarColorCategoria\">\n                    </td>\n                    <td style=\"width: 45%\">\n                        <div style=\"width: 100%\">\n                            <p-colorPicker [(ngModel)]=\"colorCategoria.banda\" appendTo=\"body\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(colorCategoria.banda) && clickGuardarColorCategoria\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(colorCategoria.banda) && clickGuardarColorCategoria\" />\n                            </div>\n                    </td>\n                    <td style=\"width: 10%\">\n                        <div class=\"flex justify-content-end\">\n                            <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarColorCategoria(colorCategoria)\"\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)=\"verColorCategoriaDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarColorCategoria()\"\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                        </div>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-color let-editing=\"editing\" let-ri=\"rowIndex\">\n                <tr [pEditableRow]=\"color\" style=\"width: 100%\">\n                    <td style=\"width: 45%\">\n                        <p-cellEditor>\n                            <ng-template pTemplate=\"input\">\n                                <input pInputText type=\"text\" [(ngModel)]=\"color.titulo\" style=\"width: -webkit-fill-available\"\n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(color.titulo) && clickGuardarColorCategoria\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(color.titulo) && clickGuardarColorCategoria\">\n                            </ng-template>\n                            <ng-template pTemplate=\"output\">\n                                {{color.titulo}}\n                            </ng-template>\n                        </p-cellEditor>\n                    </td>\n                    <td style=\"width: 45%\">\n                        <p-cellEditor>\n                            <ng-template pTemplate=\"input\">\n                                <div style=\"width: 100%\">\n                                    <p-colorPicker [(ngModel)]=\"color.banda\" appendTo=\"body\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(color.banda) && clickGuardarColorCategoria\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(color.banda) && clickGuardarColorCategoria\"/>\n                                </div>\n                            </ng-template>\n                            <ng-template pTemplate=\"output\">\n                                <p-colorPicker [(ngModel)]=\"color.banda\" [disabled]=\"true\" />\n                            </ng-template>\n                        </p-cellEditor>\n                    </td>\n                    <td style=\"width: 10%\">\n                        <div class=\"flex justify-content-end\">\n                            <!-- CHECK GUARDAR -->\n                            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                icon=\"pi pi-check\" (click)=\"agregarColorCategoria(color)\"\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                            <!-- CANCELAR -->\n                            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                icon=\"pi pi-times\" (click)=\"cancelarEdicionColor()\"\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                            <!-- EDITAR -->\n                            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                            <!-- ELIMINAR -->\n                            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                icon=\"pi pi-trash\" (click)=\"eliminarColorCategoria($event, color)\" [disabled]=\"habilitaCampo\"\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                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div style=\"width: 85%\" *ngIf=\"grafica\">\n            <p-chart [type]=\"tipoGrafica\" [data]=\"grafica.datosGrafica.data\" [options]=\"grafica.datosGrafica.options\"></p-chart>\n        </div>\n    </p-tabPanel>\n</p-tabView>", styles: [":host ::ng-deep .p-picklist-buttons.p-picklist-source-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist-buttons.p-picklist-target-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist.p-component{margin:0}:host ::ng-deep .p-picklist-item span{float:left!important}:host ::ng-deep .fieldsintitulo .p-fieldset-legend{display:none!important}:host ::ng-deep .p-picklist-list-wrapper.p-picklist-source-wrapper ul{box-shadow:inset 1px 8px 10px -10px var(--color-200)}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-200) no-repeat}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-50) no-repeat}:host ::ng-deep .p-picklist .p-picklist-header{display:none}:host ::ng-deep .p-picklist .p-picklist-filter-container span{color:var(--color-100)}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-radius:10px 10px 0 0;padding:3%;border:1px solid var(--color-100);border-bottom:none;box-shadow:0 4px 7px var(--color-100);position:relative}:host ::ng-deep .p-picklist .p-picklist-list{border:1px solid var(--color-100);height:400px}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item{padding:2%;color:#000000de;background:solid 2px var(--color-50) no-repeat;margin:16px 16px -7px;border-radius:5px;border:solid 1px var(--color-100);transition:.2s;background:#fff}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h6,:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h7{color:var(--color-500);margin-bottom:2px;font-size:1rem;margin-top:0}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item span{float:left;margin-right:4px;min-height:30px;color:var(--color-400)}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover{background:var(--color-400);color:#fff;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h6,:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h7{color:#fff!important;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover span{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight{background:var(--color-500);color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h6,:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h7{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight span{color:#fff!important}:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.5%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:20px}.p-picklist-buttons{padding:2rem}.p-picklist-buttons .p-button:disabled{background-color:var(--color3)!important;color:#fff!important}.p-picklist-buttons .p-button{margin-bottom:.5rem;border-radius:100%}.p-picklist-buttons .p-button.p-button-icon-only{padding:.4rem .5rem;width:40px;height:40px;max-width:initial;max-height:initial}.p-picklist-buttons .p-button.p-button-icon-only span{font-size:18px}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only{border-radius:100%;width:3rem!important;background:var(--color-500)}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only span{font-size:1.2rem;background:var(--color--300);color:#fff}:host ::ng-deep .p-picklist-buttons .p-button:disabled{background:var(--color-300)!important}@media (max-width: 1440px){:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.2%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:15px}}:host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { 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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i17.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i17.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i17.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i17.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i17.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i17.CancelEditableRow, selector: "[pCancelEditableRow]" }, { 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: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "pipe", type: ReporteColumnarioPipe, name: "reporteColumnarioPipe" }, { kind: "pipe", type: ReporteFuentePipe, name: "reporteFuentePipe" }, { 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.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: PickListModule }, { kind: "component", type: i22.PickList, selector: "p-pickList", inputs: ["source", "target", "sourceHeader", "tabindex", "rightButtonAriaLabel", "leftButtonAriaLabel", "allRightButtonAriaLabel", "allLeftButtonAriaLabel", "upButtonAriaLabel", "downButtonAriaLabel", "topButtonAriaLabel", "bottomButtonAriaLabel", "targetHeader", "responsive", "filterBy", "filterLocale", "trackBy", "sourceTrackBy", "targetTrackBy", "showSourceFilter", "showTargetFilter", "metaKeySelection", "dragdrop", "style", "styleClass", "sourceStyle", "targetStyle", "showSourceControls", "showTargetControls", "sourceFilterPlaceholder", "targetFilterPlaceholder", "disabled", "ariaSourceFilterLabel", "ariaTargetFilterLabel", "filterMatchMode", "stripedRows", "keepSelection", "breakpoint"], outputs: ["onMoveToSource", "onMoveAllToSource", "onMoveAllToTarget", "onMoveToTarget", "onSourceReorder", "onTargetReorder", "onSourceSelect", "onTargetSelect", "onSourceFilter", "onTargetFilter", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i7$4.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$1.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: ChartModule }, { kind: "component", type: i29.UIChart, selector: "p-chart", inputs: ["type", "plugins", "width", "height", "responsive", "ariaLabel", "ariaLabelledBy", "data", "options"], outputs: ["onDataSelect"] }, { kind: "ngmodule", type: ColorPickerModule }, { kind: "component", type: i30.ColorPicker, selector: "p-colorPicker", inputs: ["style", "styleClass", "inline", "format", "appendTo", "disabled", "tabindex", "inputId", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "autofocus"], outputs: ["onChange", "onShow", "onHide"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleTipoReporteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'detalle-tipo-reporte', imports: [TranslateModule, TableModule, TabViewModule, InputHelperSeleccionPlantillaComponent, ReporteColumnarioPipe, ReporteFuentePipe, DropdownModule, FormsModule, ReactiveFormsModule, CommonModule, ButtonModule, PickListModule, FieldsetModule, AccordionModule, InputTextModule, InputTextareaModule, FloatLabelModule, InputNumberModule, FieldsetModule], standalone: true, providers: [MessageService], template: "<p-tabView (onChange)=\"cambiarTab($event)\">\n    <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\n                    {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\n                    {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\n                </p>\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-4\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\n                            [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                            (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\n\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                            <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\n                        (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\n            (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\n            (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\n            <ng-template let-excel pTemplate=\"item\">\n                <div>\n                    <label>{{excel.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n\n        <div class=\"mt-4\">\n            <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n                <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n                <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                    (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\n                </button>\n                <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\n                    <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                        icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                </div>\n            </div>\n            <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\n                [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\n                (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'descripcion' | translate }}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-marcador>\n                    <tr [pSelectableRow]=\"marcador\">\n                        <td>{{marcador.descripcion}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n\n            <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n                <div class=\"Detallereporte mt-4 \">\n                    <form [formGroup]=\"formMarcadorExcel\" >\n                        <div class=\"col-md-12 p-fluid p-formgrid grid\">\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'descripcion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'marcador' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-150 max-h-200\"  pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                    <label>{{'valor' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'origen' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    formControlName=\"textoRegistro\"\n                                    [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\n                                    [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\n                                    [propiedad]=\"'ruta_recursos'\"  [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\n                                    [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\n                                    [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\n                                    [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                            </div>\n                        </div>\n                    </form>\n                    <!--BOTONES-->\n                    <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                        <button pButton pRipple class=\"ml-2  p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                            label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                            *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                            (click)=\"eliminarMarcadorExcel($event)\">\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'plantilla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'descargardoc' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'generarpin' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \n                                [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'agruparpor' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'nombrearchivoagrupacion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\n                            [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\n                            (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-tabView >\n            <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\n                \n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcador\">\n                        <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\n                    [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\n                    (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'descripcion' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'marcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.descripcion}}</td>\n                            <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                            <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\n                            <td>{{marcador.marcador}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\n                    <div class=\"Detallereporte mt-2\">\n                        <form [formGroup]=\"formMarcador\">\n                            <p class=\"font-semibold\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                            <div class=\"p-fluid p-formgrid grid\" >\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\n                                            maxlength=\"4000\">\n                                        <label>{{'descripcion' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipo\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'tipo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\n                                        <label>{{'marcador' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\n                                        <label>{{'tabla' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\n                                    <p-floatLabel>\n                                        <p-dropdown\n                                            [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                            [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\n                                            optionValue=\"value\"></p-dropdown>\n                                        <label>{{'origen' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            formControlName=\"textoRegistro\"\n                                            [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\n                                            [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\n                                            [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\n                                            [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\n                                            [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                                        <label>{{'columna' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\n                                        <label>{{'formato' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'ancho' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'alto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo1\"></textarea>\n                                        <label>{{'grupo1' | translate }}</label>    \n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo2\"></textarea>\n                                        <label>{{'grupo2' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo3\"></textarea>\n                                        <label>{{'grupo3' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\n                                        <label>{{'finalgrupo' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                        <label>{{'texto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'sql' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'grafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"query\"></textarea>\n                                        <label>{{'consulta' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"fuente\" optionLabel=\"descripcion\"\n                                            optionValue=\"llave\"></p-dropdown>\n                                        <label>{{'fuente' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\n                                        <label>{{'marcadorgrafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\n                                        <label>{{'titulo' | translate }} X</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\n                                        <label>{{'titulo' | translate }} Y</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\n                                        <label>{{'colordinamico' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\n                                        <label>{{'numerocategorias' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'filtro' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n                        </div>\n                    </form>\n\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                                icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                                (click)=\"guardarMarcador()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcador($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\n                    <div class=\"flex justify-content-end align-items-center mb-3\">\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" 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 [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                        [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\n                        [paginator]=\"listaCamposMarcador.length > 10\" \n                        [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                        editMode=\"row\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr class=\"fondoTablaPincipal\">\n                                <th style=\"width: 10%;\">{{'columna' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'campo' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'formato' | translate }}</th>\n                                <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\n                                <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\n                                <th style=\"width: 10%;\"> </th>\n                            </tr>\n                            <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\n                                <td style=\"width: 10%;\">\n                                    <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\n                                            <label>{{'ancho' | translate}}</label>\n                                        </p-floatLabel>\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\n                                            <label>{{'alto' | translate}}</label>\n                                        </p-floatLabel>\n                                    </div>\n                                </td>\n                                <td style=\"width: 10%;\"  >\n                                    <div class=\"flex justify-content-end\">\n                                        <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\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)=\"verReporteMarcadorDetalle = false\" 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                                    </div>\n                                </td>\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: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText  type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.columna}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.campoFuente}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n\n                               <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.formato}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                                [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                                [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\n                                                    <label>{{'ancho' | translate}}</label>\n                                                </p-floatLabel>\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\n                                                    <label>{{'alto' | translate}}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                {{'ancho' | translate}}: {{campo.ancho}} <br/>\n                                                {{'alto' | translate}}: {{campo.alto}}\n                                            </div> \n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td  style=\"width: 10%;\">\n                                    <div class=\"flex justify-content-end\">\n                                        <!-- CHECK GUARDAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                            icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\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                                        <!-- CANCELAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                            icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\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                                        <!-- EDITAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                            icon=\"glyphicons glyphicons-pencil\"\n                                            class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                        <!-- ELIMINAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                            icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\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                                </td>\n\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\n                *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\n                        [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n                <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\n                    [paginator]=\"listaSoportes.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llaveTabla\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\n                            <th style=\"width: 45%\">{{'archivo' | translate}}</th>\n                            <th style=\"width: 10%\"> </th>\n                        </tr>\n                        <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\n                            <td style=\"width: 45%\">\n                                <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\n                            </td>\n                            <td style=\"width: 45%\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\n                                    [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                    (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\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)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\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                                </div>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\n                                            [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\n                                            [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.descripcion}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\n                                            [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                            (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.archivoIndividual}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <!-- CHECK GUARDAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                        icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\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                                    <!-- CANCELAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                        icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\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                                    <!-- EDITAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                        icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <!-- ELIMINAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                        icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\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                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </p-tabPanel>\n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'doblelinea' | translate }}</label>\n                        </p-floatLabel>\n                     </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'descripcion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                     \n                    \n                    <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\"   \n                        label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\n                        label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\n                    </button>\n                    \n                </div>\n            </div>\n        </div>\n        \n        <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"bandaSeleccionada.key\">\n                <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\n            [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\n            (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'banda' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-banda>\n                <tr [pSelectableRow]=\"banda\">\n                    <td>{{banda.value}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n\n        <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\n            <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\n                *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\n                <div class=\"card col-md-12\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\"  \n                                        [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\n                                    <label>{{'total' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\n                                    <label>{{'titulo' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <div class=\"flex justify-content-end  mb-1\" >\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\n                    responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\n                    [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\n                    (onRowSelect)=\"verMarcadorDinamico($event)\"  (onRowUnselect)=\"verMarcadorDinamico($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'banda' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'etiqueta' | translate }}</th>\n                            <th>{{'formato' | translate }}</th>\n                            <th>{{'ancho' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-dinamico>\n                        <tr [pSelectableRow]=\"dinamico\">\n                            <td>{{dinamico.banda}}</td>\n                            <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\n                            <td>{{dinamico.marcador}}</td>\n                            <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\n                            <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div *ngIf=\"nuevoReporteMarcadorDinamico\">\n                    <div class=\"card col-md-12\">\n                        <div class=\"Detallereporte mt-2\">\n                            <div class=\"flex justify-content-between align-items-center  mb-2\">                               \n                                <p class=\"font-semibold mt-3\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                                <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \n                                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\n                            </div>\n                            <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\n                                            [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\n                                            optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipocampo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipoDato\" optionLabel=\"value\"\n                                            optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipodato' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText formControlName=\"alto\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                        <label>{{'orden' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                            *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\n                                            *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                        <label>{{'columna' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                \n                                <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'sintaxis' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\">\n                                    <p-fieldset class=\"fieldsintitulo\"  class=\"fieldsintitulo\">\n                                        <div class=\"p-fluid grid\">\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\n                                                <label  class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"formato\" />\n                                                    <label>{{'formato' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"descripcion\" />\n                                                    <label>{{'titulo' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"ancho\"\n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                                    <label>{{'ancho' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'ancho' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoX\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"titulox\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoY\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"tituloy\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \n                                                        formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'operacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </div>\n                                    </p-fieldset>\n                                </div>\n                            </form>\n                            \n                            <!--BOTONES-->\n                            <div class=\"flex justify-content-end mb-3\" >\n                                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                    label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\n                                </button>\n                                <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                    *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                    (click)=\"eliminarColumnaDinamico($event)\">\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            \n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\n                                maxlength=\"200\">\n                            <label>{{'nombrearchivo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                            <label>{{'separador' | translate }}*</label>\n                        </p-floatLabel>\n                     </div>\n\n                     <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex justify-content-between lign-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" \n            [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\n            [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\n            (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'formato' | translate }}</th>\n                    <th>{{'orden' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.formato}}</td>\n                    <td>{{marctexto.alto}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'columna' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\n                            <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\n                            <label>{{'ancho' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\n                            <label>{{'orden' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadoTexto($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'tabla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\n                            <label>{{'nombretabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-8\">\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\n            (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\n            (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\n            <ng-template let-tabla pTemplate=\"item\">\n                <div>\n                    <label>{{tabla.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'archivoxml' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\n                            <label>{{'tagencabezado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\n                            <label>{{'tagcierreencabezado' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\n                            <label>{{'tagregistro' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                     <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex justify-content-between align-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorXML\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\"  \n            [rows]=\"10\" [totalRecords]=\"listaXML.length\"\n            [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\n            (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'descripcion' | translate }}</th>\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'marcador' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.descripcion}}</td>\n                    <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.marcador}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\n                            <label>{{'descripcion' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel> \n                            <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\"  \n                                [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\n                            <label>{{'marcador' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                            <label>{{'tabla' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\"  *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\n                            <label>{{'columna' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\n                            <label>{{'formato' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\n                            <label>{{'texto' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                            <label>{{'fuente' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\n                            <label>{{'filtro' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\n                            <label>{{'estructuratabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadorXML($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" 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 [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\n                    [paginator]=\"listaCamposMarcadorXML.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th style=\"width: 30%;\">{{'campo' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'formato' | translate }}</th>\n                        <th style=\"width: 10%\"> </th>\n                    </tr>\n                    <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\n                        </td>\n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\" >\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\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)=\"verReporteMarcadorDetalleXML = false\" 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                            </div>\n                        </td>\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: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.campoFuente}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.marcador}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.formato}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                       \n                        \n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\">\n                                <!-- CHECK GUARDAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                    icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\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                                <!-- CANCELAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                    icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\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                                <!-- EDITAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                    icon=\"glyphicons glyphicons-pencil\"\n                                    class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                <!-- ELIMINAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                    icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\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                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'columnario' | translate }}\">\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\n            <p-accordionTab [selected]=\"true\" >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'columnasbasicas'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoReporteColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\n                    [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\n                    (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-bean>\n                        <tr [pSelectableRow]=\"bean\">\n                            <td>{{bean.nombre}}</td>\n                            <td>{{bean.nombreColumna}}</td>\n                            <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\n                            <td>{{bean.orden}}</td>\n                            <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoReporteColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\n                                    <label>{{'nombre' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'tipocolumna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'columna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionhorizontal' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!--  fila Operacion Vertical -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\n                                    <label>{{'columnaoperacion' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Operacion Verticial -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionvertical' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Orden -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\n                                    <label>{{'orden' | translate}}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Filas -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"  appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Datos de la consulta -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaBasica($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'datosadicionales'|translate}}\n                </ng-template>\n                <p-fieldset class=\"fieldsintitulo\" >\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\">\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\n                                        [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                                        (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                                    <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                        translate }}</label>    \n                                </p-floatLabel>\n                             </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                    <label>{{'filainiciocolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\n                                        [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\n                                        optionValue=\"llaveTabla\"></p-dropdown>\n                                    <label>{{'tipocifrado' | translate }}</label>    \n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\n                                    <label>{{'sintaxiscolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n        \n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n                <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\n                    <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\n                        <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\n                    [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\n                    (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-columnaadicional>\n                        <tr [pSelectableRow]=\"columnaadicional\">\n                            <td>{{columnaadicional.nombre}}</td>\n                            <td>{{columnaadicional.orden}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoColumnaAdicional\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\n                                    <label>{{'alias' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'orden' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\n                                    <label>{{'sintaxis' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaAdicional($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'marcadores'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\n                    [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\n                    (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'tipomarcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.marcador}}</td>\n                            <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoMarcadorColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'descripcion' | translate}} *</label>\n                                </p-floatLabel>\n                                </div>\n\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'marcador' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\n                                    <label>{{'valor' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcadorColumnario($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n    </p-tabPanel>\n</p-tabView>", styles: [":host ::ng-deep .p-picklist-buttons.p-picklist-source-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist-buttons.p-picklist-target-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist.p-component{margin:0}:host ::ng-deep .p-picklist-item span{float:left!important}:host ::ng-deep .fieldsintitulo .p-fieldset-legend{display:none!important}:host ::ng-deep .p-picklist-list-wrapper.p-picklist-source-wrapper ul{box-shadow:inset 1px 8px 10px -10px var(--color-200)}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-200) no-repeat}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-50) no-repeat}:host ::ng-deep .p-picklist .p-picklist-header{display:none}:host ::ng-deep .p-picklist .p-picklist-filter-container span{color:var(--color-100)}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-radius:10px 10px 0 0;padding:3%;border:1px solid var(--color-100);border-bottom:none;box-shadow:0 4px 7px var(--color-100);position:relative}:host ::ng-deep .p-picklist .p-picklist-list{border:1px solid var(--color-100);height:400px}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item{padding:2%;color:#000000de;background:solid 2px var(--color-50) no-repeat;margin:16px 16px -7px;border-radius:5px;border:solid 1px var(--color-100);transition:.2s;background:#fff}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h6,:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h7{color:var(--color-500);margin-bottom:2px;font-size:1rem;margin-top:0}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item span{float:left;margin-right:4px;min-height:30px;color:var(--color-400)}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover{background:var(--color-400);color:#fff;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h6,:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h7{color:#fff!important;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover span{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight{background:var(--color-500);color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h6,:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h7{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight span{color:#fff!important}:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.5%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:20px}.p-picklist-buttons{padding:2rem}.p-picklist-buttons .p-button:disabled{background-color:var(--color3)!important;color:#fff!important}.p-picklist-buttons .p-button{margin-bottom:.5rem;border-radius:100%}.p-picklist-buttons .p-button.p-button-icon-only{padding:.4rem .5rem;width:40px;height:40px;max-width:initial;max-height:initial}.p-picklist-buttons .p-button.p-button-icon-only span{font-size:18px}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only{border-radius:100%;width:3rem!important;background:var(--color-500)}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only span{font-size:1.2rem;background:var(--color--300);color:#fff}:host ::ng-deep .p-picklist-buttons .p-button:disabled{background:var(--color-300)!important}@media (max-width: 1440px){:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.2%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:15px}}:host ::ng-deep .p-button{width:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ToastService }, { type: GeneralService }, { type: GeneralPipe }, { type: AuthService }, { type: ReporteFuentePipe }, { type: i7.ConfirmationService }, { type: CargarArchivosService }, { type: EncriptadoBasicoService }, { type: UtilsService }, { type: i7$1.TranslateService }, { type: FuentePipe }, { type: ReporteColumnarioPipe }, { type: EjecucionReporteService }], propDecorators: { llaveReporte: [{
+            args: [{ selector: 'detalle-tipo-reporte', imports: [TranslateModule, TableModule, TabViewModule, InputHelperSeleccionPlantillaComponent, ReporteColumnarioPipe, ReporteFuentePipe, DropdownModule, FormsModule, ReactiveFormsModule, CommonModule, ButtonModule, PickListModule, FieldsetModule, AccordionModule, InputTextModule, InputTextareaModule, FloatLabelModule, InputNumberModule, FieldsetModule, ChartModule, ColorPickerModule], standalone: true, providers: [MessageService], template: "<p-tabView (onChange)=\"cambiarTab($event)\">\n    <p-tabPanel header=\"{{'excel' | translate }}\" [selected]=\"true\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <p class=\"font-semibold\">{{'debe' | translate}} {{'indicar' | translate}} {{'plantilla' | translate}} {{'y' | translate}}\n                    {{'hoja' | translate}} {{'para' | translate}} {{'que' | translate}} {{'esta' | translate}}\n                    {{'opcion' | translate}} {{'se' | translate}} {{'active' | translate}}\n                </p>\n                <div class=\"p-fluid p-formgrid grid\">\n                    <div class=\"field col-12 md:col-4\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoTodo ? reporteFuente.archivoTodo: ''\"\n                            [extensiones]=\"'xls;xlsx'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                            (onSelected)=\"obtenerArchivo($event)\"></app-input-helper-seleccion-plantilla>\n\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                            <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoExcel\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\"\n                        (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaExcel\" [target]=\"listaNoExcel\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"sintaxis\" (onSourceReorder)=\"moverAAsociado($event)\"\n            (onMoveAllToTarget)=\"moverADesasociado($event)\" (onMoveAllToSource)=\"moverAAsociado($event)\"\n            (onMoveToTarget)=\"moverADesasociado($event)\" (onMoveToSource)=\"moverAAsociado($event)\">\n            <ng-template let-excel pTemplate=\"item\">\n                <div>\n                    <label>{{excel.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n\n        <div class=\"mt-4\">\n            <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n                <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n                <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                    (click)=\"nuevoMarcadorExcel()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorExcel\">\n                </button>\n                <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorExcel\">\n                    <button pButton pRipple (click)=\"verNuevoMarcadorExcel = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                        icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                </div>\n            </div>\n            <p-table [value]=\"listaMarcadorExcel\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcadorExcel\" [rows]=\"10\"\n                [totalRecords]=\"listaMarcadorExcel.length\" [paginator]=\"listaMarcadorExcel.length > 10\"\n                (onRowSelect)=\"verDetalleMarcadorExcel($event)\" (onRowUnselect)=\"verDetalleMarcadorExcel($event)\" *ngIf=\"!verNuevoMarcadorExcel\">\n                <ng-template pTemplate=\"header\">\n\n                    <tr class=\"fondoTablaPincipal\">\n                        <th>{{'descripcion' | translate }}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-marcador>\n                    <tr [pSelectableRow]=\"marcador\">\n                        <td>{{marcador.descripcion}}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n\n            <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'detalle' | translate}}</h5>\n                <div class=\"Detallereporte mt-4 \">\n                    <form [formGroup]=\"formMarcadorExcel\" >\n                        <div class=\"col-md-12 p-fluid p-formgrid grid\">\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'descripcion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\" maxlength=\"4000\">\n                                    <label>{{'marcador' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Imagen Fija', value: 'IF'}, {label: 'Marcador', value: 'MA'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"tipo\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" [hidden]=\"esImagenFija\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-150 max-h-200\"  pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                    <label>{{'valor' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <p-floatLabel>\n                                    <p-dropdown\n                                        [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                        [autoDisplayFirst]=\"false\" formControlName=\"origen\" optionLabel=\"label\"\n                                        optionValue=\"value\"></p-dropdown>\n                                    <label>{{'origen' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" [hidden]=\"esMarcador\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    formControlName=\"textoRegistro\"\n                                    [label]=\"reporteMarcadorExcel.textoRegistro ? reporteMarcadorExcel.textoRegistro: ''\"\n                                    [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcadorExcel($event)\"\n                                    [propiedad]=\"'ruta_recursos'\"  [labelrar]=\"('recursos' | translate)\" [labelarch]=\"'recurso' | translate\" [mostrarX]=\"true\"\n                                    [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporteMarcadorExcel.textoRegistro) && clickGuardarMarcadorExcel)\"\n                                    [anexoPropiedad]=\"reporteMarcadorExcel.origen =='C' ? llaveEmpresa: ''\"\n                                    [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                            </div>\n                        </div>\n                    </form>\n                    <!--BOTONES-->\n                    <div class=\"flex justify-content-end mb-3\" *ngIf=\"verNuevoMarcadorExcel\">\n                        <button pButton pRipple class=\"ml-2  p-button-raised\" icon=\"glyphicons {{reporteMarcadorExcel.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                            label=\"{{reporteMarcadorExcel.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorExcel()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                            *ngIf=\"reporteMarcadorExcel.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                            (click)=\"eliminarMarcadorExcel($event)\">\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'plantilla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.unicoArchivo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'soporte' | translate }} {{'unico' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.descargarFuente\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'descargardoc' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.generarPin\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'generarpin' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [(ngModel)]=\"reporteFuente.campoAgrupacionPlanilla\" \n                                [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'agruparpor' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreAgrupacionPlanilla\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'nombrearchivoagrupacion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoPlanilla\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" [hidden]=\"reporteFuente.unicoArchivo == 'N'\">\n                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                            [label]=\"reporteFuente.archivoIndividual ? reporteFuente.archivoIndividual: ''\"\n                            [labelrar]=\"'archivo' | translate\" [labelarch]=\"'archivo' | translate\" [mostraroblicargo]=\"true\"\n                            (onSelected)=\"obtenerArchivoPlanilla($event)\"></app-input-helper-seleccion-plantilla>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-tabView >\n            <p-tabPanel header=\"{{'marcadores' | translate }}\" [selected]=\"true\">\n                \n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold mb-2\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcador()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcador\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcador\">\n                        <button pButton pRipple (click)=\"verNuevoMarcador = false\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadores\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\" [selection]=\"reporteMarcador\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadores.length\"\n                    [paginator]=\"listaMarcadores.length > 10\" *ngIf=\"!verNuevoMarcador\"\n                    (onRowSelect)=\"verDetalleMarcador($event)\" (onRowUnselect)=\"verDetalleMarcador($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'descripcion' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'marcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.descripcion}}</td>\n                            <td>{{marcador.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                            <td>{{marcador.tipo == 'IF' ? marcador.textoRegistro : marcador.nombreColumna}}</td>\n                            <td>{{marcador.marcador}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div class=\"card col-md-12\" *ngIf=\"verNuevoMarcador\">\n                    <div class=\"Detallereporte mt-2\">\n                        <form [formGroup]=\"formMarcador\">\n                            <p class=\"font-semibold\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                            <div class=\"p-fluid p-formgrid grid\" >\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"descripcion\" size=\"25\"\n                                            maxlength=\"4000\">\n                                        <label>{{'descripcion' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoMarcador\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipo\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'tipo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MA','IM','MR','IF','QR','BC','G1'].includes(reporteMarcador.tipo))\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\">\n                                        <label>{{'marcador' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tabla\" size=\"25\">\n                                        <label>{{'tabla' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'IF'\">\n                                    <p-floatLabel>\n                                        <p-dropdown\n                                            [options]=\"[{label: 'Unica', value: 'U'}, {label: 'Cada Empresa', value: 'C'}]\"\n                                            [autoDisplayFirst]=\"false\" [showClear]=\"true\" formControlName=\"origen\" optionLabel=\"label\"\n                                            optionValue=\"value\"></p-dropdown>\n                                        <label>{{'origen' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"reporteMarcador.tipo != 'IF' || !reporteMarcador.origen\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            formControlName=\"textoRegistro\"\n                                            [label]=\"reporteMarcador.textoRegistro ? reporteMarcador.textoRegistro: ''\"\n                                            [extensiones]=\"'jpg;png'\" (onSelected)=\"obtenerArchivoMarcador($event)\"\n                                            [propiedad]=\"'ruta_recursos'\" [labelrar]=\"'recursos' | translate\"\n                                            [anexoPropiedad]=\"reporteMarcador.origen =='C' ? llaveEmpresa: ''\"\n                                            [propiedadDeSistema]=\"true\"></app-input-helper-seleccion-plantilla>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MA','IM','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" formControlName=\"reporteColumna\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                                        <label>{{'columna' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MA'\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"formato\" size=\"25\">\n                                        <label>{{'formato' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"ancho\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'ancho' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['IM','IF','QR','BC','G1'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-inputNumber formControlName=\"alto\" [maxlength]=\"5\"> </p-inputNumber>\n                                        <label>{{'alto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo1\"></textarea>\n                                        <label>{{'grupo1' | translate }}</label>    \n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo2\"></textarea>\n                                        <label>{{'grupo2' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"grupo3\"></textarea>\n                                        <label>{{'grupo3' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"finalGrupo\"></textarea>\n                                        <label>{{'finalgrupo' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'MR'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"textoRegistro\"></textarea>\n                                        <label>{{'texto' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['MR','TB'].includes(reporteMarcador.tipo)\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaSiNo\" formControlName=\"tieneSql\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                            optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'sql' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"reporteMarcador.tipo != 'TB'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoGrafico_JFC\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"tipoGrafico\" optionLabel=\"nombre\"\n                                            optionValue=\"codigo\"></p-dropdown>\n                                        <label>{{'grafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['S'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"query\"></textarea>\n                                        <label>{{'consulta' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                            formControlName=\"fuente\" optionLabel=\"descripcion\"\n                                            optionValue=\"llave\"></p-dropdown>\n                                        <label>{{'fuente' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"marcadorGrafico\" size=\"25\">\n                                        <label>{{'marcadorgrafica' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"titulox\" size=\"25\">\n                                        <label>{{'titulo' | translate }} X</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\"\n                                    [hidden]=\"!['A'].includes(reporteMarcador.tipoGrafico)\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"tituloy\" size=\"25\">\n                                        <label>{{'titulo' | translate }} Y</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"banda\" size=\"25\">\n                                        <label>{{'colordinamico' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-4\" [hidden]=\"!reporteMarcador.tipoGrafico\">\n                                    <p-floatLabel>\n                                        <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" size=\"25\">\n                                        <label>{{'numerocategorias' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\"\n                                    [hidden]=\"!(['MR','TB'].includes(reporteMarcador.tipo) && (['N'].includes(reporteMarcador.tieneSql)))\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'filtro' | translate }}</label>\n                                    </p-floatLabel>\n                                </div>\n                        </div>\n                    </form>\n\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                                icon=\"glyphicons {{reporteMarcador.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporteMarcador.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                                (click)=\"guardarMarcador()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"reporteMarcador.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcador($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"verNuevoMarcador && reporteMarcador.llave != null && (reporteMarcador.tipo == 'MR' || reporteMarcador.tipo == 'TB')\">\n                    <div class=\"flex justify-content-end align-items-center mb-3\">\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTabla()\" 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 [value]=\"listaCamposMarcador\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                        [rows]=\"10\" [totalRecords]=\"listaCamposMarcador.length\" [scrollable]=\"true\"\n                        [paginator]=\"listaCamposMarcador.length > 10\" \n                        [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                        editMode=\"row\" dataKey=\"llave\">\n                        <ng-template pTemplate=\"header\">\n                            <tr class=\"fondoTablaPincipal\">\n                                <th style=\"width: 10%;\">{{'columna' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'campo' | translate }}</th>\n                                <th style=\"width: 10%;\">{{'formato' | translate }}</th>\n                                <th style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">{{'tipo' | translate }}</th>\n                                <th style=\"width: 10%;\"*ngIf=\"reporteMarcador.tipo == 'TB'\">{{'medidas' | translate }}</th>\n                                <th style=\"width: 10%;\"> </th>\n                            </tr>\n                            <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalle\">\n                                <td style=\"width: 10%;\">\n                                    <input pInputText [(ngModel)]=\"campoMarcadorInsertar.columna\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.columna) && clickGuardarMarcadorCampo\" />\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.campoFuente\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertar.campoFuente) && clickGuardarMarcadorCampo\">\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.formato\">\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [(ngModel)]=\"campoMarcadorInsertar.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                </td>\n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <div *ngIf=\"campoMarcadorInsertar.tipo =='I'\">\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.ancho\">\n                                            <label>{{'ancho' | translate}}</label>\n                                        </p-floatLabel>\n                                        <p-floatLabel>\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertar.alto\">\n                                            <label>{{'alto' | translate}}</label>\n                                        </p-floatLabel>\n                                    </div>\n                                </td>\n                                <td style=\"width: 10%;\"  >\n                                    <div class=\"flex justify-content-end\">\n                                        <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campoMarcadorInsertar)\"\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)=\"verReporteMarcadorDetalle = false\" 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                                    </div>\n                                </td>\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: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText  type=\"text\" [(ngModel)]=\"campo.columna\" oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" \n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.columna) && clickGuardarMarcadorCampo\" />\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.columna}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\"\n                                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\"\n                                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampo\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.campoFuente}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n\n                               <td style=\"width: 10%;\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\">\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.formato}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <p-dropdown [options]=\"listaGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                                [(ngModel)]=\"campo.tipo\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                                [autoDisplayFirst]=\"false\" [showClear]=\"true\"></p-dropdown>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            {{campo.tipo | reporteFuentePipe :'listaRecursoGrafica'}}\n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                \n                                <td style=\"width: 10%;\" *ngIf=\"reporteMarcador.tipo == 'TB'\">\n                                    <p-cellEditor>\n                                        <ng-template pTemplate=\"input\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.ancho\">\n                                                    <label>{{'ancho' | translate}}</label>\n                                                </p-floatLabel>\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.alto\">\n                                                    <label>{{'alto' | translate}}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </ng-template>\n                                        <ng-template pTemplate=\"output\">\n                                            <div *ngIf=\"campo.tipo =='I'\">\n                                                {{'ancho' | translate}}: {{campo.ancho}} <br/>\n                                                {{'alto' | translate}}: {{campo.alto}}\n                                            </div> \n                                        </ng-template>\n                                    </p-cellEditor>\n                                </td>\n                                <td  style=\"width: 10%;\">\n                                    <div class=\"flex justify-content-end\">\n                                        <!-- CHECK GUARDAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                            icon=\"pi pi-check\" (click)=\"agregarCampoMarcador(campo)\"\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                                        <!-- CANCELAR -->\n                                        <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                            icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorAsync()\"\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                                        <!-- EDITAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                            icon=\"glyphicons glyphicons-pencil\"\n                                            class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                        <!-- ELIMINAR -->\n                                        <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                            icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcador($event,campo)\"\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                                </td>\n\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"emptymessage\">\n                            <tr>\n                                <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                            </tr>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{'soporte' | translate }} {{'archivo' | translate }}s\"\n                *ngIf=\"reporteFuente.unicoArchivo == 'N'\">\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoSoporte()\" icon=\"pi pi-plus\"\n                        [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n                </div>\n                <p-table [value]=\"listaSoportes\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaSoportes.length\"\n                    [paginator]=\"listaSoportes.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llaveTabla\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th style=\"width: 45%\">{{'descripcion' | translate}}</th>\n                            <th style=\"width: 45%\">{{'archivo' | translate}}</th>\n                            <th style=\"width: 10%\"> </th>\n                        </tr>\n                        <tr class=\"TablaNuevoRegistro\" *ngIf=\"verSoporteArchivoDetalle\">\n                            <td style=\"width: 45%\">\n                                <input pInputText type=\"text\" [(ngModel)]=\"soporteIngresar.descripcion\" style=\"width: -webkit-fill-available\"\n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporteIngresar.descripcion) && clickGuardarSoporteArchivo\">\n                            </td>\n                            <td style=\"width: 45%\">\n                                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                    [label]=\"soporteIngresar.archivoIndividual ? soporteIngresar.archivoIndividual: ''\" [labelarch]=\"'archivo' | translate\"\n                                    [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporteIngresar.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                    (onSelected)=\"obtenerArchivoSoporte($event, soporteIngresar)\"></app-input-helper-seleccion-plantilla>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarSoporte(soporteIngresar)\"\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)=\"verSoporteArchivoDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarSoporte()\"\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                                </div>\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-soporte let-editing=\"editing\" let-ri=\"rowIndex\">\n                        <tr [pEditableRow]=\"soporte\" style=\"width: 100%\">\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <input pInputText type=\"text\" [(ngModel)]=\"soporte.descripcion\" style=\"width: -webkit-fill-available\"\n                                            [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\"\n                                            [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(soporte.descripcion) && clickGuardarSoporteArchivo\">\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.descripcion}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 45%\">\n                                <p-cellEditor>\n                                    <ng-template pTemplate=\"input\">\n                                        <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                            [label]=\"soporte.archivoIndividual ? soporte.archivoIndividual: ''\"\n                                            [mostrarLabelInput]=\"false\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(soporte.archivoIndividual) && clickGuardarSoporteArchivo)\"\n                                            (onSelected)=\"obtenerArchivoSoporte($event, soporte)\"></app-input-helper-seleccion-plantilla>\n                                    </ng-template>\n                                    <ng-template pTemplate=\"output\">\n                                        {{soporte.archivoIndividual}}\n                                    </ng-template>\n                                </p-cellEditor>\n                            </td>\n                            <td style=\"width: 10%\">\n                                <div class=\"flex justify-content-end\">\n                                    <!-- CHECK GUARDAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                        icon=\"pi pi-check\" (click)=\"agregarSoporte(soporte)\"\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                                    <!-- CANCELAR -->\n                                    <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                        icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\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                                    <!-- EDITAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                        icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                        class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                    <!-- ELIMINAR -->\n                                    <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                        icon=\"pi pi-trash\" (click)=\"eliminarSoporte($event, soporte)\" [disabled]=\"habilitaCampo\"\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                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </p-tabPanel>\n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'dinamico' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSiNo\" [(ngModel)]=\"reporteFuente.dobleLinea\" [showClear]=\"true\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"nombre\" optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'doblelinea' | translate }}</label>\n                        </p-floatLabel>\n                     </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloParametro\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'descripcion' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoJasper\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                     \n                    \n                    <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\"   \n                        label=\"{{'link_generar' | translate}}\" (click)=\"generarJasper()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"pi pi-download\" *ngIf=\"existeJasper\"\n                        label=\"{{'link_descargar' | translate}}\" (click)=\"descargarJasper()\">\n                    </button>\n                    \n                </div>\n            </div>\n        </div>\n        \n        <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"bandaSeleccionada.key\">\n                <button pButton pRipple (click)=\"regresarBandaSeleccionada()\" label= \"{{'listado' | translate}} {{'bandas' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaTipoBanda\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" [rows]=\"10\"\n            [totalRecords]=\"listaTipoBanda.length\" [paginator]=\"listaTipoBanda.length > 10\"\n            (onRowSelect)=\"verBanda($event)\" (onRowUnselect)=\"verBanda($event)\" *ngIf=\"!bandaSeleccionada.key\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'banda' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-banda>\n                <tr [pSelectableRow]=\"banda\">\n                    <td>{{banda.value}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n\n        <p-tabView *ngIf=\"bandaSeleccionada.key && verTabBanda\">\n            <p-tabPanel header=\"{{'caracteristicas' | translate}}\"\n                *ngIf=\"!['detalle','summary'].includes(bandaSeleccionada.key)\">\n                <div class=\"card col-md-12\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaSiNo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" optionLabel=\"nombre\" optionValue=\"codigo\"  \n                                        [(ngModel)]=\"reporteBanda.totales\" ></p-dropdown>\n                                    <label>{{'total' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <div class=\"field col-12 md:col-6\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteBanda.titulo\" maxlength=\"200\">\n                                    <label>{{'titulo' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                                label=\"{{'link_guardar' | translate}}\" (click)=\"guardarCaracteristicaBanda()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            <p-tabPanel header=\"{{bandaSeleccionada.value}}\" *ngIf=\"!nuevaBanda\">\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <div class=\"flex justify-content-end  mb-1\" >\n                        <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoMarcadorDinamico()\" icon=\"pi pi-plus\"\n                            class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\" *ngIf=\"!nuevoReporteMarcadorDinamico\"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaMarcadorDinamico\" [scrollable]=\"true\"\n                    responsiveLayout=\"scroll\" dataKey=\"llaveTabla\" selectionMode=\"single\"\n                    [rows]=\"10\" [totalRecords]=\"listaMarcadorDinamico.length\"\n                    [paginator]=\"listaMarcadorDinamico.length > 10\" *ngIf=\"!nuevoReporteMarcadorDinamico\"\n                    (onRowSelect)=\"verMarcadorDinamico($event)\"  (onRowUnselect)=\"verMarcadorDinamico($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'banda' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'etiqueta' | translate }}</th>\n                            <th>{{'formato' | translate }}</th>\n                            <th>{{'ancho' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-dinamico>\n                        <tr [pSelectableRow]=\"dinamico\">\n                            <td>{{dinamico.banda}}</td>\n                            <td>{{dinamico.banda ? dinamico.alto : ''}}</td>\n                            <td>{{dinamico.marcador}}</td>\n                            <td>{{dinamico.banda ? dinamico.descripcion : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.formato : ''}}</td>\n                            <td>{{['detalle'].includes(dinamico.banda) ? dinamico.ancho : ''}}</td>\n                            <td>{{dinamico.banda ? dinamico.operacion : ''}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div *ngIf=\"nuevoReporteMarcadorDinamico\">\n                    <div class=\"card col-md-12\">\n                        <div class=\"Detallereporte mt-2\">\n                            <div class=\"flex justify-content-between align-items-center  mb-2\">                               \n                                <p class=\"font-semibold mt-3\">{{'indique' | translate}} {{'en' | translate}} {{'que' | translate}} {{'columna' | translate}} {{'desea' | translate}} {{'que' | translate}} {{'aparezca' | translate}} {{'la' | translate}} {{'informacion' | translate}}. {{'la' | translate}} {{'primera' | translate}} {{'columna' | translate}} {{'es' | translate}} {{'la' | translate}} 1.</p>\n                                <button pButton pRipple (click)=\"nuevoReporteMarcadorDinamico = false\" label= \"{{'listado' | translate}} {{bandaSeleccionada.value}}\" \n                                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \" *ngIf=\"nuevoReporteMarcadorDinamico\"></button>\n                            </div>\n                            <form [formGroup]=\"formReporteDinamico\" class=\"p-fluid grid\">\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoCampoJasperDinamico\"\n                                            [autoDisplayFirst]=\"false\" formControlName=\"tipoCampo\"\n                                            optionLabel=\"value\" optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipocampo' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaTipoDatoSintaxis\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"tipoDato\" optionLabel=\"value\"\n                                            optionValue=\"key\"></p-dropdown>\n                                        <label>{{'tipodato' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\">\n                                    <p-floatLabel>\n                                        <input pInputText formControlName=\"alto\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                        <label>{{'orden' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                <div class=\"field col-12 md:col-4\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                    <p-floatLabel>\n                                        <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" \n                                            formControlName=\"marcador\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                            *ngIf=\"!reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\"></p-dropdown>\n                                        <input pInputText type=\"text\" formControlName=\"marcador\" size=\"25\"\n                                            *ngIf=\"reporteMarcadorDinamico.llave && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                        <label>{{'columna' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n                                \n                                <div class=\"field col-12 md:col-12\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\">\n                                    <p-floatLabel>\n                                        <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea formControlName=\"filtro\"></textarea>\n                                        <label>{{'sintaxis' | translate }} *</label>\n                                    </p-floatLabel>\n                                </div>\n\n                                <div class=\"field col-12 md:col-12\">\n                                    <p-fieldset class=\"fieldsintitulo\"  class=\"fieldsintitulo\">\n                                        <div class=\"p-fluid grid\">\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\">\n                                                <label  class=\"font-semibold text-gray-900 text-base ml-1\">{{'resultado' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo =='C'\"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6 mb-0\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <label class=\"font-semibold text-gray-900 text-base ml-1\" >{{'label' | translate}}</label>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"formato\" />\n                                                    <label>{{'formato' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"descripcion\" />\n                                                    <label>{{'titulo' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"ancho\"\n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                                    <label>{{'ancho' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' == reporteMarcadorDinamico.banda \"></div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"anchoJasperLabel\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'ancho' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoX\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"titulox\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'x' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"'detalle' != reporteMarcadorDinamico.banda\">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"resultadoY\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C' && 'detalle' != reporteMarcadorDinamico.banda \">\n                                                <p-floatLabel>\n                                                    <input pInputText type=\"text\" formControlName=\"tituloy\" \n                                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"/>\n                                                    <label>{{'y' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" \n                                                        formControlName=\"tipoReporte\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }} *</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaAlineacion\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'alineacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                            <div class=\"field col-12 md:col-6 lg:col-6\" *ngIf=\"reporteMarcadorDinamico.tipoDato == 'N' && reporteMarcadorDinamico.tipoCampo !='C'\">\n                                                <p-floatLabel>\n                                                    <p-dropdown [options]=\"listaOperaciones\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                                        formControlName=\"operacion\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                                    <label>{{'operacion' | translate }}</label>\n                                                </p-floatLabel>\n                                            </div>\n                                        </div>\n                                    </p-fieldset>\n                                </div>\n                            </form>\n                            \n                            <!--BOTONES-->\n                            <div class=\"flex justify-content-end mb-3\" >\n                                <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{reporteMarcadorDinamico.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                    label=\"{{reporteMarcadorDinamico.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaDinamico()\">\n                                </button>\n                                <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                    *ngIf=\"reporteMarcadorDinamico.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                                    (click)=\"eliminarColumnaDinamico($event)\">\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </p-tabPanel>\n            \n        </p-tabView>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'reporte' | translate }} {{'texto' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.archivoTexto\" size=\"50\"\n                                maxlength=\"200\">\n                            <label>{{'nombrearchivo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaSeparadores\" [(ngModel)]=\"reporteFuente.separador\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporteFuente.separador) && clickGuardarReporteTexto\"\n                                [autoDisplayFirst]=\"false\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                            <label>{{'separador' | translate }}*</label>\n                        </p-floatLabel>\n                     </div>\n\n                     <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoTexto\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizarSeparador()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex justify-content-between lign-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorTexto()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorTexto\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorTexto\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorTexto = false; clickGuardarMarcadorTexto = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaMarcadoresTexto\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\" \n            [rows]=\"10\" [totalRecords]=\"listaMarcadoresTexto.length\"\n            [paginator]=\"listaMarcadoresTexto.length > 10\" *ngIf=\"!verNuevoMarcadorTexto\"\n            (onRowSelect)=\"verMarcadorTexto($event)\" (onRowUnselect)=\"verMarcadorTexto($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'formato' | translate }}</th>\n                    <th>{{'orden' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.tipoGrafico | reporteFuentePipe : 'listaTipoMarcadoresTexto'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.formato}}</td>\n                    <td>{{marctexto.alto}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorTexto\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoMarcadorTexto\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.tipoGrafico\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.tipoGrafico) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\"\n                                [(ngModel)]=\"marcadorTexto.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.reporteColumna) && clickGuardarMarcadorTexto\"></p-dropdown>\n                            <label>{{'columna' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.formato\" maxlength=\"50\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.formato) && clickGuardarMarcadorTexto\">\n                            <label>{{marcadorTexto.tipoGrafico == 'D' ? ('formato' | translate)+'*' : ('descripcion' | translate)+'*' }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico == 'D'\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.ancho\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.ancho) && clickGuardarMarcadorTexto\">\n                            <label>{{'ancho' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorTexto.tipoGrafico\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorTexto.alto\" maxlength=\"22\"\n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorTexto.alto) && clickGuardarMarcadorTexto\">\n                            <label>{{'orden' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorTexto.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorTexto.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorTexto()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorTexto.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadoTexto($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'tabla' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.nombreTabla\" maxlength=\"4000\">\n                            <label>{{'nombretabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                    <div class=\"field col-12 md:col-8\">\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <p-pickList [source]=\"listaTabla\" [target]=\"listaNoTabla\" sourceHeader=\"Asociado\" sourceFilterPlaceholder=\"Asociado\"\n            targetHeader=\"Desasociado\" [dragdrop]=\"true\" [responsive]=\"true\" targetFilterPlaceholder=\"Desasociado\"\n            filterBy=\"nombre\" *ngIf=\"isFuente()\" (onSourceReorder)=\"reorderTabla($event)\"\n            (onMoveAllToTarget)=\"moverADesasociadoTabla($event)\" (onMoveAllToSource)=\"moverAAsociadoTabla($event)\"\n            (onMoveToTarget)=\"moverADesasociadoTabla($event)\" (onMoveToSource)=\"moverAAsociadoTabla($event)\">\n            <ng-template let-tabla pTemplate=\"item\">\n                <div>\n                    <label>{{tabla.nombre}}</label>\n                </div>\n            </ng-template>\n        </p-pickList>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'archivoxml' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagEncabezado\"></textarea>\n                            <label>{{'tagencabezado' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.tagCierreEncabezado\"></textarea>\n                            <label>{{'tagcierreencabezado' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                    <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.estructuraRegistro\"></textarea>\n                            <label>{{'tagregistro' | translate }}</label>\n                        </p-floatLabel> \n                    </div>\n\n                     <div class=\"field col-12 md:col-6\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.cifradoXml\" optionLabel=\"nombre\"\n                                optionValue=\"llaveTabla\"></p-dropdown>\n                            <label>{{'tipocifrado' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\">\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex justify-content-between align-items-center mb-3\">\n            <h1 class=\"text-xl\">{{'marcadores' | translate}}</h1>\n            <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                (click)=\"nuevoMarcadorXML()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorXML\">\n            </button>\n            <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorXML\">\n                <button pButton pRipple (click)=\"verNuevoMarcadorXML = false; clickGuardarMarcadorXML = false;\" label= \"{{'listado' | translate}} {{'marcadores' | translate}}\" \n                    icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n            </div>\n        </div>\n        <p-table [value]=\"listaXML\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n            dataKey=\"llaveTabla\" selectionMode=\"single\"  \n            [rows]=\"10\" [totalRecords]=\"listaXML.length\"\n            [paginator]=\"listaXML.length > 10\" *ngIf=\"!verNuevoMarcadorXML\"\n            (onRowSelect)=\"verMarcadorXML($event)\" (onRowUnselect)=\"verMarcadorXML($event)\">\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'descripcion' | translate }}</th>\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'marcador' | translate }}</th>\n                </tr>\n                <th>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-marctexto>\n                <tr [pSelectableRow]=\"marctexto\">\n                    <td>{{marctexto.descripcion}}</td>\n                    <td>{{marctexto.tipo | reporteFuentePipe : 'listaTipoDatoMarcadores'}}</td>\n                    <td>{{marctexto.nombreColumna}}</td>\n                    <td>{{marctexto.marcador}}</td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div class=\"card mt-3\" *ngIf=\"verNuevoMarcadorXML\">            \n            <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-notes\"></i>{{'detalle' | translate}}</h5>\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\" >\n                    <div class=\"field col-12 md:col-4\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.descripcion\" maxlength=\"100\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.descripcion) && clickGuardarMarcadorXML\">\n                            <label>{{'descripcion' | translate}} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel> \n                            <p-dropdown [options]=\"listaTipoMarcadorXML\" [autoDisplayFirst]=\"false\"  \n                                [(ngModel)]=\"marcadorXML.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorXML.tipo) && clickGuardarMarcadorXML\"></p-dropdown>\n                            <label>{{'tipo' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MA','MR'].includes(marcadorXML.tipo)\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" >\n                            <label>{{'marcador' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.marcador\" maxlength=\"5\" \n                                oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                            <label>{{'tabla' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\"  *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\" ></p-dropdown>\n                            <label>{{'columna' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MA'\" >\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"marcadorXML.formato\" >\n                            <label>{{'formato' | translate}}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'MR'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.textoRegistro\" ></textarea>\n                            <label>{{'texto' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaFuentes\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"marcadorXML.fuente\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                            <label>{{'fuente' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"['MR','TB'].includes(marcadorXML.tipo)\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.filtro\"></textarea>\n                            <label>{{'filtro' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\" *ngIf=\"marcadorXML.tipo == 'TB'\">\n                        <p-floatLabel>\n                            <textarea class=\"w-full min-h-150 max-h-200\" pInputTextarea [(ngModel)]=\"marcadorXML.estructuraTablaXML\"></textarea>\n                            <label>{{'estructuratabla' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n                </div>\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" >\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorXML.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                        label=\"{{marcadorXML.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorXML()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                        *ngIf=\"marcadorXML.llave != null\" label=\"{{'link_eliminar' | translate}}\"\n                        (click)=\"eliminarMarcadorXML($event)\">\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"verNuevoMarcadorXML && marcadorXML.llave != null && (marcadorXML.tipo == 'MR' || marcadorXML.tipo == 'TB')\">\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCampoTablaXML()\" 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 [value]=\"listaCamposMarcadorXML\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                    [rows]=\"10\" [totalRecords]=\"listaCamposMarcadorXML.length\"\n                    [paginator]=\"listaCamposMarcadorXML.length > 10\" \n                    [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                    editMode=\"row\" dataKey=\"llave\">\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th style=\"width: 30%;\">{{'campo' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'marcador' | translate }}</th>\n                        <th style=\"width: 30%;\">{{'formato' | translate }}</th>\n                        <th style=\"width: 10%\"> </th>\n                    </tr>\n                    <tr class=\"TablaNuevoRegistro\" *ngIf=\"verReporteMarcadorDetalleXML\">\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.campoFuente\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.campoFuente) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.marcador\" style=\"width: -webkit-fill-available\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campoMarcadorInsertarXML.marcador) && clickGuardarMarcadorCampoXML\">\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <input pInputText type=\"text\" [(ngModel)]=\"campoMarcadorInsertarXML.formato\" style=\"width: -webkit-fill-available\">\n                        </td>\n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\" >\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campoMarcadorInsertarXML)\"\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)=\"verReporteMarcadorDetalleXML = false\" 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                            </div>\n                        </td>\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: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.campoFuente\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.campoFuente) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.campoFuente}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.marcador\" style=\"width: -webkit-fill-available\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(campo.marcador) && clickGuardarMarcadorCampoXML\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.marcador}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 30%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <input pInputText type=\"text\" [(ngModel)]=\"campo.formato\" style=\"width: -webkit-fill-available\">\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{campo.formato}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                       \n                        \n                        <td style=\"width: 10%\">\n                            <div class=\"flex justify-content-end\">\n                                <!-- CHECK GUARDAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                    icon=\"pi pi-check\" (click)=\"agregarCampoMarcadorXML(campo)\"\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                                <!-- CANCELAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                    icon=\"pi pi-times\" (click)=\"cargarListaCampoMarcadorXMLAsync()\"\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                                <!-- EDITAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                    icon=\"glyphicons glyphicons-pencil\"\n                                    class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                <!-- ELIMINAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                    icon=\"pi pi-trash\" (click)=\"eliminarCampoMarcadorXML($event,campo)\"\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                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </div>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'columnario' | translate }}\">\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\" >\n            <p-accordionTab [selected]=\"true\" >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'columnasbasicas'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mt-2 mb-2\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoColumnaBasica()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoReporteColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoReporteColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoReporteColumnario = false; clickGuardarReporteColumnario = false;\" label= \"{{'listado' | translate}} {{'columnasbasicas' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"listaReporteColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"listaReporteColumnario.length\"\n                    [paginator]=\"listaReporteColumnario.length > 10\" *ngIf=\"!verNuevoReporteColumnario\"\n                    (onRowSelect)=\"verReporteColumnario($event)\" (onRowUnselect)=\"verReporteColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'columna' | translate }}</th>\n                            <th>{{'tipo' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                            <th>{{'operacion' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-bean>\n                        <tr [pSelectableRow]=\"bean\">\n                            <td>{{bean.nombre}}</td>\n                            <td>{{bean.nombreColumna}}</td>\n                            <td>{{bean.tipo | reporteColumnarioPipe: 'listaTipoColumna'}}</td>\n                            <td>{{bean.orden}}</td>\n                            <td>{{bean.operacion | reporteColumnarioPipe: 'listaOperacion'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoReporteColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.nombre) && clickGuardarReporteColumnario\">\n                                    <label>{{'nombre' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.tipo) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'tipocolumna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaColumnas\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.reporteColumna\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.reporteColumna) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'columna' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"columnaBasica.tipo == 'D'\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacion\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacion) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacion' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionHorizontal\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionHorizontal) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionhorizontal' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!--  fila Operacion Vertical -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.columnaOperacionVertical\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.columnaOperacionVertical) && clickGuardarReporteColumnario\">\n                                    <label>{{'columnaoperacion' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Operacion Verticial -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoColumna()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOperacionesExcelColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.operacionVertical\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.operacionVertical) && clickGuardarReporteColumnario\"></p-dropdown>\n                                    <label>{{'operacionvertical' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Orden -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrden()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.orden\" maxlength=\"5\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.orden) && clickGuardarReporteColumnario\">\n                                    <label>{{'orden' | translate}}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Filas -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isTipoLabel() || isTipoFila()\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"  appendTo=\"body\"\n                                        [(ngModel)]=\"columnaBasica.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n                            <!-- Ordenamiento Datos de la consulta -->\n                            <div class=\"field col-12 md:col-4\" *ngIf=\"isMostrarOrdenConsulta()\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaBasica.ordenConsulta\" maxlength=\"5\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaBasica.ordenConsulta) && clickGuardarReporteColumnario\"\n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" >\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaBasica.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaBasica.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaBasica()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaBasica.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaBasica($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n        <p-accordion (onOpen)=\"cambiarTabColumnario($event)\">\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'datosadicionales'|translate}}\n                </ng-template>\n                <p-fieldset class=\"fieldsintitulo\" >\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\">\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                                        [label]=\"reporteFuente.archivoExcelColumnario ? reporteFuente.archivoExcelColumnario: ''\"\n                                        [extensiones]=\"'xls;xlsx;xlsm'\" [mostraroblicargo]=\"true\" [labelrar]=\"'plantilla' | translate\"\n                                        (onSelected)=\"obtenerArchivoColumnario($event)\"></app-input-helper-seleccion-plantilla>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.hojaExcel\" size=\"25\" maxlength=\"20\">\n                                    <label>{{'nombre' | translate }} {{'de' | translate }} {{'la' | translate }} {{'hoja' |\n                                        translate }}</label>    \n                                </p-floatLabel>\n                             </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"reporteFuente.filaInicioColumnario\" maxlength=\"5\" \n                                            oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\" />\n                                    <label>{{'filainiciocolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n\n                             <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel>\n                                    <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\" appendTo=\"body\"\n                                        [(ngModel)]=\"reporteFuente.cifradoColumnario\" optionLabel=\"nombre\"\n                                        optionValue=\"llaveTabla\"></p-dropdown>\n                                    <label>{{'tipocifrado' | translate }}</label>    \n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\">\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\"  pInputTextarea [(ngModel)]=\"reporteFuente.sintaxisColumnario\"></textarea>\n                                    <label>{{'sintaxiscolumnario' | translate }}</label>\n                                </p-floatLabel>\n                            </div>\n        \n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\">\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                                label=\"{{'link_actualizar' | translate}}\" (click)=\"actualizar()\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n                <div class=\"flex justify-content-between align-items-center mb-3 mt-3\">\n                    <h1 class=\"text-xl\">{{'columnaadicional' | translate}}</h1>\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevaColumnaAdicional()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoColumnaAdicional\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoColumnaAdicional\">\n                        <button pButton pRipple (click)=\"verNuevoColumnaAdicional = false; clickGuardarColumnaAdicional = false;\" label= \"{{'listado' | translate}} {{'columnaadicional' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"columnasAdicionales\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"columnasAdicionales.length\"\n                    [paginator]=\"columnasAdicionales.length > 10\" *ngIf=\"!verNuevoColumnaAdicional\"\n                    (onRowSelect)=\"verDetalleAdicional($event)\" (onRowUnselect)=\"verDetalleAdicional($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'orden' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-columnaadicional>\n                        <tr [pSelectableRow]=\"columnaadicional\">\n                            <td>{{columnaadicional.nombre}}</td>\n                            <td>{{columnaadicional.orden}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoColumnaAdicional\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText type=\"text\" [(ngModel)]=\"columnaAdicional.nombre\" maxlength=\"100\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.nombre) && clickGuardarColumnaAdicional\">\n                                    <label>{{'alias' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.orden\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orden) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'orden' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-3\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaOrdenamiento\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"columnaAdicional.orderBy\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.orderBy) && clickGuardarColumnaAdicional\"></p-dropdown>\n                                    <label>{{'ordenamiento' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-3\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"columnaAdicional.ordenConsulta\" maxlength=\"5\" \n                                        oninput=\"this.value = this.value.replace(/[^0-9]/g, '').slice(0, 5);\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.ordenConsulta) && clickGuardarColumnaAdicional\" />\n                                    <label>{{'ordenconsulta' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"columnaAdicional.sintaxis\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(columnaAdicional.sintaxis) && clickGuardarColumnaAdicional\"></textarea>\n                                    <label>{{'sintaxis' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{columnaAdicional.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{columnaAdicional.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarColumnaAdicional()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"columnaAdicional.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarColumnaAdicional($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n            <p-accordionTab >\n                <ng-template pTemplate=\"header\"><i class=\"glyphicons glyphicons-notes\"></i>\n                    {{'marcadores'|translate}}\n                </ng-template>\n                <div class=\"flex justify-content-end align-items-center mb-3\">\n                    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\"\n                        (click)=\"nuevoMarcadorColumnario()\" label=\"{{'link_nuevo' | translate}}\" *ngIf=\"!verNuevoMarcadorColumnario\">\n                    </button>\n                    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"verNuevoMarcadorColumnario\">\n                        <button pButton pRipple (click)=\"verNuevoMarcadorColumnario = false; clickGuardarMarcadorColumnario = false;\" label= \"{{'listado' | translate}} {{'marcador' | translate}}\" \n                            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n                    </div>\n                </div>\n                <p-table [value]=\"marcadoresColumnario\" [scrollable]=\"true\" responsiveLayout=\"scroll\"\n                    dataKey=\"llaveTabla\" selectionMode=\"single\"  \n                    [rows]=\"10\" [totalRecords]=\"marcadoresColumnario.length\"\n                    [paginator]=\"marcadoresColumnario.length > 10\" *ngIf=\"!verNuevoMarcadorColumnario\"\n                    (onRowSelect)=\"verDetalleMarcadorColumnario($event)\" (onRowUnselect)=\"verDetalleMarcadorColumnario($event)\">\n                    <ng-template pTemplate=\"header\">\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'nombre' | translate }}</th>\n                            <th>{{'tipomarcador' | translate }}</th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-marcador>\n                        <tr [pSelectableRow]=\"marcador\">\n                            <td>{{marcador.marcador}}</td>\n                            <td>{{marcador.tipo | reporteColumnarioPipe: 'listaTipoMarcador'}}</td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n                <p-fieldset class=\"fieldsintitulo\"  *ngIf=\"verNuevoMarcadorColumnario\">\n                    <div class=\"Detallereporte mt-2\">\n                        <div class=\"p-fluid p-formgrid grid\" >\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.descripcion\" maxlength=\"4000\" \n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.descripcion) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'descripcion' | translate}} *</label>\n                                </p-floatLabel>\n                                </div>\n\n                            <div class=\"field col-12 md:col-4\" >\n                                <p-floatLabel>\n                                    <input pInputText [(ngModel)]=\"marcadorColumnario.marcador\" maxlength=\"50\" \n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.marcador) && clickGuardarMarcadorColumnario\" />\n                                    <label>{{'marcador' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n\n                            <div class=\"field col-12 md:col-4\">\n                                <p-floatLabel> \n                                    <p-dropdown [options]=\"listaTipoMarcadorColumnario\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                        [(ngModel)]=\"marcadorColumnario.tipo\" optionLabel=\"nombre\" optionValue=\"codigo\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.tipo) && clickGuardarMarcadorColumnario\"></p-dropdown>\n                                    <label>{{'tipo' | translate }} *</label>\n                                </p-floatLabel>\n                            </div>\n        \n                            <div class=\"field col-12 md:col-12\" >\n                                <p-floatLabel>\n                                    <textarea class=\"w-full min-h-50 max-h-100\" pInputTextarea [(ngModel)]=\"marcadorColumnario.textoRegistro\" maxlength=\"4000\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(marcadorColumnario.textoRegistro) && clickGuardarMarcadorColumnario\"></textarea>\n                                    <label>{{'valor' | translate}} *</label>\n                                </p-floatLabel>\n                            </div>\n                        </div>\n                        <!--BOTONES-->\n                        <div class=\"flex justify-content-end mb-3\" >\n                            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons {{marcadorColumnario.llaveTabla ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}}\"\n                                label=\"{{marcadorColumnario.llaveTabla ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\" (click)=\"guardarMarcadorColumnario()\">\n                            </button>\n                            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                                *ngIf=\"marcadorColumnario.llaveTabla != null\" label=\"{{'link_eliminar' | translate}}\"\n                                (click)=\"eliminarMarcadorColumnario($event)\">\n                            </button>\n                        </div>\n                    </div>\n                </p-fieldset>\n            </p-accordionTab>\n        </p-accordion>\n    </p-tabPanel>\n    <p-tabPanel header=\"{{'grafica' | translate }}\">\n        <div class=\"card col-md-12\">\n            <div class=\"Detallereporte mt-2\">\n                <div class=\"p-fluid p-formgrid grid\">\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.codigo\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'codigo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <input pInputText type=\"text\" [(ngModel)]=\"reporteFuente.tituloGrafico\" size=\"25\"\n                                maxlength=\"100\">\n                            <label>{{'titulo' | translate }}</label>\n                        </p-floatLabel>\n                    </div>\n\n                    <div class=\"field col-12 md:col-4\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaTipoGrafico\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                                [(ngModel)]=\"reporteFuente.tipoGrafico\" optionLabel=\"nombre\"\n                                optionValue=\"codigo\"></p-dropdown>\n                            <label>{{'tipo' | translate }}</label>    \n                        </p-floatLabel>\n                    </div>\n                </div>\n\n                <!--BOTONES-->\n                <div class=\"flex justify-content-end mb-3\" *ngIf=\"isSql()\">\n                    <button pButton pRipple class=\"ml-2 p-button-outlined background-100\" icon=\"glyphicons glyphicons-restart\"   \n                        label=\"{{'link_guardar' | translate}}\" (click)=\"guardarGrafico()\">\n                    </button>\n                    <button pButton pRipple class=\"ml-2 p-button p-button-raised\" icon=\"glyphicons glyphicons-refresh\"\n                        label=\"{{'link_ver' | translate}}\" (click)=\"verGrafico()\">\n                    </button>\n                </div>\n            </div>\n        </div>\n\n        <p-table [value]=\"paginadorColumnas\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n            [rows]=\"20\" [totalRecords]=\"paginadorColumnas.length\" [paginator]=\"paginadorColumnas.length > 20\" >\n            <ng-template pTemplate=\"header\">\n\n                <tr class=\"fondoTablaPincipal\">\n                    <th>{{'columna' | translate }}</th>\n                    <th>{{'sintaxis' | translate }}</th>\n                    <th>{{'tipo' | translate }}</th>\n                    <th>{{'accion' | translate }}</th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-bean>\n                <tr [pSelectableRow]=\"bean\">\n                    <td>{{bean.nombre}}</td>\n                    <td>{{bean.sintaxis}}</td>\n                    <td>{{bean.tipoDato | reporteFuentePipe : 'listaTipoDato'}}</td>\n                    <td>\n                        <p-dropdown [options]=\"listaGraficoSencillo\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                            [(ngModel)]=\"bean.graficoFuente\" optionLabel=\"nombre\"\n                            optionValue=\"codigo\"></p-dropdown>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table> \n\n        <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n            <h1 class=\"text-xl\">Colores Categoria</h1>\n            <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoColorCategoria()\" icon=\"pi pi-plus\"\n                [disabled]=\"habilitaCampo\" class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n        </div>\n        <p-table [value]=\"paginadorColoresGrafica\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n            [rows]=\"10\" [totalRecords]=\"paginadorColoresGrafica.length\"\n            [paginator]=\"paginadorColoresGrafica.length > 10\" \n            [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n            editMode=\"row\" dataKey=\"llaveTabla\">\n            <ng-template pTemplate=\"header\">\n                <tr class=\"fondoTablaPincipal\">\n                    <th style=\"width: 45%\">{{'categoria' | translate}}</th>\n                    <th style=\"width: 45%\">{{'color' | translate}}</th>\n                    <th style=\"width: 10%\"> </th>\n                </tr>\n                <tr class=\"TablaNuevoRegistro\" *ngIf=\"verColorCategoriaDetalle\">\n                    <td style=\"width: 45%\">\n                        <input pInputText type=\"text\" [(ngModel)]=\"colorCategoria.titulo\" style=\"width: -webkit-fill-available\"\n                            [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(colorCategoria.titulo) && clickGuardarColorCategoria\"\n                            [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(colorCategoria.titulo) && clickGuardarColorCategoria\">\n                    </td>\n                    <td style=\"width: 45%\">\n                        <div style=\"width: 100%\">\n                            <p-colorPicker [(ngModel)]=\"colorCategoria.banda\" appendTo=\"body\"\n                                [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(colorCategoria.banda) && clickGuardarColorCategoria\"\n                                [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(colorCategoria.banda) && clickGuardarColorCategoria\" />\n                            </div>\n                    </td>\n                    <td style=\"width: 10%\">\n                        <div class=\"flex justify-content-end\">\n                            <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarColorCategoria(colorCategoria)\"\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)=\"verColorCategoriaDetalle = false\" icon=\"pi pi-times\" (click)=\"cancelarColorCategoria()\"\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                        </div>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-color let-editing=\"editing\" let-ri=\"rowIndex\">\n                <tr [pEditableRow]=\"color\" style=\"width: 100%\">\n                    <td style=\"width: 45%\">\n                        <p-cellEditor>\n                            <ng-template pTemplate=\"input\">\n                                <input pInputText type=\"text\" [(ngModel)]=\"color.titulo\" style=\"width: -webkit-fill-available\"\n                                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(color.titulo) && clickGuardarColorCategoria\"\n                                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(color.titulo) && clickGuardarColorCategoria\">\n                            </ng-template>\n                            <ng-template pTemplate=\"output\">\n                                {{color.titulo}}\n                            </ng-template>\n                        </p-cellEditor>\n                    </td>\n                    <td style=\"width: 45%\">\n                        <p-cellEditor>\n                            <ng-template pTemplate=\"input\">\n                                <div style=\"width: 100%\">\n                                    <p-colorPicker [(ngModel)]=\"color.banda\" appendTo=\"body\"\n                                        [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(color.banda) && clickGuardarColorCategoria\"\n                                        [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(color.banda) && clickGuardarColorCategoria\"/>\n                                </div>\n                            </ng-template>\n                            <ng-template pTemplate=\"output\">\n                                <p-colorPicker [(ngModel)]=\"color.banda\" [disabled]=\"true\" />\n                            </ng-template>\n                        </p-cellEditor>\n                    </td>\n                    <td style=\"width: 10%\">\n                        <div class=\"flex justify-content-end\">\n                            <!-- CHECK GUARDAR -->\n                            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                icon=\"pi pi-check\" (click)=\"agregarColorCategoria(color)\"\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                            <!-- CANCELAR -->\n                            <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                icon=\"pi pi-times\" (click)=\"cancelarEdicionColor()\"\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                            <!-- EDITAR -->\n                            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                            <!-- ELIMINAR -->\n                            <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                icon=\"pi pi-trash\" (click)=\"eliminarColorCategoria($event, color)\" [disabled]=\"habilitaCampo\"\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                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"emptymessage\">\n                <tr>\n                    <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                </tr>\n            </ng-template>\n        </p-table>\n        <div style=\"width: 85%\" *ngIf=\"grafica\">\n            <p-chart [type]=\"tipoGrafica\" [data]=\"grafica.datosGrafica.data\" [options]=\"grafica.datosGrafica.options\"></p-chart>\n        </div>\n    </p-tabPanel>\n</p-tabView>", styles: [":host ::ng-deep .p-picklist-buttons.p-picklist-source-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist-buttons.p-picklist-target-controls.ng-star-inserted{display:none}:host ::ng-deep .p-picklist.p-component{margin:0}:host ::ng-deep .p-picklist-item span{float:left!important}:host ::ng-deep .fieldsintitulo .p-fieldset-legend{display:none!important}:host ::ng-deep .p-picklist-list-wrapper.p-picklist-source-wrapper ul{box-shadow:inset 1px 8px 10px -10px var(--color-200)}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-200) no-repeat}:host ::ng-deep .p-picklist .p-picklist-target{background:var(--color-50) no-repeat}:host ::ng-deep .p-picklist .p-picklist-header{display:none}:host ::ng-deep .p-picklist .p-picklist-filter-container span{color:var(--color-100)}:host ::ng-deep .p-picklist .p-picklist-filter-container{border-radius:10px 10px 0 0;padding:3%;border:1px solid var(--color-100);border-bottom:none;box-shadow:0 4px 7px var(--color-100);position:relative}:host ::ng-deep .p-picklist .p-picklist-list{border:1px solid var(--color-100);height:400px}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item{padding:2%;color:#000000de;background:solid 2px var(--color-50) no-repeat;margin:16px 16px -7px;border-radius:5px;border:solid 1px var(--color-100);transition:.2s;background:#fff}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h6,:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item h7{color:var(--color-500);margin-bottom:2px;font-size:1rem;margin-top:0}:host ::ng-deep .p-picklist .p-picklist-list .p-picklist-item span{float:left;margin-right:4px;min-height:30px;color:var(--color-400)}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover{background:var(--color-400);color:#fff;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h6,:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover h7{color:#fff!important;transition:.2s}:host ::ng-deep .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover span{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight{background:var(--color-500);color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h6,:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight h7{color:#fff!important}:host ::ng-deep .p-picklist li.p-ripple.p-element.cdk-drag.ng-star-inserted.p-picklist-item.p-highlight span{color:#fff!important}:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.5%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:20px}.p-picklist-buttons{padding:2rem}.p-picklist-buttons .p-button:disabled{background-color:var(--color3)!important;color:#fff!important}.p-picklist-buttons .p-button{margin-bottom:.5rem;border-radius:100%}.p-picklist-buttons .p-button.p-button-icon-only{padding:.4rem .5rem;width:40px;height:40px;max-width:initial;max-height:initial}.p-picklist-buttons .p-button.p-button-icon-only span{font-size:18px}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only{border-radius:100%;width:3rem!important;background:var(--color-500)}:host ::ng-deep .p-picklist-buttons .p-button.p-button-icon-only span{font-size:1.2rem;background:var(--color--300);color:#fff}:host ::ng-deep .p-picklist-buttons .p-button:disabled{background:var(--color-300)!important}@media (max-width: 1440px){:host ::ng-deep span.p-input-icon-left{width:calc(50% - .25rem - 20px);border-bottom:none;border:1px solid var(--color-100);padding:1.2%;border-radius:10px 10px 0 0;margin-left:-8px}:host ::ng-deep span.p-input-icon-left i{margin-left:15px}}:host ::ng-deep .p-button{width:auto}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ToastService }, { type: GeneralService }, { type: GeneralPipe }, { type: AuthService }, { type: ReporteFuentePipe }, { type: i7.ConfirmationService }, { type: CargarArchivosService }, { type: EncriptadoBasicoService }, { type: UtilsService }, { type: i7$1.TranslateService }, { type: FuentePipe }, { type: ReporteColumnarioPipe }, { type: EjecucionReporteService }, { type: DashboardService }, { type: DashboardPipe }], propDecorators: { llaveReporte: [{
                 type: Input
             }], aplicacion: [{
                 type: Input
@@ -12513,7 +12963,7 @@ class PopupReporteComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupReporteComponent, deps: [{ token: GeneralService }, { token: EjecucionReporteService }, { token: i7.ConfirmationService }, { token: ToastService }, { token: AuthService }, { token: i7$1.TranslateService }, { token: CargarArchivosService }, { token: UtilsService }, { token: CargarControlFuncionalidadService }, { token: EncriptadoBasicoService }, { token: ReporteFuentePipe }, { token: GeneralPipe }, { token: CargarArchivosService }, { token: EncriptadoBasicoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupReporteComponent, isStandalone: true, selector: "app-popup-reporte", inputs: { mostrar: "mostrar", aplicacion: "aplicacion", reporte: "reporte", entradasPuntoProceso: "entradasPuntoProceso" }, outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<p-dialog id='popupReporte' header=\"{{'reportesgenerales' | translate}}\" [(visible)]=\"mostrar\" (onShow)=\"mostrarPopup()\"\n    [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\n\n    <div *ngIf=\"panel == 'entrada'\">\n        <!--Segundo plano-->\n        <p-accordion [multiple]=\"true\">\n            <p-accordionTab [selected]=\"true\" [header]=\"'segundoplano' | translate\" *ngIf=\"listaSegundoPlano.length > 0\">\n                <p-table [value]=\"listaSegundoPlano\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\n                    [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\n                    [paginator]=\"paginator.totalRecords > paginator.rows\" (onRowSelect)=\"verSegundoPlano($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'estado' | translate }} </th>\n                            <th>{{'fechainicial' | translate }} </th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-entrada>\n                        <tr [pSelectableRow]=\"entrada\">\n                            <td>{{entrada.nombreEstado}}</td>\n                            <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </p-accordionTab>\n        </p-accordion>\n        <p-fieldset class=\"mt-0\"  *ngIf=\"mostrarParametros\">\n            <ng-template pTemplate=\"header\">\n                <div>\n                    <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\n                    <span>{{'entrada' | translate}}</span>\n                </div>\n            </ng-template>\n            <p-table [value]=\"parametros\" >\n                <ng-template pTemplate=\"body\" let-parametro>\n                    <tr [pSelectableRow]=\"parametro\">\n                        <!--<td>\n                            <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\n                        </td>-->\n                        <td  *ngIf=\"parametro.unionDTO.solicitar == 'S'\">\n                            <p-floatLabel>\n                                <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\n                                    *ngIf=\"(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'\" />\n\n                                <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'\" />\n\n\n                                <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'\">\n                                </p-inputNumber>\n\n                                <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\" mode=\"decimal\" [minFractionDigits]=\"2\"\n                                    [maxFractionDigits]=\"16\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'\">\n                                </p-inputNumber>\n\n                                <p-dropdown [options]=\"parametro.lista\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                    (onChange)=\"cambioValorLista($event, parametro)\" [(ngModel)]=\"parametro.unionDTO.llaveLista\"\n                                    optionLabel=\"label\" optionValue=\"value\" *ngIf=\"parametro.unionDTO.tipo == 'L'\">\n                                </p-dropdown>\n\n                                <p-calendar type=\"text\" [(ngModel)]=\"parametro.unionDTO.valor\" dateFormat=\"dd/mm/yy\" appendTo=\"body\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'\"></p-calendar>\n\n                                <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\n                            </p-floatLabel>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-fieldset>\n        <p-fieldset class=\"mt-0\" *ngIf=\"generaciones.length > 0\">\n            <ng-template pTemplate=\"header\">\n                <div>\n                    <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\n                    <span>{{'generar' | translate}}</span>\n                </div>\n            </ng-template>\n            <div class=\"col-md-12\">\n                <div class=\"p-fluid p-formgrid grid text-xs\">\n                    <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\"  *ngFor=\"let valor of generaciones\">\n                        <div class=\"field-radiobutton\">\n                            <p-radioButton (onClick)=\"cambioTipoReporte($event)\" [inputId]=\"valor.value\" name=\"tipoReporte\"\n                                [value]=\"valor.value\" [(ngModel)]=\"tipoReporte\" />\n                            <label [for]=\"valor.value\" class=\"ml-2\">\n                                {{ valor.label }}\n                            </label>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </p-fieldset>\n\n        <p-fieldset class=\"mt-0\" *ngIf=\"'A' != tipoReporte && mostrarQueDeseaHacer\" >\n            <ng-template pTemplate=\"header\">\n                <div>\n                    <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\n                    <span>\u00BFQu\u00E9 desea hacer?</span>\n                </div>\n            </ng-template>\n            <label *ngIf=\"tipoReporte && 'F' == tipoReporte\">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>\n\n            <div *ngIf=\"tipoReporte && 'F' == tipoReporte\">\n                <div class=\"col-md-12\">\n                    <div class=\"p-fluid p-formgrid grid text-xs\">\n                        <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\"  *ngFor=\"let valor of mapaTipoArchivos\">\n                            <div class=\"field-radiobutton\">\n                                <p-radioButton (onClick)=\"cambioTipoArchivo($event)\" [inputId]=\"valor.codigo\" name=\"tipoArchivo\"\n                                    [value]=\"valor.codigo\"  [(ngModel)]=\"tipoArchivo\" />\n                                <label [for]=\"valor.codigo\" class=\"ml-2\">\n                                    {{ valor.nombre }}\n                                </label>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngIf=\"mostrarArchivosSoporte\">\n                <div class=\"Detallereporte\">\n                    <div class=\"p-fluid p-formgrid grid\">\n                        <div class=\"field col-12 md:col-12\">\n                            <p-floatLabel>\n                                <p-dropdown [options]=\"listadoArchivoSoporte\" [autoDisplayFirst]=\"false\" optionLabel=\"descripcion\" appendTo=\"body\"\n                                    optionValue=\"llaveTabla\" [(ngModel)]=\"soporteBase\" (onChange)=\"cambioSoporteBase($event)\"></p-dropdown>\n                                <label>Soporte Base:</label>\n                            </p-floatLabel>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngIf=\"tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' \">\n                <div class=\"col-md-12\">\n                    <div class=\"p-fluid p-formgrid grid text-xs\">\n                        <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\"  *ngFor=\"let valor of operaciones\">\n                            <div class=\"field-radiobutton\">\n                                <p-radioButton [inputId]=\"valor.value\" name=\"operacion\" [value]=\"valor.value\"\n                                    [(ngModel)]=\"operacion\" />\n                                <label [for]=\"valor.value\" class=\"ml-2\">\n                                    {{ valor.label }}\n                                </label>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div *ngIf=\"operacion == 'E'\">\n                <p-floatLabel>\n                    <input pInputText [(ngModel)]=\"correo\" type=\"text\" [disabled]=\"bloquearCorreo\" />\n                    <label>{{'correo' | translate}}</label>\n                </p-floatLabel>\n            </div>\n        </p-fieldset>\n        \n\n        <div class=\"flex justify-content-end\">\n            <button pButton pRipple class=\"m-2 mt-4 p-button p-button-outlined background-100\"\n                *ngIf=\"validarControlFuncionalidad('ejecrepo:sentencia')\" label=\"Ver sentencia\" icon=\"glyphicons glyphicons-eye-open\"\n                (click)=\"sentencia()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'E'\" icon=\"glyphicons glyphicons-envelope\"\n                label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento != 'D'\" icon=\"glyphicons glyphicons-check\"\n                label=\"{{'generar' | translate}}\" (click)=\"descargarReporte()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento == 'D'\" icon=\"glyphicons glyphicons-check\"\n                label=\"{{'generar' | translate}}\" (click)=\"descargarReporteSinHilo()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"tipoReporte == 'A'\" icon=\"glyphicons glyphicons-check\"\n                label=\"{{'generar' | translate}}\" (click)=\"generarTabla()\"></button>\n            <!--pte proceso externo-->\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'M' || operacion == 'MP'\" icon=\"glyphicons glyphicons-envelope\"\n                label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'P'\" icon=\"glyphicons glyphicons-folder-open\"\n                label=\"{{'link_publicar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion =='S'\"  icon=\"glyphicons glyphicons-check\"\n                label=\"{{'link_generar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n\n        </div>\n    </div>\n    <div *ngIf=\"panel == 'resultado'\">\n        <div *ngIf=\"operacion == 'historico'\">\n            <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n                <h4 class=\"text-base mt-2 ml-2\">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>\n                <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\n                  (click)=\"regresarSegundoPlano()\" label=\"{{'link_regresar' | translate}}\" >\n                </button>\n              </div>\n            <div class=\" Inputgroup\">\n                <div class=\"col-md-12\">\n                    <div class=\"p-fluid p-formgrid grid\">\n                        <div class=\"field col-12 md:col-4 lg:col-4\">\n                            <p-floatLabel>\n                                <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.inicia\" [disabled]=\"true\" appendTo=\"body\"\n                                    [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\n                                <label>{{('fechainicial') | translate}}</label>\n                            </p-floatLabel>\n                        </div>\n\n                        <div class=\"field col-12 md:col-4 lg:col-4\">\n                            <p-floatLabel>\n                                <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.termina\" [disabled]=\"true\" appendTo=\"body\"\n                                    [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\n                                <label>{{('fechafinal') | translate}}</label>\n                            </p-floatLabel>\n                        </div>\n\n                        <div class=\"field col-12 md:col-4 lg:col-4\">\n                            <p-floatLabel>\n                                <input pInputText type=\"text\" [readonly]=\"false\"\n                                    [(ngModel)]=\"elementoBorrar.nombreEstado\" [disabled]=\"true\" />\n                                <label>{{('estado') | translate}}</label>\n                            </p-floatLabel>\n                        </div>\n\n                        <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"elementoBorrar.estado == 'E'\">\n                            <label>{{('mensaje') | translate}}</label>\n                            <textarea class=\"min-w-full p-inputtextarea p-inputtext p-component p-element \"\n                                rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"elementoBorrar.archivo\"\n                                [disabled]=\"true\"></textarea>\n                        </div>\n                    </div>\n                    <div class=\"flex justify-content-end\">\n                        <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                            *ngIf=\"elementoBorrar.estado == 'T'\" icon=\"pi pi-download\"\n                            label=\"{{'link_descargar' | translate}}\" (click)=\"descargarArchivo()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                            label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarSegundoPlano($event)\">\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div *ngIf=\"tipoReporte == 'A'\" >\n            <p-table [value]=\"listaRegistro\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                [rows]=\"10\" [totalRecords]=\"listaRegistro.length\" [paginator]=\"listaRegistro.length > 10\" >\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ col.header }}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-entrada>\n                    <tr>\n                        <td [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ entrada[col.field] }}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <p class=\"p-3 font-medium emptymessage\">\n                        {{'mensajetablavacia' | translate}}\n                    </p>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n</p-dialog>\n<app-popup-sentencia [reporte]=\"reporte\" [parametros]=\"parametros\" [mostrarPopup]=\"mostrarPopupSentencia\"\n    (regresar)=\"regresarSentencia($event)\"></app-popup-sentencia>", styles: [":host ::ng-deep .p-button{width:auto}:host ::ng-deep .min-w-full2{min-height:150px;min-width:100%}h4{color:var(--color-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i7$4.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15$1.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i10$2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: PopupSentenciaComponent, selector: "app-popup-sentencia", inputs: ["reporte", "parametros", "mostrarPopup"], outputs: ["regresar"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$2.FloatLabel, selector: "p-floatLabel" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupReporteComponent, isStandalone: true, selector: "app-popup-reporte", inputs: { mostrar: "mostrar", aplicacion: "aplicacion", reporte: "reporte", entradasPuntoProceso: "entradasPuntoProceso" }, outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<p-confirmPopup></p-confirmPopup>\n<p-dialog id='popupReporte' header=\"{{'reportesgenerales' | translate}}\" [(visible)]=\"mostrar\" (onShow)=\"mostrarPopup()\"\n    [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" (onHide)=\"ocultar()\" [modal]=\"true\">\n\n    <div *ngIf=\"panel == 'entrada'\">\n        <!--Segundo plano-->\n        <p-accordion [multiple]=\"true\">\n            <p-accordionTab [selected]=\"true\" [header]=\"'segundoplano' | translate\" *ngIf=\"listaSegundoPlano.length > 0\">\n                <p-table [value]=\"listaSegundoPlano\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\n                    [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\"\n                    [paginator]=\"paginator.totalRecords > paginator.rows\" (onRowSelect)=\"verSegundoPlano($event)\">\n                    <ng-template pTemplate=\"header\">\n\n                        <tr class=\"fondoTablaPincipal\">\n                            <th>{{'estado' | translate }} </th>\n                            <th>{{'fechainicial' | translate }} </th>\n                        </tr>\n                        <th>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-entrada>\n                        <tr [pSelectableRow]=\"entrada\">\n                            <td>{{entrada.nombreEstado}}</td>\n                            <td>{{entrada.inicia | date: 'dd/MM/yyyy h:mm a'}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n            </p-accordionTab>\n        </p-accordion>\n        <p-fieldset class=\"mt-0\"  *ngIf=\"mostrarParametros\">\n            <ng-template pTemplate=\"header\">\n                <div>\n                    <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\n                    <span>{{'entrada' | translate}}</span>\n                </div>\n            </ng-template>\n            <p-table [value]=\"parametros\" >\n                <ng-template pTemplate=\"body\" let-parametro>\n                    <tr [pSelectableRow]=\"parametro\">\n                        <!--<td>\n                            <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\n                        </td>-->\n                        <td  *ngIf=\"parametro.unionDTO.solicitar == 'S'\">\n                            <p-floatLabel>\n                                <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\n                                    *ngIf=\"(parametro.unionDTO.tipoDato == 'T' || parametro.unionDTO.tipoDato == 'E') && parametro.unionDTO.tipo == 'D'\" />\n\n                                <input pInputText [(ngModel)]=\"parametro.unionDTO.valor\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'U' && parametro.unionDTO.tipo == 'D'\" />\n\n\n                                <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'N' && parametro.unionDTO.tipo == 'D'\">\n                                </p-inputNumber>\n\n                                <p-inputNumber [(ngModel)]=\"parametro.unionDTO.valor\" mode=\"decimal\" [minFractionDigits]=\"2\"\n                                    [maxFractionDigits]=\"16\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'B' && parametro.unionDTO.tipo == 'D'\">\n                                </p-inputNumber>\n\n                                <p-dropdown [options]=\"parametro.lista\" [autoDisplayFirst]=\"false\" appendTo=\"body\"\n                                    (onChange)=\"cambioValorLista($event, parametro)\" [(ngModel)]=\"parametro.unionDTO.llaveLista\"\n                                    optionLabel=\"label\" optionValue=\"value\" *ngIf=\"parametro.unionDTO.tipo == 'L'\">\n                                </p-dropdown>\n\n                                <p-calendar type=\"text\" [(ngModel)]=\"parametro.unionDTO.valor\" dateFormat=\"dd/mm/yy\" appendTo=\"body\"\n                                    *ngIf=\"parametro.unionDTO.tipoDato == 'F' && parametro.unionDTO.tipo == 'D'\"></p-calendar>\n\n                                <label *ngIf=\"parametro.unionDTO.solicitar == 'S'\">{{ parametro.unionDTO.descripcion }}</label>\n                            </p-floatLabel>\n                        </td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-fieldset>\n        <p-fieldset class=\"mt-0\" *ngIf=\"generaciones.length > 0\">\n            <ng-template pTemplate=\"header\">\n                <div>\n                    <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\n                    <span>{{'generar' | translate}}</span>\n                </div>\n            </ng-template>\n            <div class=\"col-md-12\">\n                <div class=\"p-fluid p-formgrid grid text-xs\">\n                    <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\"  *ngFor=\"let valor of generaciones\">\n                        <div class=\"field-radiobutton\">\n                            <p-radioButton (onClick)=\"cambioTipoReporte($event)\" [inputId]=\"valor.value\" name=\"tipoReporte\"\n                                [value]=\"valor.value\" [(ngModel)]=\"tipoReporte\" />\n                            <label [for]=\"valor.value\" class=\"ml-2\">\n                                {{ valor.label }}\n                            </label>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </p-fieldset>\n\n        <p-fieldset class=\"mt-0\" *ngIf=\"'A' != tipoReporte && mostrarQueDeseaHacer\" >\n            <ng-template pTemplate=\"header\">\n                <div>\n                    <span class=\"glyphicons glyphicons-book\" style=\"color:var(--color-400)\"></span>\n                    <span>\u00BFQu\u00E9 desea hacer?</span>\n                </div>\n            </ng-template>\n            <label *ngIf=\"tipoReporte && 'F' == tipoReporte\">{{'seleccionetipoarchivodeseagenerar' | translate}}</label>\n\n            <div *ngIf=\"tipoReporte && 'F' == tipoReporte\">\n                <div class=\"col-md-12\">\n                    <div class=\"p-fluid p-formgrid grid text-xs\">\n                        <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\"  *ngFor=\"let valor of mapaTipoArchivos\">\n                            <div class=\"field-radiobutton\">\n                                <p-radioButton (onClick)=\"cambioTipoArchivo($event)\" [inputId]=\"valor.codigo\" name=\"tipoArchivo\"\n                                    [value]=\"valor.codigo\"  [(ngModel)]=\"tipoArchivo\" />\n                                <label [for]=\"valor.codigo\" class=\"ml-2\">\n                                    {{ valor.nombre }}\n                                </label>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngIf=\"mostrarArchivosSoporte\">\n                <div class=\"Detallereporte\">\n                    <div class=\"p-fluid p-formgrid grid\">\n                        <div class=\"field col-12 md:col-12\">\n                            <p-floatLabel>\n                                <p-dropdown [options]=\"listadoArchivoSoporte\" [autoDisplayFirst]=\"false\" optionLabel=\"descripcion\" appendTo=\"body\"\n                                    optionValue=\"llaveTabla\" [(ngModel)]=\"soporteBase\" (onChange)=\"cambioSoporteBase($event)\"></p-dropdown>\n                                <label>Soporte Base:</label>\n                            </p-floatLabel>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div *ngIf=\"tipoReporte == 'F' && tipoArchivo || tipoReporte != 'F' \">\n                <div class=\"col-md-12\">\n                    <div class=\"p-fluid p-formgrid grid text-xs\">\n                        <div class=\"field col-12 md:col-6 lg:col-3 align-items-center mb-0\"  *ngFor=\"let valor of operaciones\">\n                            <div class=\"field-radiobutton\">\n                                <p-radioButton [inputId]=\"valor.value\" name=\"operacion\" [value]=\"valor.value\"\n                                    [(ngModel)]=\"operacion\" />\n                                <label [for]=\"valor.value\" class=\"ml-2\">\n                                    {{ valor.label }}\n                                </label>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div *ngIf=\"operacion == 'E'\">\n                <p-floatLabel>\n                    <input pInputText [(ngModel)]=\"correo\" type=\"text\" [disabled]=\"bloquearCorreo\" />\n                    <label>{{'correo' | translate}}</label>\n                </p-floatLabel>\n            </div>\n        </p-fieldset>\n        \n\n        <div class=\"flex justify-content-end\">\n            <button pButton pRipple class=\"m-2 mt-4 p-button p-button-outlined background-100\"\n                *ngIf=\"validarControlFuncionalidad('ejecrepo:sentencia')\" label=\"Ver sentencia\" icon=\"glyphicons glyphicons-eye-open\"\n                (click)=\"sentencia()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'E'\" icon=\"glyphicons glyphicons-envelope\"\n                label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento != 'D'\" icon=\"glyphicons glyphicons-check\"\n                label=\"{{'generar' | translate}}\" (click)=\"descargarReporte()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'D' && reporte.momento == 'D'\" icon=\"glyphicons glyphicons-check\"\n                label=\"{{'generar' | translate}}\" (click)=\"descargarReporteSinHilo()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"tipoReporte == 'A'\" icon=\"glyphicons glyphicons-check\"\n                label=\"{{'generar' | translate}}\" (click)=\"generarTabla()\"></button>\n            <!--pte proceso externo-->\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'M' || operacion == 'MP'\" icon=\"glyphicons glyphicons-envelope\"\n                label=\"{{'link_enviar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion == 'P'\" icon=\"glyphicons glyphicons-folder-open\"\n                label=\"{{'link_publicar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n            <button pButton pRipple class=\"m-2 mt-4 p-button-raised\" *ngIf=\"operacion =='S'\"  icon=\"glyphicons glyphicons-check\"\n                label=\"{{'link_generar' | translate}}\" (click)=\"enviarSegundoPlano()\"></button>\n\n        </div>\n    </div>\n    <div *ngIf=\"panel == 'resultado'\">\n        <div *ngIf=\"operacion == 'historico'\">\n            <div class=\"flex justify-content-between align-items-center mt-2 mb-2\">\n                <h4 class=\"text-base mt-2 ml-2\">{{'detalle' | translate}} {{'segundoplano' | translate}}</h4>\n                <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\n                  (click)=\"regresarSegundoPlano()\" label=\"{{'link_regresar' | translate}}\" >\n                </button>\n              </div>\n            <div class=\" Inputgroup\">\n                <div class=\"col-md-12\">\n                    <div class=\"p-fluid p-formgrid grid\">\n                        <div class=\"field col-12 md:col-4 lg:col-4\">\n                            <p-floatLabel>\n                                <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.inicia\" [disabled]=\"true\" appendTo=\"body\"\n                                    [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\n                                <label>{{('fechainicial') | translate}}</label>\n                            </p-floatLabel>\n                        </div>\n\n                        <div class=\"field col-12 md:col-4 lg:col-4\">\n                            <p-floatLabel>\n                                <p-calendar type=\"text\" [(ngModel)]=\"elementoBorrar.termina\" [disabled]=\"true\" appendTo=\"body\"\n                                    [showTime]=\"true\" [showSeconds]=\"true\" dateFormat=\"dd/mm/yy\"></p-calendar>\n                                <label>{{('fechafinal') | translate}}</label>\n                            </p-floatLabel>\n                        </div>\n\n                        <div class=\"field col-12 md:col-4 lg:col-4\">\n                            <p-floatLabel>\n                                <input pInputText type=\"text\" [readonly]=\"false\"\n                                    [(ngModel)]=\"elementoBorrar.nombreEstado\" [disabled]=\"true\" />\n                                <label>{{('estado') | translate}}</label>\n                            </p-floatLabel>\n                        </div>\n\n                        <div class=\"field col-12 md:col-12 lg:col-12\" *ngIf=\"elementoBorrar.estado == 'E'\">\n                            <label>{{('mensaje') | translate}}</label>\n                            <textarea class=\"min-w-full p-inputtextarea p-inputtext p-component p-element \"\n                                rows=\"5\" cols=\"30\" pInputTextarea [(ngModel)]=\"elementoBorrar.archivo\"\n                                [disabled]=\"true\"></textarea>\n                        </div>\n                    </div>\n                    <div class=\"flex justify-content-end\">\n                        <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                            *ngIf=\"elementoBorrar.estado == 'T'\" icon=\"pi pi-download\"\n                            label=\"{{'link_descargar' | translate}}\" (click)=\"descargarArchivo()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\"\n                            label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarSegundoPlano($event)\">\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div *ngIf=\"tipoReporte == 'A'\" >\n            <p-table [value]=\"listaRegistro\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                [rows]=\"10\" [totalRecords]=\"listaRegistro.length\" [paginator]=\"listaRegistro.length > 10\" >\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ col.header }}</th>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-entrada>\n                    <tr>\n                        <td [style.width.px]=\"col.width || 200\" *ngFor=\"let col of columnas\">{{ entrada[col.field] }}</td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <p class=\"p-3 font-medium emptymessage\">\n                        {{'mensajetablavacia' | translate}}\n                    </p>\n                </ng-template>\n            </p-table>\n        </div>\n    </div>\n\n</p-dialog>\n<app-popup-sentencia [reporte]=\"reporte\" [parametros]=\"parametros\" [mostrarPopup]=\"mostrarPopupSentencia\"\n    (regresar)=\"regresarSentencia($event)\"></app-popup-sentencia>", styles: [":host ::ng-deep .p-button{width:auto}:host ::ng-deep .min-w-full2{min-height:150px;min-width:100%}h4{color:var(--color-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { 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: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i17$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i17$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { 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: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FieldsetModule }, { kind: "component", type: i7$4.Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i15.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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: CalendarModule }, { kind: "component", type: i5$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i10$2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: PopupSentenciaComponent, selector: "app-popup-sentencia", inputs: ["reporte", "parametros", "mostrarPopup"], outputs: ["regresar"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$1.FloatLabel, selector: "p-floatLabel" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupReporteComponent, decorators: [{
             type: Component,
@@ -12810,7 +13260,7 @@ class DetallePuntoProcesoReporteComponent {
         this.vistaVisualizar = null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetallePuntoProcesoReporteComponent, deps: [{ token: GeneralService }, { token: cargarmapasGlobal }, { token: ToastService }, { token: GeneralPipe }, { token: UtilsService }, { token: ToastService }, { token: i7.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetallePuntoProcesoReporteComponent, isStandalone: true, selector: "detalle-punto-proceso-reporte", inputs: { modificarReporte: "modificarReporte", llaveReporte: "llaveReporte", llaveFuente: "llaveFuente", tipoRecurso: "tipoRecurso" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\n<p-confirmPopup></p-confirmPopup>\n\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\n    <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\n    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\n        label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\n    </button>\n    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n        <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \n            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n    </div>\n</div>\n\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\n    (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\n    [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\n    <ng-template pTemplate=\"header\">\n            \n        <tr class=\"fondoTablaPincipal\">\n            <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\n        </tr>\n        <th>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-punto>\n        <tr [pSelectableRow]=\"punto\">\n            <td>{{punto.puntoProcesoDescripcion}}</td>\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n        <tr>\n            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n    </ng-template>\n</p-table>\n\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\n    <p-tabView class=\"mb-0\">\n        <p-tabPanel [header]=\"'basica' | translate\">\n            <div class=\"card col-md-12\">\n                <div class=\"Detallereporte mt-3\">\n\n                    <div class=\"field col-12 md:col-12\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\n                                [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar  ? 'ng-invalid ng-dirty' : ''\" >\n                            </p-dropdown>\n                            <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n\n                    <!--BOTONES-->\n                    <div class=\"flex justify-content-end mb-3\">\n                        <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                            icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                            (click)=\"guardar()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\n                            label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n                        </button>\n                    </div>\n                </div>\n\n            </div>\n        </p-tabPanel>\n        <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\n            <div class=\"flex justify-content-end align-items-center mb-2\">\n                <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\n                    class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n            </div>\n            <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\n                [paginator]=\"listaCruce.length > 10\" \n                [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                editMode=\"row\" dataKey=\"llaveTabla\">\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\n                        <th style=\"width: 45%;\">{{'valor' | translate}}</th>\n                        <th style=\"width: 10%;\"> </th>\n                    </tr>\n                    <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\n                        <td style=\"width: 45%;\">\n                            <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n                                [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\n                        </td>\n                        <td style=\"width: 45%;\">\n                            <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n                                [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\n                        </td>\n                        <td style=\"width: 10%;\">\n                            <div class=\"flex justify-content-end\">\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\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)=\"cancelarCruce()\" 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                            </div>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\n                    <tr [pEditableRow]=\"cruce\" >\n                        <td style=\"width: 45%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n                                        [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                        [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{cruce.descripcionEntrada}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 45%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n                                        [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                        [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{cruce.atributoPuntoDescripcion}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 10%;\">\n                            <div class=\"flex justify-content-end\">\n                                <!-- CHECK GUARDAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                    icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\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                                <!-- CANCELAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                    icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\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                                <!-- EDITAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                    icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                    class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                <!-- ELIMINAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                    icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\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                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-tabPanel>\n        <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\n            <div class=\"card\">\n                <p-table  [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                    scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                            <th class=\"w-6rem\">{{'codigo' | translate}}</th> \n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-element>\n                        <tr>\n                            <td class=\"w-6rem\">\n                                {{element.descripcion}}\n                            </td>\n                            <td class=\"w-6rem\">\n                                {{element.codigo}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\n                    <p-floatLabel>\n                        <textarea class=\"w-full min-h-150 max-h-200\" rows=\"5\" cols=\"30\" pInputTextarea\n                            [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\n                        <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\n                    </p-floatLabel>\n                </div>\n                <div class=\"flex justify-content-end align-content-center mt-3\">\n                    <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\n                </div>\n            </div>\n        </p-tabPanel>\n    </p-tabView>\n\n</div>", styles: [":host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i15.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i15.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i15.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i15.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i15.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17$1.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$2.FloatLabel, selector: "p-floatLabel" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetallePuntoProcesoReporteComponent, isStandalone: true, selector: "detalle-punto-proceso-reporte", inputs: { modificarReporte: "modificarReporte", llaveReporte: "llaveReporte", llaveFuente: "llaveFuente", tipoRecurso: "tipoRecurso" }, providers: [ConfirmationService, MessageService], ngImport: i0, template: "<!--<p-confirmDialog header=\"'confirmar')\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>-->\n<p-confirmPopup></p-confirmPopup>\n\n<div class=\"flex justify-content-between align-items-center mt-3 mb-3\">\n    <h1 class=\"text-xl\">{{'punto' | translate }} {{'proceso' | translate }} </h1>\n    <button pButton pRipple class=\"p-button-secondary font-semibold\" icon=\"pi pi-plus\" (click)=\"nuevoPuntoProceso()\"\n        label=\"{{'link_nuevo' | translate}}\" *ngIf=\"vistaVisualizar !='detalle'\" >\n    </button>\n    <div class=\"flex justify-content-end  mb-1\" *ngIf=\"vistaVisualizar =='detalle'\">\n        <button pButton pRipple (click)=\"vistaVisualizar = null\" label= \"{{'listado' | translate}} {{'punto' | translate}} {{'proceso' | translate}}\" \n            icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 \"></button>\n    </div>\n</div>\n\n<p-table [value]=\"listaRecursoPunto\" [scrollable]=\"true\" responsiveLayout=\"scroll\" selectionMode=\"single\" dataKey=\"puntoProceso\"\n    (onRowSelect)=\"verAction($event)\" (onRowUnselect)=\"verAction($event)\" [rows]=\"paginator.rows\" [totalRecords]=\"paginator.totalRecords\" *ngIf=\"vistaVisualizar != 'detalle'\"\n    [paginator]=\"paginator.totalRecords > paginator.rows\" [lazy]=\"true\" (onLazyLoad)=\"cargar($event)\">\n    <ng-template pTemplate=\"header\">\n            \n        <tr class=\"fondoTablaPincipal\">\n            <th>{{'punto' | translate }} {{'proceso' | translate }} </th>\n        </tr>\n        <th>\n    </ng-template>\n    <ng-template pTemplate=\"body\" let-punto>\n        <tr [pSelectableRow]=\"punto\">\n            <td>{{punto.puntoProcesoDescripcion}}</td>\n        </tr>\n    </ng-template>\n    <ng-template pTemplate=\"emptymessage\">\n        <tr>\n            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n        </tr>\n    </ng-template>\n</p-table>\n\n<div *ngIf=\"vistaVisualizar == 'detalle'\">\n    <p-tabView class=\"mb-0\">\n        <p-tabPanel [header]=\"'basica' | translate\">\n            <div class=\"card col-md-12\">\n                <div class=\"Detallereporte mt-3\">\n\n                    <div class=\"field col-12 md:col-12\">\n                        <p-floatLabel>\n                            <p-dropdown [options]=\"listaPuntosProceso\" [autoDisplayFirst]=\"false\"\n                                optionLabel=\"label\" optionValue=\"key\" [(ngModel)]=\"recursoPuntoDTO.puntoProceso\"\n                                [class]=\"!utilsService.validarCampoObligatorio(recursoPuntoDTO.puntoProceso) && clickGuardar  ? 'ng-invalid ng-dirty' : ''\" >\n                            </p-dropdown>\n                            <label htmlFor=\"puntoProceso\">{{'punto' | translate }} {{'proceso' | translate }} *</label>\n                        </p-floatLabel>\n                    </div>\n\n\n                    <!--BOTONES-->\n                    <div class=\"flex justify-content-end mb-3\">\n                        <button pButton pRipple class=\"ml-2 p-button p-button-raised\"\n                            icon=\"glyphicons {{!nuevo ? 'glyphicons-refresh' : 'glyphicons-floppy-save'}} \" label =\"{{!nuevo ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                            (click)=\"guardar()\">\n                        </button>\n                        <button pButton pRipple class=\"ml-2 mr-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"!nuevo\"\n                            label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n                        </button>\n                    </div>\n                </div>\n\n            </div>\n        </p-tabPanel>\n        <p-tabPanel [header]=\"'cruce' | translate\" *ngIf=\"!nuevo\">\n            <div class=\"flex justify-content-end align-items-center mb-2\">\n                <button pButton label=\"{{'link_nuevo' | translate}}\" (click)=\"nuevoCruce()\" icon=\"pi pi-plus\" [disabled]=\"habilitaCampo\"\n                    class=\"p-ripple p-element p-button p-component p-button-secondary mb-2\"></button>\n            </div>\n            <p-table #tablaGeneral [value]=\"listaCruce\" responsiveLayout=\"scroll\" styleClass=\"p-datatable-striped\"\n                [rows]=\"10\" [totalRecords]=\"listaCruce.length\"\n                [paginator]=\"listaCruce.length > 10\" \n                [showCurrentPageReport]=\"true\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\" \n                editMode=\"row\" dataKey=\"llaveTabla\">\n                <ng-template pTemplate=\"header\">\n                    <tr class=\"fondoTablaPincipal\">\n                        <th style=\"width: 45%;\">{{'entrada' | translate}}</th>\n                        <th style=\"width: 45%;\">{{'valor' | translate}}</th>\n                        <th style=\"width: 10%;\"> </th>\n                    </tr>\n                    <tr class=\"TablaNuevoRegistro\" *ngIf=\"vistaVisualizarDetalle === 'nuevoCruce'\">\n                        <td style=\"width: 45%;\">\n                            <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n                                [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.reporteEntrada) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                [(ngModel)]=\"cruceRecursoPunto.reporteEntrada\"></p-dropdown>\n                        </td>\n                        <td style=\"width: 45%;\">\n                            <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n                                [class]=\"!utilsService.validarCampoObligatorio(cruceRecursoPunto.atributoPunto) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                [(ngModel)]=\"cruceRecursoPunto.atributoPunto\" ></p-dropdown>\n                        </td>\n                        <td style=\"width: 10%;\">\n                            <div class=\"flex justify-content-end\">\n                                <button pButton pRipple type=\"button\" icon=\"pi pi-check\" (click)=\"agregarCruce(null,true)\"\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)=\"cancelarCruce()\" 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                            </div>\n                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"body\" let-cruce let-editing=\"editing\" let-ri=\"rowIndex\">\n                    <tr [pEditableRow]=\"cruce\" >\n                        <td style=\"width: 45%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <p-dropdown [options]=\"listaEntrada\" optionValue=\"llave\"\n                                        [class]=\"!utilsService.validarCampoObligatorio(cruce.reporteEntrada) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                        [autoDisplayFirst]=\"false \"optionLabel=\"descripcion\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [(ngModel)]=\"cruce.reporteEntrada\"></p-dropdown>\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{cruce.descripcionEntrada}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 45%;\">\n                            <p-cellEditor>\n                                <ng-template pTemplate=\"input\">\n                                    <p-dropdown [options]=\"listadoAtributoPunto\" optionValue=\"key\"\n                                        [class]=\"!utilsService.validarCampoObligatorio(cruce.atributoPunto) && clickGuardarCruce  ? 'ng-invalid ng-dirty' : ''\"\n                                        [autoDisplayFirst]=\"false\" optionLabel=\"label\" appendTo=\"body\" [autoZIndex]=\"false\"\n                                        [(ngModel)]=\"cruce.atributoPunto\" ></p-dropdown>\n                                </ng-template>\n                                <ng-template pTemplate=\"output\">\n                                    {{cruce.atributoPuntoDescripcion}}\n                                </ng-template>\n                            </p-cellEditor>\n                        </td>\n                        <td style=\"width: 10%;\">\n                            <div class=\"flex justify-content-end\">\n                                <!-- CHECK GUARDAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pSaveEditableRow\n                                    icon=\"pi pi-check\" (click)=\"agregarCruce(cruce, false)\"\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                                <!-- CANCELAR -->\n                                <button *ngIf=\"editing\" pButton pRipple type=\"button\" pCancelEditableRow\n                                    icon=\"pi pi-times\" (click)=\"cancelarEdicion()\"\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                                <!-- EDITAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pInitEditableRow\n                                    icon=\"glyphicons glyphicons-pencil\" [disabled]=\"habilitaCampo\" (click)=\"iniciarEdicion()\"\n                                    class=\"p-element p-ripple p-button-rounded p-button-secondary mr-2 mb-2 p-button p-component p-button-icon-only\"></button>\n                                <!-- ELIMINAR -->\n                                <button *ngIf=\"!editing\" pButton pRipple type=\"button\" pDeleteEditableRow\n                                    icon=\"pi pi-trash\" (click)=\"eliminarCruce($event,cruce)\" [disabled]=\"habilitaCampo\"\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                        </td>\n                    </tr>\n                </ng-template>\n                <ng-template pTemplate=\"emptymessage\">\n                    <tr>\n                        <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                    </tr>\n                </ng-template>\n            </p-table>\n        </p-tabPanel>\n        <p-tabPanel [header]=\"'filtro' | translate\" *ngIf=\"!nuevo\">\n            <div class=\"card\">\n                <p-table  [value]=\"listaAtributoPunto\" responsiveLayout=\"scroll\" [scrollable]=\"true\"\n                    scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" >\n                    <ng-template pTemplate=\"header\">\n                        <tr>\n                            <th class=\"w-6rem\">{{'descripcion' | translate}}</th>\n                            <th class=\"w-6rem\">{{'codigo' | translate}}</th> \n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"body\" let-element>\n                        <tr>\n                            <td class=\"w-6rem\">\n                                {{element.descripcion}}\n                            </td>\n                            <td class=\"w-6rem\">\n                                {{element.codigo}}\n                            </td>\n                        </tr>\n                    </ng-template>\n                    <ng-template pTemplate=\"emptymessage\">\n                        <tr>\n                            <td colspan=\"100\" class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</td>\n                        </tr>\n                    </ng-template>\n                </p-table>\n\n                <div class=\"field col-12 md:col-12 lg:col-12 mt-3\">\n                    <p-floatLabel>\n                        <textarea class=\"w-full min-h-150 max-h-200\" rows=\"5\" cols=\"30\" pInputTextarea\n                            [(ngModel)]=\"recursoPuntoDTO.filtro\" autofocus [autoResize]=\"true\"> </textarea>\n                        <label class=\" w-full\" for=\"descripcion\">{{'filtro' | translate}}</label>\n                    </p-floatLabel>\n                </div>\n                <div class=\"flex justify-content-end align-content-center mt-3\">\n                    <button pButton pRipple class=\"ml-2 p-button-raised\" (click)=\"guardar()\"\n                        icon=\"glyphicons glyphicons-refresh\" label=\"{{'link_actualizar' | translate}}\" ></button>\n                </div>\n            </div>\n        </p-tabPanel>\n    </p-tabView>\n\n</div>", styles: [":host ::ng-deep .p-button{width:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { 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: "component", type: i17.CellEditor, selector: "p-cellEditor" }, { kind: "directive", type: i17.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i17.InitEditableRow, selector: "[pInitEditableRow]" }, { kind: "directive", type: i17.SaveEditableRow, selector: "[pSaveEditableRow]" }, { kind: "directive", type: i17.CancelEditableRow, selector: "[pCancelEditableRow]" }, { 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: 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$1.FloatLabel, selector: "p-floatLabel" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetallePuntoProcesoReporteComponent, decorators: [{
             type: Component,
@@ -13119,7 +13569,7 @@ class DetalleEjecucionReportePage {
         return this.isPermisoVerTodos() || this.permiteModificarReporte || (this.isPermisoCrear() && this.operacion == 'N');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleEjecucionReportePage, deps: [{ token: i7$1.TranslateService }, { token: i2.ActivatedRoute }, { token: i1$1.FormBuilder }, { token: ToastService }, { token: GeneralService }, { token: i2.Router }, { token: UtilsService }, { token: AuthService }, { token: ReporteFuentePipe }, { token: CargarControlFuncionalidadService }, { token: i7.ConfirmationService }, { token: EjecucionReporteService }, { token: GeneralPipe }, { token: MenuService$1 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleEjecucionReportePage, isStandalone: true, selector: "app-detalle-ejecucion-reporte", outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<div class=\"flex justify-content-between align-items-center ml-2 mt-2 mb-2\">\n  <h1 class=\"mb-1\">Reportes</h1>\n  <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\n    (click)=\"regresarAction()\" label=\"{{'link_regresar' | translate}}\" >\n  </button>\n</div>\n<p-confirmPopup></p-confirmPopup>\n  <p-menubar [model]=\"items\" class=\"menu-accion-sara\"></p-menubar>\n  <div class=\"card mt-3\" *ngIf=\"vistaVisualizar != 'reporte'\">\n    <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'informacion' | translate}} {{'reporte' | translate}}</h5>\n    <div class=\"Inputgroup p-fluid p-formgrid grid\">\n      <div class=\"field col-12 md:col-12 lg:col-12\">\n        <p-floatLabel>\n          <input pInputText [disabled]=\"true\" [(ngModel)]=\"reporte.descripcion\">\n          <label >{{('descripcion') | translate}}</label>\n        </p-floatLabel>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 mt-2\" *ngIf=\"vistaVisualizar == 'reporte'\">\n    <div id=\"reportesListado\">\n        <div class=\"card col-md-12\">\n          <div class=\"Detallereporte mt-4\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div class=\"field col-12 md:col-6\">\n                <p-floatLabel>\n                  <input pInputText id=\"descripcion\" type=\"text\" [(ngModel)]=\"reporte.descripcion\" \n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\" />\n                  <label>{{'descripcion' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-6\">\n                <p-floatLabel>\n                  <input pInputText id=\"titulo\" type=\"text\" [(ngModel)]=\"reporte.titulo\" />\n                  <label>{{'titulo' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-6\">\n                <p-floatLabel>\n                  <input pInputText id=\"procedimiento\" type=\"text\" [(ngModel)]=\"reporte.procedimiento\" [disabled]=\"!isModificarReporte()\" />\n                  <label>{{'procedimiento' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div [ngClass]=\"isFuente() ? 'field col-12 md:col-6' : 'field col-12 md:col-2' \">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" id=\"origenFuente\"  [disabled]=\"reporte.llave != null || !controlFuncionService.getControlFuncionalidad('reporte:tipo')\"\n                    [(ngModel)]=\"reporte.origenFuente\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                  <label>{{'tipo' | translate }}*</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-12 md:col-6\" *ngIf=\"isFuente()\">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" id=\"fuenteDato\" [disabled]=\"!isModificarReporte()\"\n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\" \n                    [(ngModel)]=\"reporte.fuenteDato\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                  <label>{{'fuente' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-4\">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaMomento\" [autoDisplayFirst]=\"false\"  [(ngModel)]=\"reporte.momento\"\n                    optionLabel=\"nombre\" optionValue=\"codigo\" [showClear]=\"true\">\n                  </p-dropdown>\n                  <label>{{'momento' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-2\">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaSiNo\" id=\"reporteExterno\" [(ngModel)]=\"reporte.reporteExterno\" [autoDisplayFirst]=\"false\"\n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\n                    optionLabel=\"nombre\" optionValue=\"codigo\" [disabled]=\"!isModificarReporte()\" >\n                  </p-dropdown>\n                  <label>{{'reporte' | translate }} {{'externo' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-12 md:col-4\" *ngIf=\"isFijo()\">\n                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                  [label]=\"reporte.jasperFijo ? reporte.jasperFijo: ''\" [mostrarX]=\"true\"\n                  [extensiones]=\"'jrxml'\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporte.jasperFijo) && clickGuardar)\" [labelrar]=\"'jasper' | translate\"\n                  (onSelected)=\"setJasperFijo($event)\"></app-input-helper-seleccion-plantilla>\n              </div>\n              <div class=\"field col-12 md:col-6\" *ngIf=\"isFijo()\">\n                <p-floatLabel>  \n                  <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                    [(ngModel)]=\"reporte.cifradoJasperFijo\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                  <label>{{'tipocifrado' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-12\" *ngIf=\"isSql() || isFijo()\">\n                <p-floatLabel>\n                  <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\n                    cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.query\"></textarea>\n                  <label >{{'sql' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\n                <p-floatLabel>\n                  <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\n                    cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSql\"></textarea>\n                  <label>{{'where' | translate }}</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\n                <p-floatLabel>\n                  <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\n                    cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSqlReporte\"></textarea>\n                  <label>{{'where' | translate }} {{'reporte' | translate }}</label>\n                </p-floatLabel>\n              </div>\n            </div>\n          </div>\n          <div class=\"flex justify-content-end mb-3\">\n            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" *ngIf=\"isModificarReporte()\"\n                icon=\"glyphicons {{reporte.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporte.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                (click)=\"actualizar()\">\n            </button>\n            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporte.llave != null && isModificarReporte()\"\n                label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n            </button>\n          </div>\n        </div>\n    </div>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'entrada'\"> \n    <detalle-entrada-reporte [modificarReporte]=\"isModificarReporte()\" [llaveReporte]=\"reporte.llave\"></detalle-entrada-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'campo'\">\n    <detalle-campo-reporte [reporteFuente]=\"reporte\"> </detalle-campo-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'tipo'\">\n    <detalle-tipo-reporte [listaFuentes]=\"listaFuente\" [llaveReporte]=\"reporte.llave\"></detalle-tipo-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'distribucion'\">\n    <detalle-distribucion-reporte [llaveReporte]=\"reporte.llave\"></detalle-distribucion-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'puntoproceso'\">\n    <detalle-punto-proceso-reporte [llaveReporte]=\"reporte.llave\" [tipoRecurso]=\"'R'\"></detalle-punto-proceso-reporte>\n  </div>\n\n  <app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [aplicacion]=\"\"\n    (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [":host ::ng-deep .min-w-full{min-height:230px!important;width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i11$1.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { 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: "component", type: DetalleEntradaReporteComponent, selector: "detalle-entrada-reporte", inputs: ["llaveReporte", "modificarReporte"], outputs: ["regresar"] }, { kind: "component", type: DetalleCampoReporteComponent, selector: "detalle-campo-reporte", inputs: ["reporteFuente"] }, { kind: "component", type: DetalleTipoReporteComponent, selector: "detalle-tipo-reporte", inputs: ["llaveReporte", "aplicacion", "listaFuentes"] }, { kind: "component", type: DetalleDistribucionReporteComponent, selector: "detalle-distribucion-reporte", inputs: ["modificarReporte", "llaveReporte"] }, { kind: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { kind: "component", type: DetallePuntoProcesoReporteComponent, selector: "detalle-punto-proceso-reporte", inputs: ["modificarReporte", "llaveReporte", "llaveFuente", "tipoRecurso"] }, { kind: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$2.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: DetalleEjecucionReportePage, isStandalone: true, selector: "app-detalle-ejecucion-reporte", outputs: { regresar: "regresar" }, providers: [MessageService, ConfirmationService], ngImport: i0, template: "<div class=\"flex justify-content-between align-items-center ml-2 mt-2 mb-2\">\n  <h1 class=\"mb-1\">Reportes</h1>\n  <button pButton pRipple icon=\"pi pi-chevron-left\" class=\"p-button-text font-semibold flex-shrink-0 ml-4\"\n    (click)=\"regresarAction()\" label=\"{{'link_regresar' | translate}}\" >\n  </button>\n</div>\n<p-confirmPopup></p-confirmPopup>\n  <p-menubar [model]=\"items\" class=\"menu-accion-sara\"></p-menubar>\n  <div class=\"card mt-3\" *ngIf=\"vistaVisualizar != 'reporte'\">\n    <h5 class=\"mt-3\"><i class=\"glyphicons glyphicons-book\"></i>{{'informacion' | translate}} {{'reporte' | translate}}</h5>\n    <div class=\"Inputgroup p-fluid p-formgrid grid\">\n      <div class=\"field col-12 md:col-12 lg:col-12\">\n        <p-floatLabel>\n          <input pInputText [disabled]=\"true\" [(ngModel)]=\"reporte.descripcion\">\n          <label >{{('descripcion') | translate}}</label>\n        </p-floatLabel>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-12 mt-2\" *ngIf=\"vistaVisualizar == 'reporte'\">\n    <div id=\"reportesListado\">\n        <div class=\"card col-md-12\">\n          <div class=\"Detallereporte mt-4\">\n            <div class=\"p-fluid p-formgrid grid\">\n              <div class=\"field col-12 md:col-6\">\n                <p-floatLabel>\n                  <input pInputText id=\"descripcion\" type=\"text\" [(ngModel)]=\"reporte.descripcion\" \n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.descripcion) && clickGuardar\" />\n                  <label>{{'descripcion' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-6\">\n                <p-floatLabel>\n                  <input pInputText id=\"titulo\" type=\"text\" [(ngModel)]=\"reporte.titulo\" />\n                  <label>{{'titulo' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-6\">\n                <p-floatLabel>\n                  <input pInputText id=\"procedimiento\" type=\"text\" [(ngModel)]=\"reporte.procedimiento\" [disabled]=\"!isModificarReporte()\" />\n                  <label>{{'procedimiento' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div [ngClass]=\"isFuente() ? 'field col-12 md:col-6' : 'field col-12 md:col-2' \">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaTipo\" [autoDisplayFirst]=\"false\" id=\"origenFuente\"  [disabled]=\"reporte.llave != null || !controlFuncionService.getControlFuncionalidad('reporte:tipo')\"\n                    [(ngModel)]=\"reporte.origenFuente\" optionLabel=\"nombre\" optionValue=\"codigo\" ></p-dropdown>\n                  <label>{{'tipo' | translate }}*</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-12 md:col-6\" *ngIf=\"isFuente()\">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaFuente\" [autoDisplayFirst]=\"false\" id=\"fuenteDato\" [disabled]=\"!isModificarReporte()\"\n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.fuenteDato) && clickGuardar\" \n                    [(ngModel)]=\"reporte.fuenteDato\" optionLabel=\"descripcion\" optionValue=\"llave\"></p-dropdown>\n                  <label>{{'fuente' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-4\">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaMomento\" [autoDisplayFirst]=\"false\"  [(ngModel)]=\"reporte.momento\"\n                    optionLabel=\"nombre\" optionValue=\"codigo\" [showClear]=\"true\">\n                  </p-dropdown>\n                  <label>{{'momento' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-2\">\n                <p-floatLabel>\n                  <p-dropdown [options]=\"listaSiNo\" id=\"reporteExterno\" [(ngModel)]=\"reporte.reporteExterno\" [autoDisplayFirst]=\"false\"\n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.reporteExterno) && clickGuardar\"\n                    optionLabel=\"nombre\" optionValue=\"codigo\" [disabled]=\"!isModificarReporte()\" >\n                  </p-dropdown>\n                  <label>{{'reporte' | translate }} {{'externo' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-12 md:col-4\" *ngIf=\"isFijo()\">\n                <app-input-helper-seleccion-plantilla [readonly]=\"false\" [showDialog]=\"false\"\n                  [label]=\"reporte.jasperFijo ? reporte.jasperFijo: ''\" [mostrarX]=\"true\"\n                  [extensiones]=\"'jrxml'\" [mostraroblicargo]=\"!(!utilsService.validarCampoObligatorio(reporte.jasperFijo) && clickGuardar)\" [labelrar]=\"'jasper' | translate\"\n                  (onSelected)=\"setJasperFijo($event)\"></app-input-helper-seleccion-plantilla>\n              </div>\n              <div class=\"field col-12 md:col-6\" *ngIf=\"isFijo()\">\n                <p-floatLabel>  \n                  <p-dropdown [options]=\"listaTipoCifrado\" [autoDisplayFirst]=\"false\" [showClear]=\"true\"\n                    [(ngModel)]=\"reporte.cifradoJasperFijo\" optionLabel=\"nombre\" optionValue=\"llaveTabla\"></p-dropdown>\n                  <label>{{'tipocifrado' | translate }}</label>\n                </p-floatLabel>\n              </div>\n\n              <div class=\"field col-12 md:col-12\" *ngIf=\"isSql() || isFijo()\">\n                <p-floatLabel>\n                  <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\n                    [class.ng-dirty]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\n                    [class.ng-invalid]=\"!utilsService.validarCampoObligatorio(reporte.query) && clickGuardar && isSql()\"\n                    cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.query\"></textarea>\n                  <label >{{'sql' | translate }} *</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\n                <p-floatLabel>\n                  <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\n                    cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSql\"></textarea>\n                  <label>{{'where' | translate }}</label>\n                </p-floatLabel>\n              </div>\n              <div class=\"field col-6 md:col-12\" *ngIf=\"isFuente()\">\n                <p-floatLabel>\n                  <textarea class=\"w-full min-h-150 max-h-300\" rows=\"5\"\n                    cols=\"30\" pInputTextarea [(ngModel)]=\"reporte.whereSqlReporte\"></textarea>\n                  <label>{{'where' | translate }} {{'reporte' | translate }}</label>\n                </p-floatLabel>\n              </div>\n            </div>\n          </div>\n          <div class=\"flex justify-content-end mb-3\">\n            <button pButton pRipple class=\"ml-2 p-button p-button-raised\" *ngIf=\"isModificarReporte()\"\n                icon=\"glyphicons {{reporte.llave ? 'glyphicons-refresh' : 'glyphicons-floppy-save' }}\" label=\"{{reporte.llave ? ('link_actualizar' | translate) : ('link_guardar' | translate)}}\"\n                (click)=\"actualizar()\">\n            </button>\n            <button pButton pRipple class=\"ml-2 p-button-outlined\" icon=\"glyphicons glyphicons-bin\" *ngIf=\"reporte.llave != null && isModificarReporte()\"\n                label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminar($event)\">\n            </button>\n          </div>\n        </div>\n    </div>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'entrada'\"> \n    <detalle-entrada-reporte [modificarReporte]=\"isModificarReporte()\" [llaveReporte]=\"reporte.llave\"></detalle-entrada-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'campo'\">\n    <detalle-campo-reporte [reporteFuente]=\"reporte\"> </detalle-campo-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'tipo'\">\n    <detalle-tipo-reporte [listaFuentes]=\"listaFuente\" [llaveReporte]=\"reporte.llave\"></detalle-tipo-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'distribucion'\">\n    <detalle-distribucion-reporte [llaveReporte]=\"reporte.llave\"></detalle-distribucion-reporte>\n  </div>\n\n  <div *ngIf=\"vistaVisualizar == 'puntoproceso'\">\n    <detalle-punto-proceso-reporte [llaveReporte]=\"reporte.llave\" [tipoRecurso]=\"'R'\"></detalle-punto-proceso-reporte>\n  </div>\n\n  <app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [aplicacion]=\"\"\n    (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [":host ::ng-deep .min-w-full{min-height:230px!important;width:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: MenubarModule }, { kind: "component", type: i11$1.Menubar, selector: "p-menubar", inputs: ["model", "style", "styleClass", "autoZIndex", "baseZIndex", "autoDisplay", "autoHide", "autoHideDelay", "id", "ariaLabel", "ariaLabelledBy"], outputs: ["onFocus", "onBlur"] }, { 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: "component", type: DetalleEntradaReporteComponent, selector: "detalle-entrada-reporte", inputs: ["llaveReporte", "modificarReporte"], outputs: ["regresar"] }, { kind: "component", type: DetalleCampoReporteComponent, selector: "detalle-campo-reporte", inputs: ["reporteFuente"] }, { kind: "component", type: DetalleTipoReporteComponent, selector: "detalle-tipo-reporte", inputs: ["llaveReporte", "aplicacion", "listaFuentes"] }, { kind: "component", type: DetalleDistribucionReporteComponent, selector: "detalle-distribucion-reporte", inputs: ["modificarReporte", "llaveReporte"] }, { kind: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { kind: "component", type: DetallePuntoProcesoReporteComponent, selector: "detalle-punto-proceso-reporte", inputs: ["modificarReporte", "llaveReporte", "llaveFuente", "tipoRecurso"] }, { kind: "component", type: InputHelperSeleccionPlantillaComponent, selector: "app-input-helper-seleccion-plantilla", inputs: ["value", "label", "labelrar", "labelarch", "extensiones", "readonly", "propiedad", "anexoPropiedad", "showDialog", "propiedadDeSistema", "mostraroblicargo", "mostrarX", "booleano", "mostrarLabelInput"], outputs: ["onSelected"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i15$1.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i16.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: DetalleEjecucionReportePage, decorators: [{
             type: Component,
@@ -13283,7 +13733,7 @@ class ListadoEjecucionReporteExternoComponent {
         this.reporte = new ReporteFuenteModel();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: ListadoEjecucionReporteExternoComponent, deps: [{ token: AuthService }, { token: GeneralPipe }, { token: GeneralService }, { token: i7$1.TranslateService }, { token: EjecucionReporteService }, { token: MenuService$1 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ListadoEjecucionReporteExternoComponent, isStandalone: true, selector: "app-listado-ejecucion-reporte-externo", ngImport: i0, template: "<div id=\"id_listado_ejecucion_reporte_externo\">\n\n    <div class=\"flex justify-content-between align-items-center mb-3\">\n\n        <!-- Filtro-->\n        <app-filtro-general #filtroItem [filtros]=\"filters\" (metodoRegresar)=\"cargarListaFiltros($event)\">\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=\"id_descripcion\" formControlName=\"descripcion\"\n                                    autocomplete=\"off\" />\n                                <label for=\"id_responsable\">{{'descripcion' | translate}}</label>\n                            </span>\n                        </div>\n                    </div>\n                </ng-container>\n            </ng-template>\n        </app-filtro-general>\n\n    </div>\n\n    <p-table #tablaGeneral id=\"tabla_lista_reporte_externo\" [value]=\"listaReporteExterno\" responsiveLayout=\"scroll\"\n        [rows]=\"10\" [paginator]=\"listaReporteExterno.length > 10\" [totalRecords]=\"listaReporteExterno.length\"\n        scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n        selectionMode=\"single\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n        [showCurrentPageReport]=\"true\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction($event)\"\n        [(selection)]=\"reporteSeleccionado\">\n\n        <ng-template pTemplate=\"header\">\n            <tr>\n                <th>{{'reporte' | translate}}{{'s' | translate}}</th>\n            </tr>\n        </ng-template>\n\n        <ng-template pTemplate=\"body\" let-item>\n            <tr [pSelectableRow]=\"item\">\n                <td>{{item.descripcion}}</td>\n            </tr>\n        </ng-template>\n    </p-table>\n\n</div>\n\n<app-popup-reporte [mostrar]=\"isPopupReporte\" [reporte]=\"reporte\"\n    (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i15.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: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: ListadoEjecucionReporteExternoComponent, isStandalone: true, selector: "app-listado-ejecucion-reporte-externo", ngImport: i0, template: "<div id=\"id_listado_ejecucion_reporte_externo\">\n\n    <div class=\"flex justify-content-between align-items-center mb-3\">\n\n        <!-- Filtro-->\n        <app-filtro-general #filtroItem [filtros]=\"filters\" (metodoRegresar)=\"cargarListaFiltros($event)\">\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=\"id_descripcion\" formControlName=\"descripcion\"\n                                    autocomplete=\"off\" />\n                                <label for=\"id_responsable\">{{'descripcion' | translate}}</label>\n                            </span>\n                        </div>\n                    </div>\n                </ng-container>\n            </ng-template>\n        </app-filtro-general>\n\n    </div>\n\n    <p-table #tablaGeneral id=\"tabla_lista_reporte_externo\" [value]=\"listaReporteExterno\" responsiveLayout=\"scroll\"\n        [rows]=\"10\" [paginator]=\"listaReporteExterno.length > 10\" [totalRecords]=\"listaReporteExterno.length\"\n        scrollDirection=\"horizontal\" styleClass=\"p-datatable-striped\" [rowsPerPageOptions]=\"[10, 20, 50]\"\n        selectionMode=\"single\" currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\n        [showCurrentPageReport]=\"true\" dataKey=\"llaveTabla\" (onRowSelect)=\"verAction($event)\"\n        [(selection)]=\"reporteSeleccionado\">\n\n        <ng-template pTemplate=\"header\">\n            <tr>\n                <th>{{'reporte' | translate}}{{'s' | translate}}</th>\n            </tr>\n        </ng-template>\n\n        <ng-template pTemplate=\"body\" let-item>\n            <tr [pSelectableRow]=\"item\">\n                <td>{{item.descripcion}}</td>\n            </tr>\n        </ng-template>\n    </p-table>\n\n</div>\n\n<app-popup-reporte [mostrar]=\"isPopupReporte\" [reporte]=\"reporte\"\n    (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { 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: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { 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: ListadoEjecucionReporteExternoComponent, decorators: [{
             type: Component,
@@ -13602,7 +14052,7 @@ class PopupPuntoProcesoComponent {
         this.mostrarPopupReporte = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupPuntoProcesoComponent, deps: [{ token: GeneralService }, { token: UtilsService }, { token: EjecucionReporteService }, { token: AuthService }, { token: i2.Router }, { token: ParametrosNavegacionService }, { token: i7$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupPuntoProcesoComponent, isStandalone: true, selector: "app-popup-punto-proceso", viewQueries: [{ propertyName: "popupReporte", first: true, predicate: ["popupReporte"], descendants: true }, { propertyName: "filtroGeneral", first: true, predicate: ["filtroGeneral"], descendants: true }], ngImport: i0, template: "<p-dialog id='popupPuntoProceso' header=\"{{'recurso' | translate}}\" [(visible)]=\"mostrarPopup\"\n    [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" [modal]=\"true\">\n\n    <div class=\"flex justify-content-between align-items-center mb-2\">\n        <app-filtro-general #filtroGeneral [filtros]=\"filters\" (metodoRegresar)=\"tipo == 'R' ? cargarPaginador($event) : cargarPaginadorFuente($event)\" >\n            <ng-template let-form>\n                <ng-container [formGroup]=\"form\">\n                    <div class=\"field\">\n                        <span class=\"p-float-label\">\n                            <input pInputText autofocus type=\"text\" autocomplete=\"off\"\n                                formControlName=\"descripcion\" />\n                            <label for=\"descripcion\">{{'descripcion'|translate}}</label>\n                        </span>\n                    </div>\n                </ng-container>\n            </ng-template>\n        </app-filtro-general>\n    </div>\n\n    <p-table [value]=\"paginador\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\n        [rows]=\"10\" [totalRecords]=\"paginador.length\" (onRowUnselect)=\"seleccionarRecurso($event)\"\n        [paginator]=\"paginador.length > 10\" (onRowSelect)=\"seleccionarRecurso($event)\">\n        <ng-template pTemplate=\"header\">\n\n            <tr class=\"fondoTablaPincipal\">\n                <th>{{'descripcion' | translate }} </th>\n            </tr>\n            <th>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-bean>\n            <tr [pSelectableRow]=\"bean\">\n                <td>{{bean.tipo =='R' ? bean.reporteFuenteDescripcion : bean.fuenteDescripcion}}</td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n            <p class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</p>\n        </ng-template>\n    </p-table>\n</p-dialog>\n<app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [entradasPuntoProceso]=\"parametrosReporte\"\n    (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { 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: i15.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: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupPuntoProcesoComponent, isStandalone: true, selector: "app-popup-punto-proceso", viewQueries: [{ propertyName: "popupReporte", first: true, predicate: ["popupReporte"], descendants: true }, { propertyName: "filtroGeneral", first: true, predicate: ["filtroGeneral"], descendants: true }], ngImport: i0, template: "<p-dialog id='popupPuntoProceso' header=\"{{'recurso' | translate}}\" [(visible)]=\"mostrarPopup\"\n    [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\" [modal]=\"true\">\n\n    <div class=\"flex justify-content-between align-items-center mb-2\">\n        <app-filtro-general #filtroGeneral [filtros]=\"filters\" (metodoRegresar)=\"tipo == 'R' ? cargarPaginador($event) : cargarPaginadorFuente($event)\" >\n            <ng-template let-form>\n                <ng-container [formGroup]=\"form\">\n                    <div class=\"field\">\n                        <span class=\"p-float-label\">\n                            <input pInputText autofocus type=\"text\" autocomplete=\"off\"\n                                formControlName=\"descripcion\" />\n                            <label for=\"descripcion\">{{'descripcion'|translate}}</label>\n                        </span>\n                    </div>\n                </ng-container>\n            </ng-template>\n        </app-filtro-general>\n    </div>\n\n    <p-table [value]=\"paginador\" responsiveLayout=\"scroll\" [scrollable]=\"true\" selectionMode=\"single\"\n        [rows]=\"10\" [totalRecords]=\"paginador.length\" (onRowUnselect)=\"seleccionarRecurso($event)\"\n        [paginator]=\"paginador.length > 10\" (onRowSelect)=\"seleccionarRecurso($event)\">\n        <ng-template pTemplate=\"header\">\n\n            <tr class=\"fondoTablaPincipal\">\n                <th>{{'descripcion' | translate }} </th>\n            </tr>\n            <th>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-bean>\n            <tr [pSelectableRow]=\"bean\">\n                <td>{{bean.tipo =='R' ? bean.reporteFuenteDescripcion : bean.fuenteDescripcion}}</td>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n            <p class=\"p-3 font-medium emptymessage\">{{'mensajetablavacia' | translate}}</p>\n        </ng-template>\n    </p-table>\n</p-dialog>\n<app-popup-reporte [mostrar]=\"mostrarPopupReporte\" [reporte]=\"reporte\" [entradasPuntoProceso]=\"parametrosReporte\"\n    (regresar)=\"regresarPopupReporte($event)\"></app-popup-reporte>", styles: [""], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { 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: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: PopupReporteComponent, selector: "app-popup-reporte", inputs: ["mostrar", "aplicacion", "reporte", "entradasPuntoProceso"], outputs: ["regresar"] }, { kind: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupPuntoProcesoComponent, decorators: [{
             type: Component,
@@ -13875,7 +14325,7 @@ class PopupTablasFuenteComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: PopupTablasFuenteComponent, deps: [{ token: i7.ConfirmationService }, { token: ReportesService }, { token: UtilsService }, { token: i7$1.TranslateService }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupTablasFuenteComponent, isStandalone: true, selector: "app-popup-tablas-fuente", outputs: { aplicarDestinoOcultar: "aplicarDestinoOcultar" }, providers: [TranslatePipe, MessageService, ConfirmationService], viewQueries: [{ propertyName: "tablaGeneral", first: true, predicate: ["tablaGeneral"], 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<p-dialog id='popupfuenteTablas' header=\"{{'fuente' | translate}}\"\n    [(visible)]=\"visible\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\"\n    (onHide)=\"ocultarPopup()\" [modal]=\"true\">\n    <div class=\"flex justify-content-between align-items-center mb-3\">\n        <app-filtro-general [filtros]=\"filters\" (metodoRegresar)=\"cargaLazy($event)\"> \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\" [(ngModel)]=\"filtroTabla\"\n                            autocomplete=\"off\" />\n                        <label for=\"descripcion\">{{'filtro' | translate}}</label>\n                    </span>\n                </ng-container>\n            </ng-template>\n        </app-filtro-general>\n        \n        <button pButton pRipple class=\"ml-2 p-ripple p-element p-button p-component p-button-secondary\"\n                        icon=\"pi pi-plus\" label=\"{{'adicionar' | translate}}\"\n                        (click)=\"seleccionarTabla()\">\n                    </button>\n\n    </div>\n    \n    <p-table #tablaGeneral id=\"tabla_lista_tipo_entidad\" [value]=\"paginadorTablas\" [scrollable]=\"true\"\n    [totalRecords]=\"paginadorTablas.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"paginadorTablas.length > 10\"\n    [rows]=\"10\" styleClass=\"p-datatable-striped\"\n    [showCurrentPageReport]=\"true\" editMode=\"row\"  [globalFilterFields]=\"['objeto']\"\n    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\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        </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.check\" [binary]=\"true\" inputId=\"binary\">\n                </p-checkbox>\n                {{tabla.objeto}}\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\n\n    </p-dialog>\n", styles: [""], dependencies: [{ 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: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { 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: "ngmodule", type: TableModule }, { kind: "component", type: i15.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: i15.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: FiltroGeneralComponent, selector: "app-filtro-general", inputs: ["filtros", "datatable"], outputs: ["metodoRegresar", "metodoRegresarAdicional"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.4", type: PopupTablasFuenteComponent, isStandalone: true, selector: "app-popup-tablas-fuente", outputs: { aplicarDestinoOcultar: "aplicarDestinoOcultar" }, providers: [TranslatePipe, MessageService, ConfirmationService], viewQueries: [{ propertyName: "tablaGeneral", first: true, predicate: ["tablaGeneral"], 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<p-dialog id='popupfuenteTablas' header=\"{{'fuente' | translate}}\"\n    [(visible)]=\"visible\" [breakpoints]=\"{'960px': '75vw', '640px': '100vw'}\" [style]=\"{width: '50vw'}\"\n    (onHide)=\"ocultarPopup()\" [modal]=\"true\">\n    <div class=\"flex justify-content-between align-items-center mb-3\">\n        <app-filtro-general [filtros]=\"filters\" (metodoRegresar)=\"cargaLazy($event)\"> \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\" [(ngModel)]=\"filtroTabla\"\n                            autocomplete=\"off\" />\n                        <label for=\"descripcion\">{{'filtro' | translate}}</label>\n                    </span>\n                </ng-container>\n            </ng-template>\n        </app-filtro-general>\n        \n        <button pButton pRipple class=\"ml-2 p-ripple p-element p-button p-component p-button-secondary\"\n                        icon=\"pi pi-plus\" label=\"{{'adicionar' | translate}}\"\n                        (click)=\"seleccionarTabla()\">\n                    </button>\n\n    </div>\n    \n    <p-table #tablaGeneral id=\"tabla_lista_tipo_entidad\" [value]=\"paginadorTablas\" [scrollable]=\"true\"\n    [totalRecords]=\"paginadorTablas.length\" scrollDirection=\"both\" scrollDirection=\"horizontal\"\n    responsiveLayout=\"scroll\" scrollDirection=\"horizontal\" [paginator]=\"paginadorTablas.length > 10\"\n    [rows]=\"10\" styleClass=\"p-datatable-striped\"\n    [showCurrentPageReport]=\"true\" editMode=\"row\"  [globalFilterFields]=\"['objeto']\"\n    currentPageReportTemplate=\"{first} al {last} de {totalRecords} registros\"\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        </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.check\" [binary]=\"true\" inputId=\"binary\">\n                </p-checkbox>\n                {{tabla.objeto}}\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\n\n    </p-dialog>\n", styles: [""], dependencies: [{ 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: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { 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: "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: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "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: PopupTablasFuenteComponent, decorators: [{
             type: Component,
@@ -14591,7 +15041,7 @@ class FuenteReporteComponent {
         return this.camposSeleccionar.every(elemento => elemento.seleccionado);
     }
     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: "@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                            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                            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                <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]=\"camposSeleccionar.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-outline\"\n                        severity=\"secondary\" 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-outline\"\n                        severity=\"secondary\" [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}}s</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}}s</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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TabViewModule }, { kind: "component", type: i17$1.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i17$1.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$3.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.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: i15.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: i15.FrozenColumn, selector: "[pFrozenColumn]", inputs: ["frozen", "alignFrozen"] }, { kind: "directive", type: i15.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i15.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 }] });
+    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: "@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                            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                            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                <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]=\"camposSeleccionar.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-outline\"\n                        severity=\"secondary\" 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-outline\"\n                        severity=\"secondary\" [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}}s</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}}s</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: i5.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$2.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.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 }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: FuenteReporteComponent, decorators: [{
             type: Component,
@@ -14607,5 +15057,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { AplicacionModel, AplicacionPropiedadModel, AppBreadcrumbComponent, AppFooterComponent, AppLayoutComponent, AppLayoutModule, AppMenuComponent, AppMenuProfileComponent, AppMenuitemComponent, AppRightMenuComponent, AppSidebarComponent, AppTopbarComponent, ArchivoPortalModel, AtributoPuntoModel, AtributossoMdel, AuditoriaArchivoModel, AuthGuard, AuthService, AuthenticationError, AuthorityDTO, BreadcrumbComponent, CampoFormularioCons, CampoFormularioModel, CampoFormularioNuevoModel, CargaPantallaCompletaComponent, CargarControlFuncionalidadService, CargueLineaModel, CargueLineaService, ColorUtil, ComplementoModel, ComponentePagina, ConexionModel, ContenidoCorreoModel, ContenidoHtmlPortalModel, ControlFuncionModel, CoreModule, CorreoModel, CorreoWSModel, CruceRecursoPuntoModel, DataExporter, DatoInicioDTO, DetalleCampoReporteComponent, DetalleDistribucionReporteComponent, DetalleEjecucionReportePage, DetalleEntradaReporteComponent, DetallePuntoProcesoReporteComponent, DetalleTipoReporteComponent, EjecucionReporteDataModel, EjecucionReporteService, EmpresaModel, EmpresaSeguridadModel, EncriptadoBasicoService, EntradaComplementoModel, ErrorIntecertorService, EtiquetaDTO, EtiquetasModel, FechaUtilsService, FiltroGeneralComponent, FooterComponent, FormulariodinamicoComponent, FuenteCampoAtributoModel, FuenteCampoModel, FuenteDatoModel, FuenteEntradaModel, FuenteGeneralModel, FuenteGeneralService, FuenteGeneralServicioComponent, FuenteLineaServicioModel, FuentePipe, FuenteProcesoGeneralModel, FuenteReporteComponent, FuenteServicioModel, FuncionalidadModel, GeneralModel, GeneralService, GrupoAccesoModelModel, GrupoControlFuncionModel, GrupoFuenteModel, GrupoPermisoModel, HashDirective, HomologacionService, ImportarFuenteConComponent, ImportarFuenteGeneralComponent, InicioComponentComponent, InputHelperSeleccionPlantillaComponent, ListaServicioModel, ListadoEjecucionReporteExternoComponent, ListadoEjecucionReportePage, ListadoFuenteGeneralPage, LoadingService, LoginOutDTO, LoginPage, MantenimientoFuenteGeneralPage, MensajeSistemaModel, MenuComponent, MenuPortalModel, MenuService$1 as MenuService, ModulosModel, NotFoundPage, PaginaPortalModel, ParametroComponente, ParametrosGeneralModel, ParametrosNavegacionService, PermisoFuncionModel, PermisocontenidoModel, PeticionModel, PlantillaGeneralTemplate, PopupCamposFuenteGeneralComponent, PopupPuntoProcesoComponent, PopupRecursoComponent, PopupReporteComponent, PopupSentenciaComponent, PreguntaSeguridadModel, PropiedadModel, PublicacionWebModel, PublicoGuard, PuntoProcesoCompComponent, PuntoProcesoModel, RecursoPuntoModel$1 as RecursoPuntoModel, ReporteBandaModel, ReporteColumnaModel, ReporteColumnarioMarcadorModel, ReporteColumnarioModel, ReporteEntradaModel, ReporteFuenteModel, ReporteFuentePipe, ReporteMarcadorModel, ReporteSoporteModel, ReporteTablaModel, ReportesService, RespuestaModel, RolModel, SeleccionRolComponent, ServidorCorreoModel, SharedLibModule, SistemaMensajeModel, SitioModel, StorageService, TablaGeneralComponent, TareasModel, TemplateService, TextoDTO, TimeoutPage, TipoEtiquetaModel, ToastService, TokenInterceptorService, UnionModel, UserLoginCredentials, UsuarioModel, UsuariogrupoModel, UtilsService, WebCommonModule, cargarmapasGlobal, coloresRGB, environment };
+export { AplicacionModel, AplicacionPropiedadModel, AppBreadcrumbComponent, AppFooterComponent, AppLayoutComponent, AppLayoutModule, AppMenuComponent, AppMenuProfileComponent, AppMenuitemComponent, AppRightMenuComponent, AppSidebarComponent, AppTopbarComponent, ArchivoPortalModel, AtributoPuntoModel, AtributossoMdel, AuditoriaArchivoModel, AuthGuard, AuthService, AuthenticationError, AuthorityDTO, BreadcrumbComponent, CampoFormularioCons, CampoFormularioModel, CampoFormularioNuevoModel, CargaPantallaCompletaComponent, CargarControlFuncionalidadService, CargueLineaModel, CargueLineaService, ColorUtil, ComplementoModel, ComponentePagina, ConexionModel, ContenidoCorreoModel, ContenidoHtmlPortalModel, ControlFuncionModel, CoreModule, CorreoModel, CorreoWSModel, CruceRecursoPuntoModel, DashboardPipe, DashboardService, DataExporter, DatoInicioDTO, DetalleCampoReporteComponent, DetalleDistribucionReporteComponent, DetalleEjecucionReportePage, DetalleEntradaReporteComponent, DetallePuntoProcesoReporteComponent, DetalleTipoReporteComponent, EjecucionReporteDataModel, EjecucionReporteService, EmpresaModel, EmpresaSeguridadModel, EncriptadoBasicoService, EntradaComplementoModel, ErrorIntecertorService, EtiquetaDTO, EtiquetasModel, FechaUtilsService, FiltroGeneralComponent, FooterComponent, FormulariodinamicoComponent, FuenteCampoAtributoModel, FuenteCampoModel, FuenteDatoModel, FuenteEntradaModel, FuenteGeneralModel, FuenteGeneralService, FuenteGeneralServicioComponent, FuenteLineaServicioModel, FuentePipe, FuenteProcesoGeneralModel, FuenteReporteComponent, FuenteServicioModel, FuncionalidadModel, GeneralModel, GeneralService, GrupoAccesoModelModel, GrupoControlFuncionModel, GrupoFuenteModel, GrupoPermisoModel, HashDirective, HomologacionService, ImportarFuenteConComponent, ImportarFuenteGeneralComponent, InicioComponentComponent, InputHelperSeleccionPlantillaComponent, ListaServicioModel, ListadoEjecucionReporteExternoComponent, ListadoEjecucionReportePage, ListadoFuenteGeneralPage, LoadingService, LoginOutDTO, LoginPage, MantenimientoFuenteGeneralPage, MensajeSistemaModel, MenuComponent, MenuPortalModel, MenuService$1 as MenuService, ModulosModel, NotFoundPage, PaginaPortalModel, ParametroComponente, ParametrosGeneralModel, ParametrosNavegacionService, PermisoFuncionModel, PermisocontenidoModel, PeticionModel, PlantillaGeneralTemplate, PopupCamposFuenteGeneralComponent, PopupPuntoProcesoComponent, PopupRecursoComponent, PopupReporteComponent, PopupSentenciaComponent, PreguntaSeguridadModel, PropiedadModel, PublicacionWebModel, PublicoGuard, PuntoProcesoCompComponent, PuntoProcesoModel, RecursoPuntoModel$1 as RecursoPuntoModel, ReporteBandaModel, ReporteColumnaModel, ReporteColumnarioMarcadorModel, ReporteColumnarioModel, ReporteEntradaModel, ReporteFuenteModel, ReporteFuentePipe, ReporteMarcadorModel, ReporteSoporteModel, ReporteTablaModel, ReportesService, RespuestaModel, RolModel, SeleccionRolComponent, ServidorCorreoModel, SharedLibModule, SistemaMensajeModel, SitioModel, StorageService, TablaGeneralComponent, TareasModel, TemplateService, TextoDTO, TimeoutPage, TipoEtiquetaModel, ToastService, TokenInterceptorService, UnionModel, UserLoginCredentials, UsuarioModel, UsuariogrupoModel, UtilsService, WebCommonModule, cargarmapasGlobal, coloresRGB, environment };
 //# sourceMappingURL=general-library-union.mjs.map