ng-unidades 1.2.1 → 1.3.0

package/fesm2022/ng-unidades.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
 import { NgModule, inject, EventEmitter, Output, Input, Component, Injectable, Inject, HostListener } from '@angular/core';
-import * as i1$1 from '@angular/material/dialog';
+import * as i1 from '@angular/material/dialog';
 import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { MatNativeDateModule, MAT_DATE_LOCALE } from '@angular/material/core';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import * as i1 from '@angular/material/button';
+import * as i4 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3$1 from '@angular/material/card';
+import * as i5$1 from '@angular/material/card';
 import { MatCardModule, MatCard, MatCardHeader, MatCardTitle } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatChipsModule } from '@angular/material/chips';
@@ -15,14 +15,14 @@ import { MatDividerModule } from '@angular/material/divider';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatGridListModule } from '@angular/material/grid-list';
-import * as i2 from '@angular/material/icon';
+import * as i5 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatListModule } from '@angular/material/list';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i6 from '@angular/material/progress-spinner';
+import * as i6$1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSelectModule } from '@angular/material/select';
 import { MatSidenavModule } from '@angular/material/sidenav';
@@ -35,13 +35,15 @@ import { MatTableModule } from '@angular/material/table';
 import { MatTabsModule } from '@angular/material/tabs';
 import * as i3 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i4 from '@angular/material/tooltip';
+import * as i4$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { AgGridAngular } from 'ag-grid-angular';
 import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';
+import * as i6 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { Subject, debounceTime, takeUntil, map } from 'rxjs';
 import { CommonModule } from '@angular/common';
-import { map } from 'rxjs';
-import * as i1$2 from '@angular/common/http';
+import * as i1$1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 
 class MaterialModule {
@@ -242,7 +244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 
 class MatToolbarComponent {
     dialogRef = inject((MatDialogRef));
-    version = 'v1.2.1';
+    version = 'v1.3.0';
     titulo;
     icono;
     cerrar = new EventEmitter();
@@ -251,7 +253,7 @@ class MatToolbarComponent {
         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: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.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" }, 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: i5.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,
@@ -464,20 +466,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }], ctorParameters: () => [{ type: TrazabilidadRepository }] });
 
+ModuleRegistry.registerModules([AllCommunityModule]);
 class ConsultaTrazabilidadComponent {
     data;
     gridDefinition;
     trazabilidadUnidadUseCase;
-    constructor(data, gridDefinition, trazabilidadUnidadUseCase) {
+    dialogRef;
+    constructor(data, gridDefinition, trazabilidadUnidadUseCase, dialogRef) {
         this.data = data;
         this.gridDefinition = gridDefinition;
         this.trazabilidadUnidadUseCase = trazabilidadUnidadUseCase;
+        this.dialogRef = dialogRef;
         this.columnDefs = this.gridDefinition.columnDefs;
         this.config = data;
         this.heightTable = this.config.heightTable ?? '350px';
         this.overlayLoadingTemplate = '<span style="padding: 10px; background: #a82e26; color: white; font-size: 12px">Consultado, por favor espere...</span>';
         this.overlayNoRowsTemplate = '<span style="padding: 10px; background: #a82e26; color: white; font-size: 12px">No se han encontrado registros con los parámetros ingresados.</span>';
     }
+    cancel() {
+        this.close(false);
+    }
+    close(value) {
+        this.dialogRef.close(value);
+    }
     titulo = '';
     columnDefs;
     rowData = [];
@@ -489,12 +500,23 @@ class ConsultaTrazabilidadComponent {
     overlayLoadingTemplate;
     overlayNoRowsTemplate;
     isLoading = false;
+    searchControl = new FormControl('');
+    destroy$ = new Subject();
+    gridOptions = {
+        suppressMovableColumns: false,
+        enableRangeSelection: true,
+    };
     get totalRegistros() {
         return this.rowData.length;
     }
     ngOnInit() {
         this.completarTitulo();
         this.obtenerDatosTrazabilidad();
+        this.setupSearchListener();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
     }
     completarTitulo() {
         this.titulo = `Trazabilidad de la unidad ${this.config.numeroUnidad}`;
@@ -504,6 +526,13 @@ class ConsultaTrazabilidadComponent {
             this.rowData = response;
         });
     }
+    setupSearchListener() {
+        this.searchControl.valueChanges
+            .pipe(debounceTime(300), takeUntil(this.destroy$))
+            .subscribe((searchText) => {
+            this.onSearch(searchText || '');
+        });
+    }
     onGridReady(params) {
         params.api.hideOverlay();
         this.gridApi = params.api;
@@ -512,10 +541,16 @@ class ConsultaTrazabilidadComponent {
             applyOrder: true,
         });
     }
-    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 }], target: i0.ɵɵFactoryTarget.Component });
+    onSearch(searchText) {
+        if (!this.gridApi) {
+            return;
+        }
+        this.gridApi.setGridOption('quickFilterText', searchText);
+    }
+    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  <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 style=\"width: 100%;\">\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                         [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  </mat-card>\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}\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]" }] });
+        ], 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:#d32f2f!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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.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,
@@ -524,14 +559,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         MatToolbarComponent,
                         AgGridAngular,
                         MatCardHeader,
-                        MatCardTitle
+                        MatCardTitle,
+                        MaterialModule,
+                        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  <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 style=\"width: 100%;\">\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                         [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  </mat-card>\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}\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 [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:#d32f2f!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]
-                }] }, { type: GridConsultaTrazabilidadDefinition }, { type: TrazabilidadUnidadUseCase }] });
+                }] }, { type: GridConsultaTrazabilidadDefinition }, { type: TrazabilidadUnidadUseCase }, { type: i1.MatDialogRef }] });
 
 class ImagenesUnidadRepository {
 }
@@ -622,8 +659,8 @@ class ConsultaImagenesComponent {
                 break;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaImagenesComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ImagenesUnidadUsecase }], 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<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  <div class=\"carousel-content\">\r\n    <div class=\"carousel-navigation\">\r\n      <button\r\n        mat-icon-button\r\n        (click)=\"previousImage()\"\r\n        [disabled]=\"currentImageIndex === 0\"\r\n        class=\"nav-button prev-button\"\r\n        [class.disabled]=\"currentImageIndex === 0\">\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\r\n        <div class=\"image-info\">\r\n          <p class=\"image-caption\">{{ currentImage.caption }}</p>\r\n          <p class=\"image-observations\">{{ currentImage.imageObservations }}</p>\r\n          <p class=\"image-path\">{{ currentImage.nombreFoto }}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <button\r\n        mat-icon-button\r\n        (click)=\"nextImage()\"\r\n        [disabled]=\"currentImageIndex === data.imagenes.length - 1\"\r\n        class=\"nav-button next-button\"\r\n        [class.disabled]=\"currentImageIndex === data.imagenes.length - 1\">\r\n        <mat-icon>chevron_right</mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n    @if (data.imagenes.length > 1) {\r\n      <div class=\"carousel-indicators\">\r\n        @for (imagen of data.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</div>\r\n", styles: [".carousel-container{max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.carousel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;background:#fff}.carousel-header h2{margin:0;font-size:1.5rem;color:#333}.carousel-counter{font-size:.9rem;color:#666;background:#f5f5f5;padding:4px 12px;border-radius:16px}.close-button{color:#666}.close-button:hover{color:#333;background-color:#f5f5f5}.carousel-content{flex:1;display:flex;flex-direction:column;padding:20px;background:#fafafa}.carousel-navigation{display:flex;align-items:center;gap:16px;flex:1}.nav-button{min-width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.nav-button:not(.disabled):hover{background:#f0f0f0;transform:scale(1.05)}.nav-button.disabled{opacity:.3;cursor:not-allowed}.image-display{flex:1;display:flex;flex-direction:column;align-items:center;max-height:70vh}.image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:5px;margin-bottom:16px;min-height:400px}.carousel-image{max-width:100%;max-height:500px;border:2px solid white;border-radius:4px;object-fit:contain;transition:opacity .3s ease;animation:fadeIn .3s ease}.loading-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#ffffffe6;border-radius:8px}.image-info{text-align:center;max-width:600px;padding:0 16px}.image-caption{font-weight:500;color:#333;margin:8px 0;font-size:1.1rem}.image-observations{color:#666;font-size:.9rem;margin:4px 0}.image-path{color:#999;font-size:.8rem;font-family:monospace;margin:4px 0}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.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)}.indicator-dot:hover{background:#999}@media (max-width: 768px){.carousel-header{padding:12px 16px}.carousel-header h2{font-size:1.2rem}.carousel-content{padding:16px}.carousel-image{max-height:400px}.image-wrapper{min-height:300px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono"], outputs: ["cerrar"] }, { kind: "ngmodule", type: CommonModule }] });
+    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 }], 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<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  <div class=\"carousel-content\">\r\n    <div class=\"carousel-navigation\">\r\n      <button\r\n        mat-icon-button\r\n        (click)=\"previousImage()\"\r\n        [disabled]=\"currentImageIndex === 0\"\r\n        class=\"nav-button prev-button\"\r\n        [class.disabled]=\"currentImageIndex === 0\">\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\r\n        <div class=\"image-info\">\r\n          <p class=\"image-caption\">{{ currentImage.caption }}</p>\r\n          <p class=\"image-observations\">{{ currentImage.imageObservations }}</p>\r\n          <p class=\"image-path\">{{ currentImage.nombreFoto }}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <button\r\n        mat-icon-button\r\n        (click)=\"nextImage()\"\r\n        [disabled]=\"currentImageIndex === data.imagenes.length - 1\"\r\n        class=\"nav-button next-button\"\r\n        [class.disabled]=\"currentImageIndex === data.imagenes.length - 1\">\r\n        <mat-icon>chevron_right</mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n    @if (data.imagenes.length > 1) {\r\n      <div class=\"carousel-indicators\">\r\n        @for (imagen of data.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</div>\r\n", styles: [".carousel-container{max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.carousel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;background:#fff}.carousel-header h2{margin:0;font-size:1.5rem;color:#333}.carousel-counter{font-size:.9rem;color:#666;background:#f5f5f5;padding:4px 12px;border-radius:16px}.close-button{color:#666}.close-button:hover{color:#333;background-color:#f5f5f5}.carousel-content{flex:1;display:flex;flex-direction:column;padding:20px;background:#fafafa}.carousel-navigation{display:flex;align-items:center;gap:16px;flex:1}.nav-button{min-width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.nav-button:not(.disabled):hover{background:#f0f0f0;transform:scale(1.05)}.nav-button.disabled{opacity:.3;cursor:not-allowed}.image-display{flex:1;display:flex;flex-direction:column;align-items:center;max-height:70vh}.image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:5px;margin-bottom:16px;min-height:400px}.carousel-image{max-width:100%;max-height:500px;border:2px solid white;border-radius:4px;object-fit:contain;transition:opacity .3s ease;animation:fadeIn .3s ease}.loading-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#ffffffe6;border-radius:8px}.image-info{text-align:center;max-width:600px;padding:0 16px}.image-caption{font-weight:500;color:#333;margin:8px 0;font-size:1.1rem}.image-observations{color:#666;font-size:.9rem;margin:4px 0}.image-path{color:#999;font-size:.8rem;font-family:monospace;margin:4px 0}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.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)}.indicator-dot:hover{background:#999}@media (max-width: 768px){.carousel-header{padding:12px 16px}.carousel-header h2{font-size:1.2rem}.carousel-content{padding:16px}.carousel-image{max-height:400px}.image-wrapper{min-height:300px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono"], outputs: ["cerrar"] }, { kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ConsultaImagenesComponent, decorators: [{
             type: Component,
@@ -632,7 +669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         MatToolbarComponent,
                         CommonModule
                     ], 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  <div class=\"carousel-content\">\r\n    <div class=\"carousel-navigation\">\r\n      <button\r\n        mat-icon-button\r\n        (click)=\"previousImage()\"\r\n        [disabled]=\"currentImageIndex === 0\"\r\n        class=\"nav-button prev-button\"\r\n        [class.disabled]=\"currentImageIndex === 0\">\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\r\n        <div class=\"image-info\">\r\n          <p class=\"image-caption\">{{ currentImage.caption }}</p>\r\n          <p class=\"image-observations\">{{ currentImage.imageObservations }}</p>\r\n          <p class=\"image-path\">{{ currentImage.nombreFoto }}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <button\r\n        mat-icon-button\r\n        (click)=\"nextImage()\"\r\n        [disabled]=\"currentImageIndex === data.imagenes.length - 1\"\r\n        class=\"nav-button next-button\"\r\n        [class.disabled]=\"currentImageIndex === data.imagenes.length - 1\">\r\n        <mat-icon>chevron_right</mat-icon>\r\n      </button>\r\n    </div>\r\n\r\n    @if (data.imagenes.length > 1) {\r\n      <div class=\"carousel-indicators\">\r\n        @for (imagen of data.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</div>\r\n", styles: [".carousel-container{max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.carousel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0;background:#fff}.carousel-header h2{margin:0;font-size:1.5rem;color:#333}.carousel-counter{font-size:.9rem;color:#666;background:#f5f5f5;padding:4px 12px;border-radius:16px}.close-button{color:#666}.close-button:hover{color:#333;background-color:#f5f5f5}.carousel-content{flex:1;display:flex;flex-direction:column;padding:20px;background:#fafafa}.carousel-navigation{display:flex;align-items:center;gap:16px;flex:1}.nav-button{min-width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.nav-button:not(.disabled):hover{background:#f0f0f0;transform:scale(1.05)}.nav-button.disabled{opacity:.3;cursor:not-allowed}.image-display{flex:1;display:flex;flex-direction:column;align-items:center;max-height:70vh}.image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:5px;margin-bottom:16px;min-height:400px}.carousel-image{max-width:100%;max-height:500px;border:2px solid white;border-radius:4px;object-fit:contain;transition:opacity .3s ease;animation:fadeIn .3s ease}.loading-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#ffffffe6;border-radius:8px}.image-info{text-align:center;max-width:600px;padding:0 16px}.image-caption{font-weight:500;color:#333;margin:8px 0;font-size:1.1rem}.image-observations{color:#666;font-size:.9rem;margin:4px 0}.image-path{color:#999;font-size:.8rem;font-family:monospace;margin:4px 0}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.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)}.indicator-dot:hover{background:#999}@media (max-width: 768px){.carousel-header{padding:12px 16px}.carousel-header h2{font-size:1.2rem}.carousel-content{padding:16px}.carousel-image{max-height:400px}.image-wrapper{min-height:300px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }, { type: ImagenesUnidadUsecase }], propDecorators: { onKeyDown: [{
@@ -720,8 +757,8 @@ class AccionesComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccionesComponent, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: AccionesComponent, isStandalone: true, selector: "lib-acciones", ngImport: i0, template: "@if (mostrarTrazabilidad) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver trazabilidad\"\r\n          [attr.data-testid]=\"'unidades-trazabilidad-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verTrazabilidadUnidad()\"\r\n          class=\"color-info\"\r\n  >\r\n    <mat-icon>info</mat-icon>\r\n  </button>\r\n}\r\n\r\n@if (mostrarNovedad) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver novedades\"\r\n          [attr.data-testid]=\"'unidades-novedad-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verNovedadUnidad()\"\r\n          class=\"color-warning\"\r\n          disabled\r\n  >\r\n    <mat-icon>warning</mat-icon>\r\n  </button>\r\n}\r\n\r\n@if (mostrarImagen) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver imagenes\"\r\n          [attr.data-testid]=\"'unidades-imagen-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verImagenUnidad()\"\r\n          class=\"color-image\"\r\n  >\r\n    <mat-icon>image</mat-icon>\r\n  </button>\r\n}\r\n", styles: [".color-info{color:#b71c1c}.color-warning{color:#ff9800}.color-warning:disabled{color:#9e9e9e!important;cursor:not-allowed}.color-image{color:#009688}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccionesComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: AccionesComponent, isStandalone: true, selector: "lib-acciones", ngImport: i0, template: "@if (mostrarTrazabilidad) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver trazabilidad\"\r\n          [attr.data-testid]=\"'unidades-trazabilidad-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verTrazabilidadUnidad()\"\r\n          class=\"color-info\"\r\n  >\r\n    <mat-icon>info</mat-icon>\r\n  </button>\r\n}\r\n\r\n@if (mostrarNovedad) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver novedades\"\r\n          [attr.data-testid]=\"'unidades-novedad-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verNovedadUnidad()\"\r\n          class=\"color-warning\"\r\n          disabled\r\n  >\r\n    <mat-icon>warning</mat-icon>\r\n  </button>\r\n}\r\n\r\n@if (mostrarImagen) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver imagenes\"\r\n          [attr.data-testid]=\"'unidades-imagen-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verImagenUnidad()\"\r\n          class=\"color-image\"\r\n  >\r\n    <mat-icon>image</mat-icon>\r\n  </button>\r\n}\r\n", styles: [".color-info{color:#b71c1c}.color-warning{color:#ff9800}.color-warning:disabled{color:#9e9e9e!important;cursor:not-allowed}.color-image{color:#009688}\n"], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AccionesComponent, decorators: [{
             type: Component,
@@ -729,7 +766,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         MaterialModule,
                         CommonModule
                     ], template: "@if (mostrarTrazabilidad) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver trazabilidad\"\r\n          [attr.data-testid]=\"'unidades-trazabilidad-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verTrazabilidadUnidad()\"\r\n          class=\"color-info\"\r\n  >\r\n    <mat-icon>info</mat-icon>\r\n  </button>\r\n}\r\n\r\n@if (mostrarNovedad) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver novedades\"\r\n          [attr.data-testid]=\"'unidades-novedad-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verNovedadUnidad()\"\r\n          class=\"color-warning\"\r\n          disabled\r\n  >\r\n    <mat-icon>warning</mat-icon>\r\n  </button>\r\n}\r\n\r\n@if (mostrarImagen) {\r\n  <button mat-icon-button\r\n          matTooltip=\"Ver imagenes\"\r\n          [attr.data-testid]=\"'unidades-imagen-btn-' + (params?.data?.codigoUnidad || '')\"\r\n          (click)=\"verImagenUnidad()\"\r\n          class=\"color-image\"\r\n  >\r\n    <mat-icon>image</mat-icon>\r\n  </button>\r\n}\r\n", styles: [".color-info{color:#b71c1c}.color-warning{color:#ff9800}.color-warning:disabled{color:#9e9e9e!important;cursor:not-allowed}.color-image{color:#009688}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.MatDialog }] });
+        }], ctorParameters: () => [{ type: i1.MatDialog }] });
 
 class UnidadRepository {
 }
@@ -757,10 +794,12 @@ class ConsultaUnidadesComponent {
     data;
     gridDefinition;
     consultaUnidadesUseCase;
-    constructor(data, gridDefinition, consultaUnidadesUseCase) {
+    dialogRef;
+    constructor(data, gridDefinition, consultaUnidadesUseCase, dialogRef) {
         this.data = data;
         this.gridDefinition = gridDefinition;
         this.consultaUnidadesUseCase = consultaUnidadesUseCase;
+        this.dialogRef = dialogRef;
         this.columnDefs = this.gridDefinition.columnDefs;
         this.configurarColumnasAcciones(data.iconosAOcultar);
         this.gridComponents = {
@@ -785,12 +824,23 @@ class ConsultaUnidadesComponent {
     overlayLoadingTemplate;
     overlayNoRowsTemplate;
     isLoading = false;
+    searchControl = new FormControl('');
+    destroy$ = new Subject();
+    gridOptions = {
+        suppressMovableColumns: false,
+        enableRangeSelection: true,
+    };
     get totalUnidades() {
         return this.rowData.length;
     }
     ngOnInit() {
         this.obtenerDatosUnidades();
         this.completarTitulo();
+        this.setupSearchListener();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
     }
     completarTitulo() {
         this.titulo = `Unidades de la remesa ${this.config.numeroRemesa}`;
@@ -800,6 +850,13 @@ class ConsultaUnidadesComponent {
             this.rowData = response;
         });
     }
+    setupSearchListener() {
+        this.searchControl.valueChanges
+            .pipe(debounceTime(300), takeUntil(this.destroy$))
+            .subscribe((searchText) => {
+            this.onSearch(searchText || '');
+        });
+    }
     configurarColumnasAcciones(iconosAOcultar = []) {
         const accionesCol = this.columnDefs.find((col) => col.field === 'acciones');
         if (accionesCol) {
@@ -831,24 +888,37 @@ class ConsultaUnidadesComponent {
             applyOrder: true,
         });
     }
-    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 }], target: i0.ɵɵFactoryTarget.Component });
+    onSearch(searchText) {
+        if (!this.gridApi) {
+            return;
+        }
+        this.gridApi.setGridOption('quickFilterText', searchText);
+    }
+    cancel() {
+        this.close(false);
+    }
+    close(value) {
+        this.dialogRef.close(value);
+    }
+    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 style=\"width: 100%;\">\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                         [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  </mat-card>\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}\n"], dependencies: [{ kind: "component", type: MatToolbarComponent, selector: "lib-mat-toolbar", inputs: ["titulo", "icono"], outputs: ["cerrar"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i3$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { 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"] }] });
+        ], 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:#d32f2f!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$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i5.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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.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,
             args: [{ selector: 'lib-consulta-unidades', imports: [
                         MatToolbarComponent,
                         MaterialModule,
-                        AgGridAngular
+                        AgGridAngular,
+                        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 style=\"width: 100%;\">\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                         [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  </mat-card>\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}\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 [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:#d32f2f!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]
-                }] }, { type: GridConsultaUnidadesDefinition }, { type: ConsultaUnidadesUseCase }] });
+                }] }, { type: GridConsultaUnidadesDefinition }, { type: ConsultaUnidadesUseCase }, { type: i1.MatDialogRef }] });
 
 class NgConsultaUnidadesDialog {
     dialog;
@@ -864,12 +934,12 @@ class NgConsultaUnidadesDialog {
             panelClass: 'ng-consulta-unidades-lib'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaUnidadesDialog, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaUnidadesDialog, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaUnidadesDialog });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaUnidadesDialog, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.MatDialog }] });
+        }], ctorParameters: () => [{ type: i1.MatDialog }] });
 
 class NgConsultaTrazabilidadDialog {
     dialog;
@@ -886,12 +956,12 @@ class NgConsultaTrazabilidadDialog {
             panelClass: 'ng-consulta-trazabildad-lib'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaTrazabilidadDialog, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaTrazabilidadDialog, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaTrazabilidadDialog });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaTrazabilidadDialog, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.MatDialog }] });
+        }], ctorParameters: () => [{ type: i1.MatDialog }] });
 
 class NgConsultaImagenesDialog {
     dialog;
@@ -906,35 +976,66 @@ class NgConsultaImagenesDialog {
             panelClass: 'ng-consulta-imagenes-lib'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaImagenesDialog, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaImagenesDialog, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaImagenesDialog });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: NgConsultaImagenesDialog, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.MatDialog }] });
+        }], ctorParameters: () => [{ type: i1.MatDialog }] });
+
+/**
+ * BaseMapper
+ * @param T - DTO
+ * @param U - Domain
+ */
+class BaseMapper {
+}
 
-class UnidadMapper {
-    static fromApiToDomain(unidad) {
+class UnidadMapper extends BaseMapper {
+    fromApiToDomain(dto) {
         return {
-            idIup: unidad.idIup,
-            remeIdInt: unidad.remeIdInt,
-            codigoUnidad: unidad.codigoUnidad,
-            tipoUnidad: unidad.tipoUnidad,
-            claseEmpaque: unidad.claseEmpaque,
-            estadoUnidad: unidad.estadoUnidad,
-            tipoUbicacion: unidad.tipoUbicacion,
-            codigoUbicacionActual: unidad.codBarrasUbicacion,
-            ubicacionActual: unidad.ubicacion,
-            regionalUbicacion: unidad.ceOp ?? null,
-            tieneNovedad: unidad.tieneNovedad,
-            movilEntrega: unidad.movilEntrega ?? null,
-            certificacion: unidad.certificacion ?? null,
-            pesoReal: unidad.pesoReal,
-            pesoVolumen: unidad.pesoVolumen,
-            alto: unidad.alto,
-            ancho: unidad.ancho,
-            largo: unidad.largo,
-            licencia: unidad.licencia
+            idIup: dto.idIup,
+            remeIdInt: dto.remeIdInt,
+            codigoUnidad: dto.codigoUnidad,
+            tipoUnidad: dto.tipoUnidad,
+            claseEmpaque: dto.claseEmpaque,
+            estadoUnidad: dto.estadoUnidad,
+            tipoUbicacion: dto.tipoUbicacion,
+            codigoUbicacionActual: dto.codBarrasUbicacion,
+            ubicacionActual: dto.ubicacion,
+            regionalUbicacion: dto.ceOp ?? null,
+            tieneNovedad: dto.tieneNovedad,
+            movilEntrega: dto.movilEntrega ?? null,
+            certificacion: dto.certificacion ?? null,
+            pesoReal: dto.pesoReal,
+            pesoVolumen: dto.pesoVolumen,
+            alto: dto.alto,
+            ancho: dto.ancho,
+            largo: dto.largo,
+            licencia: dto.licencia
+        };
+    }
+    fromDomainToApi(domain) {
+        return {
+            idIup: domain.idIup,
+            remeIdInt: domain.remeIdInt,
+            codigoUnidad: domain.codigoUnidad,
+            tipoUnidad: domain.tipoUnidad,
+            claseEmpaque: domain.claseEmpaque,
+            estadoUnidad: domain.estadoUnidad,
+            tipoUbicacion: domain.tipoUbicacion,
+            codBarrasUbicacion: domain.codigoUbicacionActual,
+            ubicacion: domain.ubicacionActual,
+            ceOp: domain.regionalUbicacion ?? null,
+            tieneNovedad: domain.tieneNovedad,
+            movilEntrega: domain.movilEntrega ?? null,
+            certificacion: domain.certificacion ?? null,
+            pesoReal: domain.pesoReal,
+            pesoVolumen: domain.pesoVolumen,
+            alto: domain.alto,
+            ancho: domain.ancho,
+            largo: domain.largo,
+            licencia: domain.licencia
         };
     }
 }
@@ -958,7 +1059,7 @@ class UnidadService {
         this.headers = new HttpHeaders().set('authorization', config.accessToken);
         return this.http.get(UNIDADES_URL, { headers: this.headers });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UnidadService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UnidadService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UnidadService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UnidadService, decorators: [{
@@ -966,7 +1067,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
 
 class UnidadRepositoryAdapter {
     unidadService;
@@ -974,9 +1075,10 @@ class UnidadRepositoryAdapter {
         this.unidadService = unidadService;
     }
     consultarUnidadesRemesa(config) {
+        const mapper = new UnidadMapper();
         return this.unidadService.consultarUnidadesRemesa(config).pipe(map(response => {
             const unidades = response.data;
-            return unidades.map(unidad => UnidadMapper.fromApiToDomain(unidad));
+            return unidades.map(unidad => mapper.fromApiToDomain(unidad));
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: UnidadRepositoryAdapter, deps: [{ token: UnidadService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -989,18 +1091,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }], ctorParameters: () => [{ type: UnidadService }] });
 
-class TrazabilidadMapper {
-    static fromApiToDomain(trazabilidad) {
+class TrazabilidadMapper extends BaseMapper {
+    fromApiToDomain(dto) {
+        return {
+            fechaEvento: dto.fechaTraza,
+            proceso: dto.proceso,
+            ceopProceso: dto.ciudadProceso,
+            tipoUbicacion: dto.tipoUbicacion,
+            codigoUbicacion: dto.codBarrasUbicacion,
+            ubicacion: dto.descUbicacion,
+            usuario: dto.usuario,
+            estado: dto.estadoTraza,
+            observaciones: dto.observaciones
+        };
+    }
+    fromDomainToApi(domain) {
         return {
-            fechaEvento: trazabilidad.fechaTraza,
-            proceso: trazabilidad.proceso,
-            ceopProceso: trazabilidad.ciudadProceso,
-            tipoUbicacion: trazabilidad.tipoUbicacion,
-            codigoUbicacion: trazabilidad.codBarrasUbicacion,
-            ubicacion: trazabilidad.descUbicacion,
-            usuario: trazabilidad.usuario,
-            estado: trazabilidad.estadoTraza,
-            observaciones: trazabilidad.observaciones
+            fechaTraza: domain.fechaEvento,
+            proceso: domain.proceso,
+            ciudadProceso: domain.ceopProceso,
+            tipoUbicacion: domain.tipoUbicacion,
+            codBarrasUbicacion: domain.codigoUbicacion,
+            descUbicacion: domain.ubicacion,
+            usuario: domain.usuario,
+            estadoTraza: domain.estado,
+            observaciones: domain.observaciones
         };
     }
 }
@@ -1018,7 +1133,7 @@ class TrazabilidadUnidadService {
         this.headers = new HttpHeaders().set('authorization', config.accessToken);
         return this.http.get(TRAZABILIDAD_URL, { headers: this.headers });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TrazabilidadUnidadService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TrazabilidadUnidadService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TrazabilidadUnidadService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TrazabilidadUnidadService, decorators: [{
@@ -1026,7 +1141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
 
 class TrazabilidadRepositoryAdapter {
     trazabilidadUnidadService;
@@ -1034,9 +1149,10 @@ class TrazabilidadRepositoryAdapter {
         this.trazabilidadUnidadService = trazabilidadUnidadService;
     }
     consultarTrazabilidadUnidad(config) {
+        const mapper = new TrazabilidadMapper();
         return this.trazabilidadUnidadService.consultarTrazabilidadUnidad(config).pipe(map(response => {
             const trazabilidades = response.data;
-            return trazabilidades.map(trazabilidad => TrazabilidadMapper.fromApiToDomain(trazabilidad));
+            return trazabilidades.map(trazabilidad => mapper.fromApiToDomain(trazabilidad));
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TrazabilidadRepositoryAdapter, deps: [{ token: TrazabilidadUnidadService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1049,14 +1165,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }], ctorParameters: () => [{ type: TrazabilidadUnidadService }] });
 
-class ImagenUnidadMapper {
-    static fromApiToDomain(imagenDto) {
+class ImagenUnidadMapper extends BaseMapper {
+    fromApiToDomain(dto) {
         return {
-            nombreFoto: imagenDto.nombreFoto
+            nombreFoto: dto.nombreFoto
         };
     }
-    static fromApiListToDomain(imagenes) {
-        return imagenes.map(imagen => this.fromApiToDomain(imagen));
+    fromDomainToApi(domain) {
+        return {
+            nombreFoto: domain.nombreFoto
+        };
     }
 }
 
@@ -1073,7 +1191,7 @@ class ImagenUnidadService {
         this.headers = new HttpHeaders().set('authorization', config.accessToken);
         return this.http.get(IMAGENES_URL, { headers: this.headers });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImagenUnidadService, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImagenUnidadService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImagenUnidadService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImagenUnidadService, decorators: [{
@@ -1081,7 +1199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
 
 class ImagenRepositoryAdapter {
     imagenUnidadService;
@@ -1089,9 +1207,10 @@ class ImagenRepositoryAdapter {
         this.imagenUnidadService = imagenUnidadService;
     }
     imagenesDeUnidad(config) {
+        const mapper = new ImagenUnidadMapper();
         return this.imagenUnidadService.imagenesUnidad(config).pipe(map(response => {
             const imagenes = response.list;
-            return imagenes.map(imagen => ImagenUnidadMapper.fromApiToDomain(imagen));
+            return imagenes.map(imagen => mapper.fromApiToDomain(imagen));
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ImagenRepositoryAdapter, deps: [{ token: ImagenUnidadService }], target: i0.ɵɵFactoryTarget.Injectable });