ng-unidades 1.5.2 → 1.5.4

package/README.md

@@ -97,17 +97,18 @@ Esta libreria se separa en 3 componentes principales:
 
 Definición de atributos del [input] `consulta-unidades-config` para el correcto funcionamiento del `dialog ng-consulta-unidades`
 
-| Atributo                               | Descripción                                                            |
-|----------------------------------------|------------------------------------------------------------------------|
-| accessToken (string)                   | Valor del token de autorización para consumir la api de unidades.      |
-| host (string)                          | Host donde se consultara las unidades.                                 |
-| idRemesa (string)                      | Identificador de la remesa                                             |
-| numeroRemesa (string)                  | Numero de remesa                                                       |
-| widthDialog? (string)                  | (Opcional) Ancho del dialog. Default: 1080px                           |                                              
-| heightTable? (string)                  | (Opcional) Alto de la tabla. Default: 350px                            |
-| camposAOcultar? (string[])             | (Opcional) Campos que no se deseen mostrar en la tabla                 |
-| iconosAOcultar? (string[])             | (Opcional) Iconos que no se deseen mostrar en la tabla                 |
-| camposAOcultarTrazabilidad? (string[]) | (Opcional) Campos que no se deseen mostrar en la tabla de trazabilidad |
+| Atributo                               | Descripción                                                                                         |
+|----------------------------------------|-----------------------------------------------------------------------------------------------------|
+| accessToken (string)                   | Valor del token de autorización para consumir la api de unidades.                                   |
+| host (string)                          | Host donde se consultara las unidades.                                                              |
+| idRemesa (string)                      | Identificador de la remesa                                                                          |
+| numeroRemesa (string)                  | Numero de remesa                                                                                    |
+| widthDialog? (string)                  | (Opcional) Ancho del dialog. Default: 1080px                                                        |                                              
+| heightTable? (string)                  | (Opcional) Alto de la tabla. Default: 350px                                                         |
+| camposAOcultar? (string[])             | (Opcional) Campos que no se deseen mostrar en la tabla                                              |
+| iconosAOcultar? (string[])             | (Opcional) Iconos que no se deseen mostrar en la tabla                                              |
+| camposAOcultarTrazabilidad? (string[]) | (Opcional) Campos que no se deseen mostrar en la tabla de trazabilidad                              |
+| desactivarCerrar? (boolean)            | (Opcional) Si es `true`, el modal no se puede cerrar presionando Esc ni haciendo clic fuera de él   |
 
 Nombre de los campos que se pueden ocultar:
 * acciones
@@ -132,15 +133,16 @@ Nombre de los iconos que se pueden ocultar:
 
 Definición de atributos del [input] `consulta-trazabilidad-config` para el correcto funcionamiento del `dialog ng-consulta-trazabilidad`
 
-| Atributo                      | Descripción                                                       |
-|-------------------------------|-------------------------------------------------------------------|
-| accessToken (string)          | Valor del token de autorización para consumir la api de unidades. |
-| host (string)                 | Host donde se consultara la trazabilidad de la undiades.          |
-| idUnidad (string)             | Identificador de la unidad                                        |
-| numeroUnidad (string)         | Numero de unidad                                                  |
-| widthDialog? (string)         | (Opcional) Ancho del dialog. Default: 1080px                      |                                              |
-| heightTable? (string)         | (Opcional) Alto de la tabla. Default: 350px                       |
-| camposAOcultar? (string[])    | (Opcional) Campos que no se deseen mostrar en la tabla            |
+| Atributo                        | Descripción                                                                                       |
+|---------------------------------|---------------------------------------------------------------------------------------------------|
+| accessToken (string)            | Valor del token de autorización para consumir la api de unidades.                                 |
+| host (string)                   | Host donde se consultara la trazabilidad de la undiades.                                          |
+| idUnidad (string)               | Identificador de la unidad                                                                        |
+| numeroUnidad (string)           | Numero de unidad                                                                                  |
+| widthDialog? (string)           | (Opcional) Ancho del dialog. Default: 1080px                                                      |
+| heightTable? (string)           | (Opcional) Alto de la tabla. Default: 350px                                                       |
+| camposAOcultar? (string[])      | (Opcional) Campos que no se deseen mostrar en la tabla                                            |
+| desactivarCerrar? (boolean)     | (Opcional) Si es `true`, el modal no se puede cerrar presionando Esc ni haciendo clic fuera de él |
 
 
 Nombre de los campos que se pueden ocultar:
@@ -162,13 +164,14 @@ Nombre de los campos que se pueden ocultar:
 
 Definición de atributos del [input] `consulta-imagenes-config` para el correcto funcionamiento del `dialog ng-consulta-imagenes`
 
-| Atributo                      | Descripción                                                        |
-|-------------------------------|--------------------------------------------------------------------|
-| accessToken (string)          | Valor del token de autorización para consumir la api de unidades.  |
-| host (string)                 | Host donde se consultara las unidades.                             |
-| numeroUnidad (string)         | Numero de unidad                                                   |
-| imagenes? (DatosImagen[])     | (Opcional) Lista de los datos de las imagenes                      |
-| elementosAOcultar?: string[]; | (Opcional) Iconos que no se deseen mostrar en el modal de imágenes |
+| Atributo                        | Descripción                                                                                       |
+|---------------------------------|---------------------------------------------------------------------------------------------------|
+| accessToken (string)            | Valor del token de autorización para consumir la api de unidades.                                 |
+| host (string)                   | Host donde se consultara las unidades.                                                            |
+| numeroUnidad (string)           | Numero de unidad                                                                                  |
+| imagenes? (DatosImagen[])       | (Opcional) Lista de los datos de las imagenes                                                     |
+| elementosAOcultar?: string[];   | (Opcional) Iconos que no se deseen mostrar en el modal de imágenes                                |
+| desactivarCerrar? (boolean)     | (Opcional) Si es `true`, el modal no se puede cerrar presionando Esc ni haciendo clic fuera de él |
 
 
 ### DatosImagen

package/fesm2022/ng-unidades.mjs

@@ -244,26 +244,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 
 class MatToolbarComponent {
     dialogRef = inject((MatDialogRef));
-    version = 'v1.5.2';
+    version = 'v1.5.4';
     titulo;
     icono;
+    dataTestIdCerrar;
+    dataTestIdTitulo;
     cerrar = new EventEmitter();
     cerrarModal() {
         this.dialogRef.close();
         this.cerrar.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MatToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: MatToolbarComponent, isStandalone: true, selector: "lib-mat-toolbar", inputs: { titulo: "titulo", icono: "icono" }, outputs: { cerrar: "cerrar" }, ngImport: i0, template: "<mat-toolbar color=\"primary\" class=\"heightHeader\">\r\n  <span class=\"fill-remaining-space\"></span>\r\n  @if (icono) {\r\n    <mat-icon>{{ icono }}</mat-icon>\r\n  }\r\n  <span class=\"fill-remaining-space\">{{ titulo }}</span>\r\n  <span class=\"spacer-toolbar\"></span>\r\n  <span>{{ version }}</span>\r\n  <button class=\"close-modal\" mat-icon-button (click)=\"cerrarModal()\">\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</mat-toolbar>\r\n", styles: [".spacer-toolbar{flex:1 1 auto}.heightHeader{height:40px;border-top-left-radius:4px;border-top-right-radius:4px}span{font-size:15px;padding-left:5px;height:28px}.mat-toolbar.mat-primary{background:#b71c1c;color:#fff}.close-modal{color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: MatToolbarComponent, isStandalone: true, selector: "lib-mat-toolbar", inputs: { titulo: "titulo", icono: "icono", dataTestIdCerrar: "dataTestIdCerrar", dataTestIdTitulo: "dataTestIdTitulo" }, outputs: { cerrar: "cerrar" }, ngImport: i0, template: "<mat-toolbar color=\"primary\" class=\"heightHeader\">\r\n  <span class=\"fill-remaining-space\"></span>\r\n  @if (icono) {\r\n    <mat-icon>{{ icono }}</mat-icon>\r\n  }\r\n  <span class=\"fill-remaining-space\" [attr.data-testid]=\"dataTestIdTitulo\">{{ titulo }}</span>\r\n  <span class=\"spacer-toolbar\"></span>\r\n  <span>{{ version }}</span>\r\n  <button class=\"close-modal\" mat-icon-button [attr.data-testid]=\"dataTestIdCerrar\" (click)=\"cerrarModal()\">\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</mat-toolbar>\r\n", styles: [".spacer-toolbar{flex:1 1 auto}.heightHeader{height:40px;border-top-left-radius:4px;border-top-right-radius:4px}span{font-size:15px;padding-left:5px;height:28px}.mat-toolbar.mat-primary{background:#b71c1c;color:#fff}.close-modal{color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MatToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-mat-toolbar', imports: [
                         MaterialModule
-                    ], template: "<mat-toolbar color=\"primary\" class=\"heightHeader\">\r\n  <span class=\"fill-remaining-space\"></span>\r\n  @if (icono) {\r\n    <mat-icon>{{ icono }}</mat-icon>\r\n  }\r\n  <span class=\"fill-remaining-space\">{{ titulo }}</span>\r\n  <span class=\"spacer-toolbar\"></span>\r\n  <span>{{ version }}</span>\r\n  <button class=\"close-modal\" mat-icon-button (click)=\"cerrarModal()\">\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</mat-toolbar>\r\n", styles: [".spacer-toolbar{flex:1 1 auto}.heightHeader{height:40px;border-top-left-radius:4px;border-top-right-radius:4px}span{font-size:15px;padding-left:5px;height:28px}.mat-toolbar.mat-primary{background:#b71c1c;color:#fff}.close-modal{color:#fff}\n"] }]
+                    ], template: "<mat-toolbar color=\"primary\" class=\"heightHeader\">\r\n  <span class=\"fill-remaining-space\"></span>\r\n  @if (icono) {\r\n    <mat-icon>{{ icono }}</mat-icon>\r\n  }\r\n  <span class=\"fill-remaining-space\" [attr.data-testid]=\"dataTestIdTitulo\">{{ titulo }}</span>\r\n  <span class=\"spacer-toolbar\"></span>\r\n  <span>{{ version }}</span>\r\n  <button class=\"close-modal\" mat-icon-button [attr.data-testid]=\"dataTestIdCerrar\" (click)=\"cerrarModal()\">\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n</mat-toolbar>\r\n", styles: [".spacer-toolbar{flex:1 1 auto}.heightHeader{height:40px;border-top-left-radius:4px;border-top-right-radius:4px}span{font-size:15px;padding-left:5px;height:28px}.mat-toolbar.mat-primary{background:#b71c1c;color:#fff}.close-modal{color:#fff}\n"] }]
         }], propDecorators: { titulo: [{
                 type: Input
             }], icono: [{
                 type: Input
+            }], dataTestIdCerrar: [{
+                type: Input
+            }], dataTestIdTitulo: [{
+                type: Input
             }], cerrar: [{
                 type: Output
             }] } });
@@ -550,7 +556,7 @@ class ConsultaTrazabilidadComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaTrazabilidadComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: GridConsultaTrazabilidadDefinition }, { token: TrazabilidadUnidadUseCase }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ConsultaTrazabilidadComponent, isStandalone: true, selector: "lib-consulta-trazabilidad", providers: [
             GridConsultaTrazabilidadDefinition
-        ], ngImport: i0, template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar [titulo]=\"titulo\"></lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de registros ({{ totalRegistros }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-items\" />\r\n      </div>\r\n      <div class=\"grid-wrapper\">\r\n        <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                         [style.height]=\"heightTable\"\r\n                         style=\"width: 100%;\"\r\n                         [rowData]=\"rowData\"\r\n                         [gridOptions]=\"gridOptions\"\r\n                         [columnDefs]=\"columnDefs\"\r\n                         [components]=\"gridComponents\"\r\n                         [context]=\"context\"\r\n                         [suppressDragLeaveHidesColumns]=\"true\"\r\n                         [enableCellTextSelection]=\"true\"\r\n                         [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                         [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                         (gridReady)=\"onGridReady($event)\"\r\n                         [loading]=\"isLoading\"\r\n        />\r\n      </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-trazabilidad\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"], dependencies: [{ kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono"], outputs: ["cerrar"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$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: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], ngImport: i0, template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar\r\n      [titulo]=\"titulo\"\r\n      [dataTestIdCerrar]=\"'cerrar-modal-trazabilidad'\"\r\n      [dataTestIdTitulo]=\"'titulo-modal-trazabilidad'\"\r\n    ></lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de registros ({{ totalRegistros }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-trazabilidad\" />\r\n      </div>\r\n      <div class=\"grid-wrapper\">\r\n        <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                         [style.height]=\"heightTable\"\r\n                         style=\"width: 100%;\"\r\n                         [rowData]=\"rowData\"\r\n                         [gridOptions]=\"gridOptions\"\r\n                         [columnDefs]=\"columnDefs\"\r\n                         [components]=\"gridComponents\"\r\n                         [context]=\"context\"\r\n                         [suppressDragLeaveHidesColumns]=\"true\"\r\n                         [enableCellTextSelection]=\"true\"\r\n                         [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                         [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                         (gridReady)=\"onGridReady($event)\"\r\n                         [loading]=\"isLoading\"\r\n        />\r\n      </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-trazabilidad\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"], dependencies: [{ kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono", "dataTestIdCerrar", "dataTestIdTitulo"], outputs: ["cerrar"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$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: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaTrazabilidadComponent, decorators: [{
             type: Component,
@@ -564,7 +570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ReactiveFormsModule
                     ], providers: [
                         GridConsultaTrazabilidadDefinition
-                    ], template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar [titulo]=\"titulo\"></lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de registros ({{ totalRegistros }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-items\" />\r\n      </div>\r\n      <div class=\"grid-wrapper\">\r\n        <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                         [style.height]=\"heightTable\"\r\n                         style=\"width: 100%;\"\r\n                         [rowData]=\"rowData\"\r\n                         [gridOptions]=\"gridOptions\"\r\n                         [columnDefs]=\"columnDefs\"\r\n                         [components]=\"gridComponents\"\r\n                         [context]=\"context\"\r\n                         [suppressDragLeaveHidesColumns]=\"true\"\r\n                         [enableCellTextSelection]=\"true\"\r\n                         [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                         [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                         (gridReady)=\"onGridReady($event)\"\r\n                         [loading]=\"isLoading\"\r\n        />\r\n      </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-trazabilidad\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"] }]
+                    ], template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar\r\n      [titulo]=\"titulo\"\r\n      [dataTestIdCerrar]=\"'cerrar-modal-trazabilidad'\"\r\n      [dataTestIdTitulo]=\"'titulo-modal-trazabilidad'\"\r\n    ></lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de registros ({{ totalRegistros }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-trazabilidad\" />\r\n      </div>\r\n      <div class=\"grid-wrapper\">\r\n        <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                         [style.height]=\"heightTable\"\r\n                         style=\"width: 100%;\"\r\n                         [rowData]=\"rowData\"\r\n                         [gridOptions]=\"gridOptions\"\r\n                         [columnDefs]=\"columnDefs\"\r\n                         [components]=\"gridComponents\"\r\n                         [context]=\"context\"\r\n                         [suppressDragLeaveHidesColumns]=\"true\"\r\n                         [enableCellTextSelection]=\"true\"\r\n                         [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                         [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                         (gridReady)=\"onGridReady($event)\"\r\n                         [loading]=\"isLoading\"\r\n        />\r\n      </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-trazabilidad\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -732,13 +738,10 @@ class ConsultaImagenesComponent {
                     this.nextImage();
                 }
                 break;
-            case 'Escape':
-                this.close();
-                break;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaImagenesComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ImagenesUnidadUsecase }, { token: ImageViewerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ConsultaImagenesComponent, isStandalone: true, selector: "lib-consulta-imagenes", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<mat-card>\r\n  <lib-mat-toolbar [titulo]=\"titulo\"></lib-mat-toolbar>\r\n</mat-card>\r\n\r\n<div class=\"modal-container\">\r\n  <div class=\"navigation-header\">\r\n    <div\r\n      class=\"top-navigation\"\r\n      [class.hidden]=\"!showFlechasSuperiores\">\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"previousImage()\"\r\n        [disabled]=\"currentImageIndex === 0\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-anterior-imagenes\">\r\n        \u2039 Anterior\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"openInNewTab()\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"abrir-imagen-nueva-pesta\u00F1a\">\r\n        Abrir en nueva pesta\u00F1a\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"nextImage()\"\r\n        [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-siguiente-imagenes\">\r\n        Siguiente \u203A\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"modal-title\">\r\n    <h2>\r\n      {{ currentImage?.caption || 'Im\u00E1genes de la unidad ' + config.numeroUnidad }}\r\n    </h2>\r\n  </div>\r\n\r\n  @if (currentImage) {\r\n  <div class=\"image-content\">\r\n\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"previousImage()\"\r\n      [disabled]=\"currentImageIndex === 0\"\r\n      class=\"nav-button-side prev-button\"\r\n      [class.disabled]=\"currentImageIndex === 0\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-anterior-imagenes-lateral\">\r\n      <mat-icon>chevron_left</mat-icon>\r\n    </button>\r\n\r\n    <div class=\"image-display\">\r\n      <div class=\"image-wrapper\">\r\n        <img\r\n          [src]=\"currentImage.url\"\r\n          [alt]=\"currentImage.caption\"\r\n          class=\"carousel-image\"\r\n          (load)=\"onImageLoad()\"\r\n          (error)=\"onImageError()\" />\r\n\r\n        @if (imageLoading) {\r\n        <div class=\"loading-overlay\">\r\n          <mat-spinner diameter=\"50\"></mat-spinner>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"nextImage()\"\r\n      [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      class=\"nav-button-side next-button\"\r\n      [class.disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-siguiente-imagenes-lateral\">\r\n      <mat-icon>chevron_right</mat-icon>\r\n    </button>\r\n\r\n  </div>\r\n\r\n  <div class=\"image-info\">\r\n    <p class=\"image-observations\">\r\n      {{ currentImage.imageObservations }}\r\n    </p>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"carousel-indicators\"\r\n    [class.hidden]=\"!showFlechasInferiores\">\r\n\r\n    @for (imagen of imagenes; track imagen; let i = $index) {\r\n    <button\r\n      class=\"indicator-dot\"\r\n      [class.active]=\"i === currentImageIndex\"\r\n      (click)=\"goToImage(i)\">\r\n    </button>\r\n    }\r\n  </div>\r\n\r\n</div>\r\n", styles: [".modal-container{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;background:#fff}.hidden{visibility:hidden;opacity:0;pointer-events:none}.navigation-header{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;min-height:48px}.top-navigation{display:flex;align-items:center;gap:8px}.nav-text-button{font-size:14px;color:#333;text-transform:none;padding:4px 8px;min-width:auto}.nav-text-button:hover:not([disabled]){background:#f5f5f5}.nav-text-button[disabled]{color:#ccc;cursor:not-allowed}.separator{color:#999;font-size:14px;margin:0 4px}.close-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#666}.close-button:hover{background:#f5f5f5;color:#333}.modal-title{background:#f5f5f5;padding:12px 20px;text-align:left;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-title h2{margin:0;font-size:16px;font-weight:400;color:#333}.image-content{flex:1;display:flex;align-items:center;gap:16px;padding:20px;background:#fff;overflow:hidden}.nav-button-side{min-width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .3s ease;flex-shrink:0;display:flex;justify-content:center;align-items:center}.nav-button-side:not(.disabled):hover{background:#f5f5f5;transform:scale(1.05)}.nav-button-side.disabled{opacity:.3;cursor:not-allowed}.nav-button-side.hidden{visibility:hidden;pointer-events:none}.image-display{flex:1;display:flex;justify-content:center;align-items:center;max-height:60vh;overflow:hidden}.image-wrapper{position:relative;width:100%;height:100%}.carousel-image{max-width:100%;max-height:60vh;object-fit:contain;animation:fadeIn .3s ease}.loading-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#ffffffe6}.image-info{background:#d9edf7;padding:16px;text-align:center;border-top:1px solid #bce8f1;flex-shrink:0}.image-observations{margin:0;font-size:16px;color:#31708f}.carousel-indicators{display:flex;justify-content:center;gap:10px;padding:16px;background:#fff;flex-shrink:0;min-height:48px}.indicator-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ccc;cursor:pointer;transition:all .3s ease}.indicator-dot.active{background:#b71c1c;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.navigation-header{padding:8px 12px;min-height:40px}.nav-text-button{font-size:12px}.modal-title h2{font-size:14px}.nav-button-side{min-width:40px;height:40px}}@media (max-width: 480px){.nav-text-button{font-size:11px}.modal-title h2{font-size:13px}.nav-button-side{min-width:36px;height:36px}.close-button{width:32px;height:32px}}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono"], outputs: ["cerrar"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ConsultaImagenesComponent, isStandalone: true, selector: "lib-consulta-imagenes", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<mat-card>\r\n  <lib-mat-toolbar\r\n    [titulo]=\"titulo\"\r\n    [dataTestIdCerrar]=\"'cerrar-modal-imagenes'\"]\r\n    [dataTestIdTitulo]=\"'titulo-modal-imagenes'\"]\r\n  ></lib-mat-toolbar>\r\n</mat-card>\r\n\r\n<div class=\"modal-container\">\r\n  <div class=\"navigation-header\">\r\n    <div\r\n      class=\"top-navigation\"\r\n      [class.hidden]=\"!showFlechasSuperiores\">\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"previousImage()\"\r\n        [disabled]=\"currentImageIndex === 0\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-anterior-imagenes\">\r\n        \u2039 Anterior\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"openInNewTab()\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"abrir-imagen-nueva-pesta\u00F1a\">\r\n        Abrir en nueva pesta\u00F1a\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"nextImage()\"\r\n        [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-siguiente-imagenes\">\r\n        Siguiente \u203A\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"modal-title\">\r\n    <h2>\r\n      {{ currentImage?.caption || 'Im\u00E1genes de la unidad ' + config.numeroUnidad }}\r\n    </h2>\r\n  </div>\r\n\r\n  @if (currentImage) {\r\n  <div class=\"image-content\">\r\n\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"previousImage()\"\r\n      [disabled]=\"currentImageIndex === 0\"\r\n      class=\"nav-button-side prev-button\"\r\n      [class.disabled]=\"currentImageIndex === 0\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-anterior-imagenes-lateral\">\r\n      <mat-icon>chevron_left</mat-icon>\r\n    </button>\r\n\r\n    <div class=\"image-display\">\r\n      <div class=\"image-wrapper\">\r\n        <img\r\n          [src]=\"currentImage.url\"\r\n          [alt]=\"currentImage.caption\"\r\n          class=\"carousel-image\"\r\n          (load)=\"onImageLoad()\"\r\n          (error)=\"onImageError()\" />\r\n\r\n        @if (imageLoading) {\r\n        <div class=\"loading-overlay\">\r\n          <mat-spinner diameter=\"50\"></mat-spinner>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"nextImage()\"\r\n      [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      class=\"nav-button-side next-button\"\r\n      [class.disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-siguiente-imagenes-lateral\">\r\n      <mat-icon>chevron_right</mat-icon>\r\n    </button>\r\n\r\n  </div>\r\n\r\n  <div class=\"image-info\">\r\n    <p class=\"image-observations\">\r\n      {{ currentImage.imageObservations }}\r\n    </p>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"carousel-indicators\"\r\n    [class.hidden]=\"!showFlechasInferiores\">\r\n\r\n    @for (imagen of imagenes; track imagen; let i = $index) {\r\n    <button\r\n      class=\"indicator-dot\"\r\n      [class.active]=\"i === currentImageIndex\"\r\n      (click)=\"goToImage(i)\">\r\n    </button>\r\n    }\r\n  </div>\r\n\r\n</div>\r\n", styles: [".modal-container{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;background:#fff}.hidden{visibility:hidden;opacity:0;pointer-events:none}.navigation-header{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;min-height:48px}.top-navigation{display:flex;align-items:center;gap:8px}.nav-text-button{font-size:14px;color:#333;text-transform:none;padding:4px 8px;min-width:auto}.nav-text-button:hover:not([disabled]){background:#f5f5f5}.nav-text-button[disabled]{color:#ccc;cursor:not-allowed}.separator{color:#999;font-size:14px;margin:0 4px}.close-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#666}.close-button:hover{background:#f5f5f5;color:#333}.modal-title{background:#f5f5f5;padding:12px 20px;text-align:left;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-title h2{margin:0;font-size:16px;font-weight:400;color:#333}.image-content{flex:1;display:flex;align-items:center;gap:16px;padding:20px;background:#fff;overflow:hidden}.nav-button-side{min-width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .3s ease;flex-shrink:0;display:flex;justify-content:center;align-items:center}.nav-button-side:not(.disabled):hover{background:#f5f5f5;transform:scale(1.05)}.nav-button-side.disabled{opacity:.3;cursor:not-allowed}.nav-button-side.hidden{visibility:hidden;pointer-events:none}.image-display{flex:1;display:flex;justify-content:center;align-items:center;max-height:60vh;overflow:hidden}.image-wrapper{position:relative;width:100%;height:100%}.carousel-image{max-width:100%;max-height:60vh;object-fit:contain;animation:fadeIn .3s ease}.loading-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#ffffffe6}.image-info{background:#d9edf7;padding:16px;text-align:center;border-top:1px solid #bce8f1;flex-shrink:0}.image-observations{margin:0;font-size:16px;color:#31708f}.carousel-indicators{display:flex;justify-content:center;gap:10px;padding:16px;background:#fff;flex-shrink:0;min-height:48px}.indicator-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ccc;cursor:pointer;transition:all .3s ease}.indicator-dot.active{background:#b71c1c;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.navigation-header{padding:8px 12px;min-height:40px}.nav-text-button{font-size:12px}.modal-title h2{font-size:14px}.nav-button-side{min-width:40px;height:40px}}@media (max-width: 480px){.nav-text-button{font-size:11px}.modal-title h2{font-size:13px}.nav-button-side{min-width:36px;height:36px}.close-button{width:32px;height:32px}}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono", "dataTestIdCerrar", "dataTestIdTitulo"], outputs: ["cerrar"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaImagenesComponent, decorators: [{
             type: Component,
@@ -746,7 +749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         MaterialModule,
                         CommonModule,
                         MatToolbarComponent
-                    ], template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<mat-card>\r\n  <lib-mat-toolbar [titulo]=\"titulo\"></lib-mat-toolbar>\r\n</mat-card>\r\n\r\n<div class=\"modal-container\">\r\n  <div class=\"navigation-header\">\r\n    <div\r\n      class=\"top-navigation\"\r\n      [class.hidden]=\"!showFlechasSuperiores\">\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"previousImage()\"\r\n        [disabled]=\"currentImageIndex === 0\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-anterior-imagenes\">\r\n        \u2039 Anterior\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"openInNewTab()\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"abrir-imagen-nueva-pesta\u00F1a\">\r\n        Abrir en nueva pesta\u00F1a\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"nextImage()\"\r\n        [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-siguiente-imagenes\">\r\n        Siguiente \u203A\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"modal-title\">\r\n    <h2>\r\n      {{ currentImage?.caption || 'Im\u00E1genes de la unidad ' + config.numeroUnidad }}\r\n    </h2>\r\n  </div>\r\n\r\n  @if (currentImage) {\r\n  <div class=\"image-content\">\r\n\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"previousImage()\"\r\n      [disabled]=\"currentImageIndex === 0\"\r\n      class=\"nav-button-side prev-button\"\r\n      [class.disabled]=\"currentImageIndex === 0\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-anterior-imagenes-lateral\">\r\n      <mat-icon>chevron_left</mat-icon>\r\n    </button>\r\n\r\n    <div class=\"image-display\">\r\n      <div class=\"image-wrapper\">\r\n        <img\r\n          [src]=\"currentImage.url\"\r\n          [alt]=\"currentImage.caption\"\r\n          class=\"carousel-image\"\r\n          (load)=\"onImageLoad()\"\r\n          (error)=\"onImageError()\" />\r\n\r\n        @if (imageLoading) {\r\n        <div class=\"loading-overlay\">\r\n          <mat-spinner diameter=\"50\"></mat-spinner>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"nextImage()\"\r\n      [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      class=\"nav-button-side next-button\"\r\n      [class.disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-siguiente-imagenes-lateral\">\r\n      <mat-icon>chevron_right</mat-icon>\r\n    </button>\r\n\r\n  </div>\r\n\r\n  <div class=\"image-info\">\r\n    <p class=\"image-observations\">\r\n      {{ currentImage.imageObservations }}\r\n    </p>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"carousel-indicators\"\r\n    [class.hidden]=\"!showFlechasInferiores\">\r\n\r\n    @for (imagen of imagenes; track imagen; let i = $index) {\r\n    <button\r\n      class=\"indicator-dot\"\r\n      [class.active]=\"i === currentImageIndex\"\r\n      (click)=\"goToImage(i)\">\r\n    </button>\r\n    }\r\n  </div>\r\n\r\n</div>\r\n", styles: [".modal-container{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;background:#fff}.hidden{visibility:hidden;opacity:0;pointer-events:none}.navigation-header{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;min-height:48px}.top-navigation{display:flex;align-items:center;gap:8px}.nav-text-button{font-size:14px;color:#333;text-transform:none;padding:4px 8px;min-width:auto}.nav-text-button:hover:not([disabled]){background:#f5f5f5}.nav-text-button[disabled]{color:#ccc;cursor:not-allowed}.separator{color:#999;font-size:14px;margin:0 4px}.close-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#666}.close-button:hover{background:#f5f5f5;color:#333}.modal-title{background:#f5f5f5;padding:12px 20px;text-align:left;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-title h2{margin:0;font-size:16px;font-weight:400;color:#333}.image-content{flex:1;display:flex;align-items:center;gap:16px;padding:20px;background:#fff;overflow:hidden}.nav-button-side{min-width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .3s ease;flex-shrink:0;display:flex;justify-content:center;align-items:center}.nav-button-side:not(.disabled):hover{background:#f5f5f5;transform:scale(1.05)}.nav-button-side.disabled{opacity:.3;cursor:not-allowed}.nav-button-side.hidden{visibility:hidden;pointer-events:none}.image-display{flex:1;display:flex;justify-content:center;align-items:center;max-height:60vh;overflow:hidden}.image-wrapper{position:relative;width:100%;height:100%}.carousel-image{max-width:100%;max-height:60vh;object-fit:contain;animation:fadeIn .3s ease}.loading-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#ffffffe6}.image-info{background:#d9edf7;padding:16px;text-align:center;border-top:1px solid #bce8f1;flex-shrink:0}.image-observations{margin:0;font-size:16px;color:#31708f}.carousel-indicators{display:flex;justify-content:center;gap:10px;padding:16px;background:#fff;flex-shrink:0;min-height:48px}.indicator-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ccc;cursor:pointer;transition:all .3s ease}.indicator-dot.active{background:#b71c1c;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.navigation-header{padding:8px 12px;min-height:40px}.nav-text-button{font-size:12px}.modal-title h2{font-size:14px}.nav-button-side{min-width:40px;height:40px}}@media (max-width: 480px){.nav-text-button{font-size:11px}.modal-title h2{font-size:13px}.nav-button-side{min-width:36px;height:36px}.close-button{width:32px;height:32px}}\n"] }]
+                    ], template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<mat-card>\r\n  <lib-mat-toolbar\r\n    [titulo]=\"titulo\"\r\n    [dataTestIdCerrar]=\"'cerrar-modal-imagenes'\"]\r\n    [dataTestIdTitulo]=\"'titulo-modal-imagenes'\"]\r\n  ></lib-mat-toolbar>\r\n</mat-card>\r\n\r\n<div class=\"modal-container\">\r\n  <div class=\"navigation-header\">\r\n    <div\r\n      class=\"top-navigation\"\r\n      [class.hidden]=\"!showFlechasSuperiores\">\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"previousImage()\"\r\n        [disabled]=\"currentImageIndex === 0\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-anterior-imagenes\">\r\n        \u2039 Anterior\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"openInNewTab()\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"abrir-imagen-nueva-pesta\u00F1a\">\r\n        Abrir en nueva pesta\u00F1a\r\n      </button>\r\n\r\n      <span class=\"separator\">|</span>\r\n\r\n      <button\r\n        mat-button\r\n        (click)=\"nextImage()\"\r\n        [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n        class=\"nav-text-button\"\r\n        data-testid=\"boton-siguiente-imagenes\">\r\n        Siguiente \u203A\r\n      </button>\r\n    </div>\r\n\r\n  </div>\r\n  <div class=\"modal-title\">\r\n    <h2>\r\n      {{ currentImage?.caption || 'Im\u00E1genes de la unidad ' + config.numeroUnidad }}\r\n    </h2>\r\n  </div>\r\n\r\n  @if (currentImage) {\r\n  <div class=\"image-content\">\r\n\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"previousImage()\"\r\n      [disabled]=\"currentImageIndex === 0\"\r\n      class=\"nav-button-side prev-button\"\r\n      [class.disabled]=\"currentImageIndex === 0\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-anterior-imagenes-lateral\">\r\n      <mat-icon>chevron_left</mat-icon>\r\n    </button>\r\n\r\n    <div class=\"image-display\">\r\n      <div class=\"image-wrapper\">\r\n        <img\r\n          [src]=\"currentImage.url\"\r\n          [alt]=\"currentImage.caption\"\r\n          class=\"carousel-image\"\r\n          (load)=\"onImageLoad()\"\r\n          (error)=\"onImageError()\" />\r\n\r\n        @if (imageLoading) {\r\n        <div class=\"loading-overlay\">\r\n          <mat-spinner diameter=\"50\"></mat-spinner>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"nextImage()\"\r\n      [disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      class=\"nav-button-side next-button\"\r\n      [class.disabled]=\"currentImageIndex === imagenes.length - 1\"\r\n      [class.hidden]=\"!showFlechasLaterales\"\r\n      data-testid=\"boton-siguiente-imagenes-lateral\">\r\n      <mat-icon>chevron_right</mat-icon>\r\n    </button>\r\n\r\n  </div>\r\n\r\n  <div class=\"image-info\">\r\n    <p class=\"image-observations\">\r\n      {{ currentImage.imageObservations }}\r\n    </p>\r\n  </div>\r\n  }\r\n  <div\r\n    class=\"carousel-indicators\"\r\n    [class.hidden]=\"!showFlechasInferiores\">\r\n\r\n    @for (imagen of imagenes; track imagen; let i = $index) {\r\n    <button\r\n      class=\"indicator-dot\"\r\n      [class.active]=\"i === currentImageIndex\"\r\n      (click)=\"goToImage(i)\">\r\n    </button>\r\n    }\r\n  </div>\r\n\r\n</div>\r\n", styles: [".modal-container{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;background:#fff}.hidden{visibility:hidden;opacity:0;pointer-events:none}.navigation-header{display:flex;align-items:center;justify-content:center;position:relative;padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;min-height:48px}.top-navigation{display:flex;align-items:center;gap:8px}.nav-text-button{font-size:14px;color:#333;text-transform:none;padding:4px 8px;min-width:auto}.nav-text-button:hover:not([disabled]){background:#f5f5f5}.nav-text-button[disabled]{color:#ccc;cursor:not-allowed}.separator{color:#999;font-size:14px;margin:0 4px}.close-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#666}.close-button:hover{background:#f5f5f5;color:#333}.modal-title{background:#f5f5f5;padding:12px 20px;text-align:left;border-bottom:1px solid #e0e0e0;flex-shrink:0}.modal-title h2{margin:0;font-size:16px;font-weight:400;color:#333}.image-content{flex:1;display:flex;align-items:center;gap:16px;padding:20px;background:#fff;overflow:hidden}.nav-button-side{min-width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .3s ease;flex-shrink:0;display:flex;justify-content:center;align-items:center}.nav-button-side:not(.disabled):hover{background:#f5f5f5;transform:scale(1.05)}.nav-button-side.disabled{opacity:.3;cursor:not-allowed}.nav-button-side.hidden{visibility:hidden;pointer-events:none}.image-display{flex:1;display:flex;justify-content:center;align-items:center;max-height:60vh;overflow:hidden}.image-wrapper{position:relative;width:100%;height:100%}.carousel-image{max-width:100%;max-height:60vh;object-fit:contain;animation:fadeIn .3s ease}.loading-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#ffffffe6}.image-info{background:#d9edf7;padding:16px;text-align:center;border-top:1px solid #bce8f1;flex-shrink:0}.image-observations{margin:0;font-size:16px;color:#31708f}.carousel-indicators{display:flex;justify-content:center;gap:10px;padding:16px;background:#fff;flex-shrink:0;min-height:48px}.indicator-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ccc;cursor:pointer;transition:all .3s ease}.indicator-dot.active{background:#b71c1c;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.navigation-header{padding:8px 12px;min-height:40px}.nav-text-button{font-size:12px}.modal-title h2{font-size:14px}.nav-button-side{min-width:40px;height:40px}}@media (max-width: 480px){.nav-text-button{font-size:11px}.modal-title h2{font-size:13px}.nav-button-side{min-width:36px;height:36px}.close-button{width:32px;height:32px}}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -788,17 +791,19 @@ class AccionesComponent {
                 idUnidad: this.params.data.idIup || this.params.data.idUnidad,
                 numeroUnidad: this.params.data.codigoUnidad,
                 heightTable: parentConfig.heightTable ?? '350px',
-                camposAOcultar: parentConfig.camposAOcultarTrazabilidad || []
+                camposAOcultar: parentConfig.camposAOcultarTrazabilidad || [],
+                desactivarCerrar: parentConfig.desactivarCerrar || [],
             };
             this.dialog.open(ConsultaTrazabilidadComponent, {
                 data: config,
                 width: parentConfig.widthDialog ?? '1080px',
                 maxWidth: parentConfig.widthDialog ?? '1080px',
-                disableClose: false
+                disableClose: parentConfig.desactivarCerrar ?? false,
             });
         }
     }
     verNovedadUnidad() {
+        //TODO: Se debe implmentar si es necesario
     }
     verImagenUnidad() {
         if (this.params?.data && this.params?.context?.parentConfig) {
@@ -827,11 +832,12 @@ class AccionesComponent {
                 accessToken: parentConfig.accessToken,
                 host: parentConfig.host,
                 numeroUnidad: this.params.data.codigoUnidad,
-                imagenes: datosImagenes
+                imagenes: datosImagenes,
+                desactivarCerrar: parentConfig.desactivarCerrar
             };
             this.dialog.open(ConsultaImagenesComponent, {
                 data: configConsultaImagenes,
-                disableClose: false,
+                disableClose: parentConfig.desactivarCerrar ?? false,
             });
         }
     }
@@ -981,7 +987,7 @@ class ConsultaUnidadesComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaUnidadesComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: GridConsultaUnidadesDefinition }, { token: ConsultaUnidadesUseCase }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ConsultaUnidadesComponent, isStandalone: true, selector: "lib-consulta-unidades", providers: [
             GridConsultaUnidadesDefinition
-        ], ngImport: i0, template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar [titulo]=\"titulo\"></lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de unidades ({{ totalUnidades }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-items\" />\r\n        </div>\r\n        <div class=\"grid-wrapper\">\r\n          <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                           [style.height]=\"heightTable\"\r\n                           style=\"width: 100%;\"\r\n                           [rowData]=\"rowData\"\r\n                           [gridOptions]=\"gridOptions\"\r\n                           [columnDefs]=\"columnDefs\"\r\n                           [components]=\"gridComponents\"\r\n                           [context]=\"context\"\r\n                           [suppressDragLeaveHidesColumns]=\"true\"\r\n                           [enableCellTextSelection]=\"true\"\r\n                           [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                           [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                           (gridReady)=\"onGridReady($event)\"\r\n                           [loading]=\"isLoading\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-unidades\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"], dependencies: [{ kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono"], outputs: ["cerrar"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$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: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+        ], ngImport: i0, template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar\r\n      [titulo]=\"titulo\"\r\n      [dataTestIdCerrar]=\"'cerrar-modal-unidades'\"\r\n      [dataTestIdTitulo]=\"'titulo-modal-unidades'\"\r\n    >\r\n    </lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de unidades ({{ totalUnidades }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-unidades\" />\r\n        </div>\r\n        <div class=\"grid-wrapper\">\r\n          <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                           [style.height]=\"heightTable\"\r\n                           style=\"width: 100%;\"\r\n                           [rowData]=\"rowData\"\r\n                           [gridOptions]=\"gridOptions\"\r\n                           [columnDefs]=\"columnDefs\"\r\n                           [components]=\"gridComponents\"\r\n                           [context]=\"context\"\r\n                           [suppressDragLeaveHidesColumns]=\"true\"\r\n                           [enableCellTextSelection]=\"true\"\r\n                           [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                           [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                           (gridReady)=\"onGridReady($event)\"\r\n                           [loading]=\"isLoading\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-unidades\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"], dependencies: [{ kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono", "dataTestIdCerrar", "dataTestIdTitulo"], outputs: ["cerrar"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "hidePaddedHeaderRows", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "suppressStartEditOnTab", "getFullRowEditValidationErrors", "invalidEditValueMode", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "advancedFilterParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableFilterHandlers", "filterHandlers", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "rowDragInsertDelay", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "groupHierarchyConfig", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "ssrmExpandAllAffectsAllRows", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow", "isRowValidDropPosition"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnsReset", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "bulkEditingStarted", "bulkEditingStopped", "batchEditingStarted", "batchEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "filterUiChanged", "floatingFilterUiChanged", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$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: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaUnidadesComponent, decorators: [{
             type: Component,
@@ -992,7 +998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ReactiveFormsModule
                     ], providers: [
                         GridConsultaUnidadesDefinition
-                    ], template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar [titulo]=\"titulo\"></lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de unidades ({{ totalUnidades }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-items\" />\r\n        </div>\r\n        <div class=\"grid-wrapper\">\r\n          <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                           [style.height]=\"heightTable\"\r\n                           style=\"width: 100%;\"\r\n                           [rowData]=\"rowData\"\r\n                           [gridOptions]=\"gridOptions\"\r\n                           [columnDefs]=\"columnDefs\"\r\n                           [components]=\"gridComponents\"\r\n                           [context]=\"context\"\r\n                           [suppressDragLeaveHidesColumns]=\"true\"\r\n                           [enableCellTextSelection]=\"true\"\r\n                           [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                           [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                           (gridReady)=\"onGridReady($event)\"\r\n                           [loading]=\"isLoading\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-unidades\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"] }]
+                    ], template: "<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n<div>\r\n  <mat-card>\r\n    <lib-mat-toolbar\r\n      [titulo]=\"titulo\"\r\n      [dataTestIdCerrar]=\"'cerrar-modal-unidades'\"\r\n      [dataTestIdTitulo]=\"'titulo-modal-unidades'\"\r\n    >\r\n    </lib-mat-toolbar>\r\n  </mat-card>\r\n\r\n  <mat-card class=\"card\" appearance=\"outlined\">\r\n    <mat-card-header class=\"card-header-custom\">\r\n      <mat-card-title class=\"card-title\">\r\n        Lista de unidades ({{ totalUnidades }})\r\n      </mat-card-title>\r\n    </mat-card-header>\r\n\r\n    <div class=\"container\">\r\n      <div class=\"grid-con-buscador-integrado\">\r\n        <div class=\"mi-toolbar\">\r\n          <input #searchRef type=\"text\"\r\n                 placeholder=\"Buscar\"\r\n                 aria-label=\"Buscar descripci\u00F3n\"\r\n                 [formControl]=\"searchControl\"\r\n                 data-testid=\"input-buscar-unidades\" />\r\n        </div>\r\n        <div class=\"grid-wrapper\">\r\n          <ag-grid-angular data-testid=\"lib-consul-undiades-tabla\"\r\n                           [style.height]=\"heightTable\"\r\n                           style=\"width: 100%;\"\r\n                           [rowData]=\"rowData\"\r\n                           [gridOptions]=\"gridOptions\"\r\n                           [columnDefs]=\"columnDefs\"\r\n                           [components]=\"gridComponents\"\r\n                           [context]=\"context\"\r\n                           [suppressDragLeaveHidesColumns]=\"true\"\r\n                           [enableCellTextSelection]=\"true\"\r\n                           [overlayLoadingTemplate]=\"overlayLoadingTemplate\"\r\n                           [overlayNoRowsTemplate]=\"overlayNoRowsTemplate\"\r\n                           (gridReady)=\"onGridReady($event)\"\r\n                           [loading]=\"isLoading\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </mat-card>\r\n  <div class=\"modal-actions\">\r\n    <button data-testid=\"boton-cerrar-modal-unidades\"\r\n            mat-raised-button\r\n            type=\"button\" (click)=\"cancel()\"\r\n            class=\"button-medium button-close\"\r\n    >\r\n      <mat-icon style=\"font-size: 16px\">close</mat-icon>\r\n      Cerrar\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: ["div.container{display:flex;margin:10px}.card{margin:20px;border:2px solid #b71c1c;border-top:0}.card-header-custom{background-color:#b71c1c;color:#fff;padding:5px 15px;border-radius:10px 10px 0 0}.card-title{font-size:15px;color:#fff}::ng-deep .ag-header{background:#fff;color:#000;font-size:12px;height:40px!important;min-height:40px!important}::ng-deep .ag-row{font-size:12px}::ng-deep .ag-header-cell-label,.ag-header-row{height:40px!important}::ng-deep .ag-header-cell-filter-button{height:23px}::ng-deep div.mat-mdc-autocomplete-panel{background-color:#faf9fd!important}::ng-deep .mat-mdc-option.mdc-list-item{font-size:12px}::ng-deep .cdk-overlay-pane.mat-mdc-dialog-panel{overflow:auto}.grid-con-buscador-integrado{width:100%;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 4px #0000001a}.grid-con-buscador-integrado .mi-toolbar{display:flex;gap:8px;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #d0d0d0;width:100%;box-sizing:border-box;min-height:40px}.grid-con-buscador-integrado .mi-toolbar input{flex:1 1 auto;padding:6px 10px;border-radius:4px;border:1px solid #d0d0d0;font-size:13px;font-family:Roboto,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease;height:30px;box-sizing:border-box}.grid-con-buscador-integrado .mi-toolbar input:focus{border-color:#b71c1c;box-shadow:0 0 0 1px #b71c1c33}.grid-con-buscador-integrado .mi-toolbar input::placeholder{color:#666;font-size:13px}.grid-con-buscador-integrado .grid-wrapper{border-radius:6px;overflow:hidden;background:#fff;box-shadow:none}.modal-actions{display:flex;justify-content:flex-end;margin:8px 20px}.close-button{background-color:#b71c1c!important;color:#fff!important;font-size:12px;padding:3px;border-radius:4px;display:flex;align-items:center;gap:0;transition:background-color .2s ease;min-height:15px}.close-button:hover{background-color:#b71c1c!important}.close-button mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;margin:0 2px 0 0!important}.button-medium{font-size:14px;line-height:30px;margin-bottom:10px}.button-close,::ng-deep .mat-mdc-raised-button{background-color:#a82e26!important;color:#fff!important}::ng-deep .mat-mdc-raised-button{border-radius:4px!important}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -1007,6 +1013,7 @@ class NgConsultaUnidadesDialog {
     open(config) {
         this.dialogRef = this.dialog.open(ConsultaUnidadesComponent, {
             data: config,
+            disableClose: config.desactivarCerrar ?? false,
             width: config.widthDialog ?? '1080px',
             maxWidth: config.widthDialog ?? '1080px',
             panelClass: 'ng-consulta-unidades-lib'
@@ -1028,7 +1035,7 @@ class NgConsultaTrazabilidadDialog {
     open(config) {
         this.dialogRef = this.dialog.open(ConsultaTrazabilidadComponent, {
             data: config,
-            disableClose: true,
+            disableClose: config.desactivarCerrar ?? false,
             width: config.widthDialog ?? '1080px',
             maxWidth: config.widthDialog ?? '1080px',
             panelClass: 'ng-consulta-trazabildad-lib'
@@ -1050,7 +1057,7 @@ class NgConsultaImagenesDialog {
     open(config) {
         this.dialogRef = this.dialog.open(ConsultaImagenesComponent, {
             data: config,
-            disableClose: true,
+            disableClose: config.desactivarCerrar ?? false,
             panelClass: 'ng-consulta-imagenes-lib'
         });
     }