@jvsoft/components 0.0.13-alpha.4 → 1.0.0-alpha.11

package/lista-arbol/README.md

@@ -0,0 +1,268 @@
+# ListaArbolComponent
+
+Componente Angular para visualizar datos jerárquicos en estructura de árbol con soporte para selección, checkboxes y menú contextual.
+
+## Instalación
+
+```bash
+npm install @jvsoft/components
+```
+
+## Uso Básico
+
+```typescript
+import { ListaArbolComponent } from '@jvsoft/components/lista-arbol';
+
+@Component({
+  selector: 'app-example',
+  standalone: true,
+  imports: [ListaArbolComponent],
+  template: `
+    <jvs-lista-arbol
+      [listaSuscription]="despachos$"
+      nombreColeccion="despachos"
+      [idTabla]="['iDespachoId']"
+      campoId="iDespachoId"
+      campoIdPadre="iDespachoPadreId"
+      campoStr="cDespachoNombre"
+      (seleccionado)="onSeleccion($event)">
+    </jvs-lista-arbol>
+  `
+})
+export class ExampleComponent {
+  despachos$ = this.service.getDespachos();
+  
+  onSeleccion(item: any) {
+    console.log('Item seleccionado:', item);
+  }
+}
+```
+
+## API
+
+### Inputs
+
+#### Requeridos
+
+| Input | Tipo | Descripción |
+|-------|------|-------------|
+| `listaSuscription` | `Observable<T[]>` | Observable que emite la lista de datos a mostrar |
+| `nombreColeccion` | `string` | Nombre identificador de la colección |
+| `idTabla` | `string \| string[]` | Campo(s) que identifican únicamente cada item |
+| `campoId` | `string` | Nombre del campo que contiene el ID del item |
+| `campoIdPadre` | `string` | Nombre del campo que contiene el ID del padre |
+
+#### Opcionales
+
+| Input | Tipo | Default | Descripción |
+|-------|------|---------|-------------|
+| `campoStr` | `string` | `''` | Campo a mostrar como texto del nodo |
+| `checkbox` | `boolean` | `false` | Habilita checkboxes con selección cascada |
+| `expandirRecursivo` | `boolean` | `false` | Expande/colapsa recursivamente |
+| `checkboxSeleccionados` | `T[]` | `[]` | Items pre-seleccionados (modo checkbox) |
+| `campoOrden` | `string` | - | Campo para ordenar los nodos |
+| `strHijoContainer` | `string` | `'hijos'` | Nombre de la propiedad que contiene los hijos |
+| `menuContextual` | `object` | - | Objeto con funciones para menú contextual |
+| `classSeleccionado` | `string[]` | `['bg-primary-activo', ...]` | Clases CSS para item seleccionado |
+| `classAnulado` | `string[]` | `['line-through', ...]` | Clases CSS para items anulados |
+| `campoAnulado` | `string \| null` | - | Campo que indica si un item está anulado |
+| `templateTxtData` | `TemplateRef<any>` | - | Template personalizado para el contenido del nodo |
+| `condicionMostrar` | `(item: T) => boolean` | - | Función para filtrar items a mostrar |
+| `condicionesClaseFila` | `(item: T) => string[]` | `() => []` | Función que retorna clases CSS adicionales |
+| `selectionModel` | `any` | - | Modelo de selección (backward compatibility) |
+
+### Outputs
+
+| Output | Tipo | Descripción |
+|--------|------|-------------|
+| `seleccionado` | `EventEmitter<any>` | Emite cuando se selecciona un item |
+| `selectionModelChange` | `EventEmitter<any>` | Emite cambios en el modelo de selección |
+| `listaCheck` | `EventEmitter<T[]>` | Emite array de items seleccionados (modo checkbox) |
+| `listaCheckObj` | `EventEmitter<Record<string, any>>` | Emite objeto con items seleccionados (modo checkbox) |
+
+## Ejemplos
+
+### Árbol Simple
+
+```typescript
+<jvs-lista-arbol
+  [listaSuscription]="categorias$"
+  nombreColeccion="categorias"
+  [idTabla]="['iCategoriaId']"
+  campoId="iCategoriaId"
+  campoIdPadre="iCategoriaPadreId"
+  campoStr="cCategoriaNombre">
+</jvs-lista-arbol>
+```
+
+### Con Checkboxes
+
+```typescript
+<jvs-lista-arbol
+  [listaSuscription]="permisos$"
+  nombreColeccion="permisos"
+  [idTabla]="['iPermisoId']"
+  campoId="iPermisoId"
+  campoIdPadre="iPermisoPadreId"
+  campoStr="cPermisoNombre"
+  [checkbox]="true"
+  [checkboxSeleccionados]="permisosActuales"
+  (listaCheck)="onPermisosChange($event)">
+</jvs-lista-arbol>
+```
+
+### Con Template Personalizado
+
+```typescript
+<jvs-lista-arbol
+  [listaSuscription]="departamentos$"
+  nombreColeccion="departamentos"
+  [idTabla]="['iDepartamentoId']"
+  campoId="iDepartamentoId"
+  campoIdPadre="iDepartamentoPadreId"
+  [templateTxtData]="customTemplate">
+</jvs-lista-arbol>
+
+<ng-template #customTemplate let-data="data">
+  <div class="flex items-center gap-2">
+    <mat-icon>{{ data.icono }}</mat-icon>
+    <span class="font-bold">{{ data.nombre }}</span>
+    <span class="text-gray-500">({{ data.codigo }})</span>
+  </div>
+</ng-template>
+```
+
+### Con Menú Contextual
+
+```typescript
+export class MyComponent {
+  menuContextual = {
+    abrirMenuContextual: (event: MouseEvent, item: any) => {
+      // Lógica para abrir menú contextual
+      this.menuService.open(event, item);
+    },
+    cerrarMenuContextual: () => {
+      this.menuService.close();
+    }
+  };
+}
+```
+
+```html
+<jvs-lista-arbol
+  [listaSuscription]="items$"
+  nombreColeccion="items"
+  [idTabla]="['id']"
+  campoId="id"
+  campoIdPadre="parentId"
+  campoStr="nombre"
+  [menuContextual]="menuContextual">
+</jvs-lista-arbol>
+```
+
+### Con Ordenamiento
+
+```typescript
+<jvs-lista-arbol
+  [listaSuscription]="tareas$"
+  nombreColeccion="tareas"
+  [idTabla]="['iTareaId']"
+  campoId="iTareaId"
+  campoIdPadre="iTareaPadreId"
+  campoStr="cTareaNombre"
+  campoOrden="iOrden">
+</jvs-lista-arbol>
+```
+
+### Con Clases Condicionales
+
+```typescript
+export class MyComponent {
+  getClasesFila = (item: any): string[] => {
+    const clases: string[] = [];
+    if (item.urgente) clases.push('bg-red-100');
+    if (item.completado) clases.push('opacity-50');
+    return clases;
+  };
+}
+```
+
+```html
+<jvs-lista-arbol
+  [listaSuscription]="tareas$"
+  nombreColeccion="tareas"
+  [idTabla]="['id']"
+  campoId="id"
+  campoIdPadre="parentId"
+  campoStr="nombre"
+  [condicionesClaseFila]="getClasesFila">
+</jvs-lista-arbol>
+```
+
+## Estructura de Datos
+
+El componente espera un array plano de objetos con referencias padre-hijo:
+
+```typescript
+interface Item {
+  id: number;
+  parentId: number | null;
+  nombre: string;
+  // ... otros campos
+}
+
+const items: Item[] = [
+  { id: 1, parentId: null, nombre: 'Raíz' },
+  { id: 2, parentId: 1, nombre: 'Hijo 1' },
+  { id: 3, parentId: 1, nombre: 'Hijo 2' },
+  { id: 4, parentId: 2, nombre: 'Nieto 1' },
+];
+```
+
+El componente automáticamente construye la estructura jerárquica.
+
+## Características
+
+- ✅ **Signals API**: Usa la API moderna de Signals de Angular
+- ✅ **Selección simple**: Click para seleccionar items
+- ✅ **Checkboxes con cascada**: Selección padre-hijo automática
+- ✅ **Templates personalizados**: Personaliza la visualización de nodos
+- ✅ **Menú contextual**: Soporte integrado para menús contextuales
+- ✅ **Ordenamiento**: Ordena nodos por campo específico
+- ✅ **Clases condicionales**: Aplica estilos dinámicos
+- ✅ **Cleanup automático**: Gestión automática de suscripciones
+- ✅ **TypeScript**: Totalmente tipado con genéricos
+
+## Migración desde Versión Anterior
+
+Si estás migrando desde una versión anterior con `@Input()` decorators:
+
+### Antes (v1.0.0-alpha.5)
+```typescript
+@Input() listaSuscription!: Observable<T[]>;
+@Input() nombreColeccion!: string;
+```
+
+### Después (v1.0.0-alpha.6+)
+```typescript
+// El uso en templates permanece igual
+<jvs-lista-arbol
+  [listaSuscription]="items$"
+  nombreColeccion="items"
+  ...>
+</jvs-lista-arbol>
+```
+
+**No se requieren cambios** en el código que usa el componente. La API pública permanece 100% compatible.
+
+## Notas Técnicas
+
+- El componente usa `NestedTreeControl` de Angular CDK
+- Las suscripciones se limpian automáticamente con `takeUntilDestroyed()`
+- Los valores derivados usan `computed()` para optimización
+- El estado interno usa `signal()` para reactividad
+- Compatible con Angular 16+
+
+## Licencia
+
+MIT

package/lista-arbol/lista-arbol.component.d.ts

@@ -1,47 +1,46 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { NestedTreeControl } from '@angular/cdk/tree';
 import { DataModel } from '@jvsoft/utils';
-import { SelectionModel } from '@angular/cdk/collections';
 import * as i0 from "@angular/core";
-export declare class ListaArbolComponent<T = any> implements OnInit {
-    listaSuscription: Observable<T[]>;
-    nombreColeccion: string;
-    checkbox: boolean;
-    expandirRecursivo: boolean;
-    checkboxSeleccionados: T[];
-    campoId: string;
-    campoIdPadre: string;
-    campoStr: string;
-    campoOrden?: string;
-    strHijoContainer: string;
-    menuContextual?: {
+export declare class ListaArbolComponent<T = any> {
+    listaSuscription: import("@angular/core").InputSignal<Observable<T[]>>;
+    nombreColeccion: import("@angular/core").InputSignal<string>;
+    checkbox: import("@angular/core").InputSignal<boolean>;
+    expandirRecursivo: import("@angular/core").InputSignal<boolean>;
+    checkboxSeleccionados: import("@angular/core").InputSignal<T[]>;
+    campoId: import("@angular/core").InputSignal<string>;
+    campoIdPadre: import("@angular/core").InputSignal<string>;
+    campoStr: import("@angular/core").InputSignal<string>;
+    campoOrden: import("@angular/core").InputSignal<string | undefined>;
+    strHijoContainer: import("@angular/core").InputSignal<string>;
+    menuContextual: import("@angular/core").InputSignal<{
         abrirMenuContextual: Function;
         cerrarMenuContextual: Function;
-    };
-    classSeleccionado: string[];
-    classAnulado: string[];
-    campoAnulado?: string | null;
-    templateTxtData?: TemplateRef<any>;
-    condicionMostrar?: (item: T) => boolean;
-    condicionesClaseFila: (item: T) => string[];
-    set selectionModel(val: SelectionModel<any>);
-    selectionModelChange: EventEmitter<SelectionModel<any>>;
-    seleccionado: EventEmitter<any>;
-    listaCheck: EventEmitter<T[]>;
-    listaCheckObj: EventEmitter<Record<string, any>>;
+    } | undefined>;
+    classSeleccionado: import("@angular/core").InputSignal<string[]>;
+    classAnulado: import("@angular/core").InputSignal<string[]>;
+    campoAnulado: import("@angular/core").InputSignal<string | null | undefined>;
+    templateTxtData: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    condicionMostrar: import("@angular/core").InputSignal<((item: T) => boolean) | undefined>;
+    condicionesClaseFila: import("@angular/core").InputSignal<(item: T) => string[]>;
+    idTabla: import("@angular/core").InputSignalWithTransform<string | string[], string | string[]>;
+    selectionModel: import("@angular/core").InputSignal<any>;
+    selectionModelChange: import("@angular/core").OutputEmitterRef<any>;
+    seleccionado: import("@angular/core").OutputEmitterRef<any>;
+    listaCheck: import("@angular/core").OutputEmitterRef<T[]>;
+    listaCheckObj: import("@angular/core").OutputEmitterRef<Record<string, any>>;
     private _idTabla;
-    get idTabla(): string[];
-    set idTabla(val: string[] | string);
-    get buscarItemSeleccionado(): any;
-    get objSeleccionado(): any;
-    set objSeleccionado(val: any);
+    private _seleccionado;
+    listaMuestraArbol: import("@angular/core").WritableSignal<T[]>;
+    listaOriginal: import("@angular/core").WritableSignal<T[]>;
     chkLista: DataModel;
-    listaMuestraArbol: T[];
-    listaOriginal: T[];
+    idTablaValue: import("@angular/core").Signal<string[]>;
+    buscarItemSeleccionado: import("@angular/core").Signal<NonNullable<T> | null>;
+    objSeleccionado: import("@angular/core").Signal<NonNullable<T> | null>;
     treeControl: NestedTreeControl<any, any>;
-    _seleccionado: any;
-    ngOnInit(): void;
+    private listaSuscription$;
+    constructor();
     idTablaValor(data: any): string;
     propiedadSeleccion(item: any): string;
     esSeleccionActual(item: any): boolean;
@@ -52,7 +51,7 @@ export declare class ListaArbolComponent<T = any> implements OnInit {
     cambiarPadre(checkActual: T, estado: boolean): void;
     cambiarCheck(checkActual: T, estado: boolean): void;
     hijosActivos(tipo: 'checked' | 'indeterminate', checkActual: T): boolean;
-    classFila(item: any): any[];
+    classFila(item: any): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ListaArbolComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListaArbolComponent<any>, "jvs-lista-arbol", never, { "listaSuscription": { "alias": "listaSuscription"; "required": false; }; "nombreColeccion": { "alias": "nombreColeccion"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "expandirRecursivo": { "alias": "expandirRecursivo"; "required": false; }; "checkboxSeleccionados": { "alias": "checkboxSeleccionados"; "required": false; }; "campoId": { "alias": "campoId"; "required": false; }; "campoIdPadre": { "alias": "campoIdPadre"; "required": false; }; "campoStr": { "alias": "campoStr"; "required": false; }; "campoOrden": { "alias": "campoOrden"; "required": false; }; "strHijoContainer": { "alias": "strHijoContainer"; "required": false; }; "menuContextual": { "alias": "menuContextual"; "required": false; }; "classSeleccionado": { "alias": "classSeleccionado"; "required": false; }; "classAnulado": { "alias": "classAnulado"; "required": false; }; "campoAnulado": { "alias": "campoAnulado"; "required": false; }; "templateTxtData": { "alias": "templateTxtData"; "required": false; }; "condicionMostrar": { "alias": "condicionMostrar"; "required": false; }; "condicionesClaseFila": { "alias": "condicionesClaseFila"; "required": false; }; "selectionModel": { "alias": "selectionModel"; "required": false; }; "idTabla": { "alias": "idTabla"; "required": true; }; }, { "selectionModelChange": "selectionModelChange"; "seleccionado": "seleccionado"; "listaCheck": "listaCheck"; "listaCheckObj": "listaCheckObj"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListaArbolComponent<any>, "jvs-lista-arbol", never, { "listaSuscription": { "alias": "listaSuscription"; "required": true; "isSignal": true; }; "nombreColeccion": { "alias": "nombreColeccion"; "required": true; "isSignal": true; }; "checkbox": { "alias": "checkbox"; "required": false; "isSignal": true; }; "expandirRecursivo": { "alias": "expandirRecursivo"; "required": false; "isSignal": true; }; "checkboxSeleccionados": { "alias": "checkboxSeleccionados"; "required": false; "isSignal": true; }; "campoId": { "alias": "campoId"; "required": true; "isSignal": true; }; "campoIdPadre": { "alias": "campoIdPadre"; "required": true; "isSignal": true; }; "campoStr": { "alias": "campoStr"; "required": false; "isSignal": true; }; "campoOrden": { "alias": "campoOrden"; "required": false; "isSignal": true; }; "strHijoContainer": { "alias": "strHijoContainer"; "required": false; "isSignal": true; }; "menuContextual": { "alias": "menuContextual"; "required": false; "isSignal": true; }; "classSeleccionado": { "alias": "classSeleccionado"; "required": false; "isSignal": true; }; "classAnulado": { "alias": "classAnulado"; "required": false; "isSignal": true; }; "campoAnulado": { "alias": "campoAnulado"; "required": false; "isSignal": true; }; "templateTxtData": { "alias": "templateTxtData"; "required": false; "isSignal": true; }; "condicionMostrar": { "alias": "condicionMostrar"; "required": false; "isSignal": true; }; "condicionesClaseFila": { "alias": "condicionesClaseFila"; "required": false; "isSignal": true; }; "idTabla": { "alias": "idTabla"; "required": true; "isSignal": true; }; "selectionModel": { "alias": "selectionModel"; "required": false; "isSignal": true; }; }, { "selectionModelChange": "selectionModelChange"; "seleccionado": "seleccionado"; "listaCheck": "listaCheck"; "listaCheckObj": "listaCheckObj"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jvsoft/components",
-  "version": "0.0.13-alpha.4",
+  "version": "1.0.0-alpha.11",
   "description": "JVSOFT Angular Components",
   "publishConfig": {
     "tag": "alpha",
@@ -11,17 +11,13 @@
     "@angular/core": ">=16.0.0",
     "@angular/forms": ">=16.0.0",
     "@angular/material": ">=16.0.0",
-    "@jvsoft/utils": "*",
+    "@jvsoft/utils": "workspace:*",
     "@ngneat/until-destroy": "^10.0.0",
     "moment": "^2.30.1",
     "shorthash2": "^1.0.5",
     "tailwindcss": "3",
     "xlsx": "^0.18.5"
   },
-  "dependencies": {
-    "@jvsoft/utils": "*",
-    "tslib": "^2.3.0"
-  },
   "sideEffects": false,
   "exports": {
     "./base.scss": "./src/styles/base.scss",
@@ -33,6 +29,18 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/jvsoft-components.mjs"
     },
+    "./alerta": {
+      "types": "./alerta/index.d.ts",
+      "default": "./fesm2022/jvsoft-components-alerta.mjs"
+    },
+    "./filtro-busqueda": {
+      "types": "./filtro-busqueda/index.d.ts",
+      "default": "./fesm2022/jvsoft-components-filtro-busqueda.mjs"
+    },
+    "./dialog-flotante": {
+      "types": "./dialog-flotante/index.d.ts",
+      "default": "./fesm2022/jvsoft-components-dialog-flotante.mjs"
+    },
     "./luces-navidad": {
       "types": "./luces-navidad/index.d.ts",
       "default": "./fesm2022/jvsoft-components-luces-navidad.mjs"
@@ -45,23 +53,22 @@
       "types": "./menu/index.d.ts",
       "default": "./fesm2022/jvsoft-components-menu.mjs"
     },
-    "./lista-arbol": {
-      "types": "./lista-arbol/index.d.ts",
-      "default": "./fesm2022/jvsoft-components-lista-arbol.mjs"
-    },
-    "./dialog-flotante": {
-      "types": "./dialog-flotante/index.d.ts",
-      "default": "./fesm2022/jvsoft-components-dialog-flotante.mjs"
-    },
     "./tabla-mantenimiento": {
       "types": "./tabla-mantenimiento/index.d.ts",
       "default": "./fesm2022/jvsoft-components-tabla-mantenimiento.mjs"
     },
+    "./lista-arbol": {
+      "types": "./lista-arbol/index.d.ts",
+      "default": "./fesm2022/jvsoft-components-lista-arbol.mjs"
+    },
     "./tabla-mantenimiento/components/progress-bar": {
       "types": "./tabla-mantenimiento/components/progress-bar/index.d.ts",
       "default": "./fesm2022/jvsoft-components-tabla-mantenimiento-components-progress-bar.mjs"
     }
   },
   "module": "fesm2022/jvsoft-components.mjs",
-  "typings": "index.d.ts"
+  "typings": "index.d.ts",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
 }

package/src/styles/base-jvsoft-components.css

@@ -1,9 +1,11 @@
 @use "tailwind.scss";
 
-@use "components/index.scss";
+/*@use "components/index.scss";*/
 
-/*
+@use "../../../components/tabla-mantenimiento/tabla-mantenimiento.component";
+
+@use "../../../components/dialog-flotante/dialog-flotante.component";
+
+@use "../../../components/filtro-busqueda/filtro-busqueda.component";
 
-@import "../../components/tabla-mantenimiento/tabla-mantenimiento.component.scss";
-*/
 

package/src/styles/base.scss

@@ -5,5 +5,6 @@
 
 @use "../../../components/tabla-mantenimiento/tabla-mantenimiento.component";
 @use "../../../components/dialog-flotante/dialog-flotante.component";
+@use "../../../components/filtro-busqueda/filtro-busqueda.component";
 
 

package/tabla-mantenimiento/interfaces/global/columnas-tabla.d.ts

@@ -1,5 +1,13 @@
 import { EstilosBarra } from '../../components/progress-bar';
 import { TipoValorFuncion } from './no-export';
+import { TemplateRef } from '@angular/core';
+export interface PopoverConfig<T> {
+    content?: (row: T) => string;
+    template?: TemplateRef<any>;
+    trigger?: 'hover' | 'click' | 'focus';
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    customClass?: string;
+}
 type TiposColumnas = 'yes_no' | 'estiloEstablecido' | 'text' | 'number' | 'money' | 'date' | 'image' | 'estado' | 'badge' | 'progress' | 'checkbox' | 'icon' | 'icons' | 'icon_checkbox' | 'custom' | 'expandir' | 'numeracion_automatica';
 export interface ColumnaTablaReporte {
     ocultar?: boolean;
@@ -15,16 +23,6 @@ export interface ColumnaTablaReporte {
         total?: TipoValorFuncion<any>;
     };
 }
-export interface IconsIcon {
-    icon: string;
-    iconSize?: string;
-    toolTip?: string;
-    toolTipField?: string;
-    contentCss?: string;
-    cssClass?: string;
-    click?(row: any): void;
-    esVisible?(row: any): boolean;
-}
 export type TiposColumnasNuevo = 'text' | 'checkbox' | 'money' | 'icon' | 'icons' | 'progress' | 'expandir' | 'date' | 'number';
 type PropiedadString<T> = Extract<keyof T, string>;
 interface BaseColumna<T> {
@@ -44,6 +42,7 @@ interface BaseColumna<T> {
     textCss?: string | string[];
     cssFooterClasses?: string[];
     datosExtra?: any;
+    popover?: PopoverConfig<T>;
     reporte?: ColumnaTablaReporte;
     innerHTMLInvisible?: (row: any) => string;
     /** @deprecated usar `visible` en su lugar: ejm: visible: ():boolean => {}, visible: boolean */

package/tabla-mantenimiento/interfaces/global/otros.d.ts

@@ -9,6 +9,7 @@ export interface OpcionSeleccionada {
     tipo: TiposOpciones;
     /** Solo emite cuando se tiene los checkbox para seleccion */
     idsSeleccionados?: any;
+    itemsSeleccionados?: any[];
     datosExtra?: any;
     /** @deprecated usar '`datosExtra`' en su lugar */
     formGroup?: any;

package/tabla-mantenimiento/tabla-mantenimiento-column-defs/column-type/column-type.module.d.ts

@@ -16,8 +16,9 @@ import * as i14 from "../../pipes/zero-fill.pipe";
 import * as i15 from "@angular/material/core";
 import * as i16 from "@angular/material/icon";
 import * as i17 from "../../components/progress-bar/progress-bar.component";
+import * as i18 from "@jvsoft/utils";
 export declare class ColumnTypeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnTypeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnTypeModule, [typeof i1.ColumnTypeComponent, typeof i2.ColumnTypeTextComponent, typeof i3.ColumnTypeMoneyComponent, typeof i4.ColumnTypeNumberComponent, typeof i5.ColumnTypeDateComponent, typeof i6.ColumnTypeIconsComponent, typeof i7.ColumnTypeSinoComponent, typeof i8.ColumnTypeProgressbarComponent], [typeof i9.CommonModule, typeof i10.MatTableModule, typeof i11.MatSortModule, typeof i12.MatTooltipModule, typeof i13.NoSanitizePipe, typeof i14.ZeroFillPipe, typeof i15.MatRipple, typeof i16.MatIcon, typeof i17.ProgressBarComponent], [typeof i2.ColumnTypeTextComponent, typeof i3.ColumnTypeMoneyComponent, typeof i4.ColumnTypeNumberComponent, typeof i5.ColumnTypeDateComponent, typeof i6.ColumnTypeIconsComponent, typeof i7.ColumnTypeSinoComponent, typeof i8.ColumnTypeProgressbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnTypeModule, [typeof i1.ColumnTypeComponent, typeof i2.ColumnTypeTextComponent, typeof i3.ColumnTypeMoneyComponent, typeof i4.ColumnTypeNumberComponent, typeof i5.ColumnTypeDateComponent, typeof i6.ColumnTypeIconsComponent, typeof i7.ColumnTypeSinoComponent, typeof i8.ColumnTypeProgressbarComponent], [typeof i9.CommonModule, typeof i10.MatTableModule, typeof i11.MatSortModule, typeof i12.MatTooltipModule, typeof i13.NoSanitizePipe, typeof i14.ZeroFillPipe, typeof i15.MatRipple, typeof i16.MatIcon, typeof i17.ProgressBarComponent, typeof i18.JvsPopoverDirective, typeof i18.JvsPopoverListenerDirective], [typeof i2.ColumnTypeTextComponent, typeof i3.ColumnTypeMoneyComponent, typeof i4.ColumnTypeNumberComponent, typeof i5.ColumnTypeDateComponent, typeof i6.ColumnTypeIconsComponent, typeof i7.ColumnTypeSinoComponent, typeof i8.ColumnTypeProgressbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ColumnTypeModule>;
 }

package/tabla-mantenimiento/tabla-mantenimiento.component.d.ts

@@ -1,6 +1,7 @@
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
 import { FormBuilder, FormControl } from '@angular/forms';
+import { MatMenuTrigger } from '@angular/material/menu';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { MatColumnDef, MatTable, MatTableDataSource } from '@angular/material/table';
@@ -33,8 +34,8 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     dataSuscription: Observable<any> | undefined;
     objThis: any;
     nombreColeccion: any;
-    ctrlBusquedaValue: string;
-    ctrlBusquedaPlaceholder: string;
+    busquedaValor: import("@angular/core").InputSignal<string>;
+    busquedaPlaceholder: import("@angular/core").InputSignal<string>;
     filtroCampos: boolean;
     paginador: boolean;
     esTabla: boolean;
@@ -58,11 +59,13 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     paginator: MatPaginator;
     sort: MatSort;
     exportarExcel: boolean;
+    busquedaCompacta: import("@angular/core").InputSignal<boolean>;
+    alturaFull: import("@angular/core").InputSignal<boolean>;
     pageSize: number;
     pageSizeOptions: number[];
     dataSourceChange: EventEmitter<any>;
     resultados: EventEmitter<any>;
-    dataSource: MatTableDataSource<unknown, MatPaginator>;
+    dataSource: MatTableDataSource<T, MatPaginator>;
     table: MatTable<T>;
     columnDefs: QueryList<MatColumnDef>;
     componenteCargadoTotalmente: boolean;
@@ -80,15 +83,16 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     mouseEvent$: Subscription | undefined;
     overlayRef: OverlayRef | undefined;
     userMenu: TemplateRef<any>;
+    compactSearchMenuTrigger: MatMenuTrigger;
     opcFiltroActual: {};
     protected readonly capitalizarTexto: typeof capitalizarTexto;
     _seleccionado: any;
     cCampoBusqueda: FormControl<string | null>;
     chkLista: DataModel;
+    bDireccionOrden: import("@angular/core").WritableSignal<number>;
+    mostrarBotonOrden: import("@angular/core").InputSignal<boolean>;
     constructor(fb: FormBuilder, overlay: Overlay, viewContainerRef: ViewContainerRef, tablaMantenimientoService: TablaMantenimientoService, cdRef: ChangeDetectorRef);
-    _ctrlBusqueda: TiposControlBusqueda;
-    get ctrlBusqueda(): TiposControlBusqueda;
-    set ctrlBusqueda(val: TiposControlBusqueda);
+    busquedaTipo: import("@angular/core").InputSignalWithTransform<TiposControlBusqueda, string>;
     private _leyenda;
     get leyenda(): {
         text: string;
@@ -111,11 +115,12 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     get listaMenuCompleto(): BotonMantenimiento[];
     get objVisibleColumns(): ColumnaTabla<any>[];
     get visibleColumns(): string[];
-    get tieneCheckbox(): false | import("@jvsoft/components/tabla-mantenimiento").ColumnaCheckbox<any>;
+    get tieneCheckbox(): false | import("./interfaces").ColumnaCheckbox<any>;
     get buscarItemSeleccionado(): any;
     get objSeleccionado(): any;
     set objSeleccionado(val: any);
     get idsSeleccionado(): string;
+    get itemsSeleccionados(): T[];
     idTablaValor(data: any): string;
     condicionesClaseFila: (item: any) => any[];
     rowTooltip: (item: any) => string;
@@ -134,6 +139,7 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     onFilterChange(value: string): void;
     toggleColumnVisibility(column: any, event: any): void;
     cargarData(retorno?: boolean): any;
+    toggleDireccionOrden(): void;
     setData(data: any): void;
     botonDisabled(btn: BotonMantenimiento, item: any): boolean | undefined;
     propiedadSeleccion(item: any): string;
@@ -143,9 +149,10 @@ export declare class TablaMantenimientoComponent<T> implements OnInit, AfterCont
     emitirResultados(evento?: {}): void;
     abrirMenuContextual({ x, y }: MouseEvent, user: any): void;
     cerrarMenuContextual(): void;
+    ejecutarBusquedaCompacta(): void;
     emitirAccionRecargar(): void;
     protected readonly tipoValorFuncion: typeof tipoValorFuncion;
     static ɵfac: i0.ɵɵFactoryDeclaration<TablaMantenimientoComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TablaMantenimientoComponent<any>, "jvs-tabla-mantenimiento", never, { "dataSuscription": { "alias": "dataSuscription"; "required": false; }; "objThis": { "alias": "objThis"; "required": true; }; "nombreColeccion": { "alias": "nombreColeccion"; "required": true; }; "ctrlBusquedaValue": { "alias": "ctrlBusquedaValue"; "required": false; }; "ctrlBusquedaPlaceholder": { "alias": "ctrlBusquedaPlaceholder"; "required": false; }; "filtroCampos": { "alias": "filtroCampos"; "required": false; }; "paginador": { "alias": "paginador"; "required": false; }; "esTabla": { "alias": "esTabla"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "filaExtraHeader": { "alias": "filaExtraHeader"; "required": false; }; "filaFooter": { "alias": "filaFooter"; "required": false; }; "botonesCRUD": { "alias": "botonesCRUD"; "required": false; }; "objBotonesCRUD": { "alias": "objBotonesCRUD"; "required": false; }; "classSeleccionado": { "alias": "classSeleccionado"; "required": false; }; "classAnulado": { "alias": "classAnulado"; "required": false; }; "campoAnulado": { "alias": "campoAnulado"; "required": false; }; "campoAnuladoMensaje": { "alias": "campoAnuladoMensaje"; "required": false; }; "selectionModel": { "alias": "selectionModel"; "required": false; }; "filaExtraTemplate": { "alias": "filaExtraTemplate"; "required": false; }; "exportarExcel": { "alias": "exportarExcel"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "derechosActuales": { "alias": "derechosActuales"; "required": false; }; "ctrlBusqueda": { "alias": "ctrlBusqueda"; "required": false; }; "leyenda": { "alias": "leyenda"; "required": false; }; "idTabla": { "alias": "idTabla"; "required": true; }; "columnasTabla": { "alias": "columnasTabla"; "required": false; }; "botonesMenu": { "alias": "botonesMenu"; "required": false; }; "condicionesClaseFila": { "alias": "condicionesClaseFila"; "required": false; }; "rowTooltip": { "alias": "rowTooltip"; "required": false; }; "soloIconos": { "alias": "soloIconos"; "required": false; }; }, { "dblclickItem": "dblclickItem"; "opcionSelecionada": "opcionSelecionada"; "opcBusqueda": "opcBusqueda"; "accionRecargar": "accionRecargar"; "selectionModelChange": "selectionModelChange"; "dataSourceChange": "dataSourceChange"; "resultados": "resultados"; }, ["columnDefs"], ["[filtro]", "[objetosMenuPegado]", "[objetosMenu]", "[botonesFiltro]", "[cuerpo]", "[tableDefinitions]", "[appendTable]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TablaMantenimientoComponent<any>, "jvs-tabla-mantenimiento", never, { "dataSuscription": { "alias": "dataSuscription"; "required": false; }; "objThis": { "alias": "objThis"; "required": true; }; "nombreColeccion": { "alias": "nombreColeccion"; "required": true; }; "busquedaValor": { "alias": "ctrlBusquedaValue"; "required": false; "isSignal": true; }; "busquedaPlaceholder": { "alias": "ctrlBusquedaPlaceholder"; "required": false; "isSignal": true; }; "filtroCampos": { "alias": "filtroCampos"; "required": false; }; "paginador": { "alias": "paginador"; "required": false; }; "esTabla": { "alias": "esTabla"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "filaExtraHeader": { "alias": "filaExtraHeader"; "required": false; }; "filaFooter": { "alias": "filaFooter"; "required": false; }; "botonesCRUD": { "alias": "botonesCRUD"; "required": false; }; "objBotonesCRUD": { "alias": "objBotonesCRUD"; "required": false; }; "classSeleccionado": { "alias": "classSeleccionado"; "required": false; }; "classAnulado": { "alias": "classAnulado"; "required": false; }; "campoAnulado": { "alias": "campoAnulado"; "required": false; }; "campoAnuladoMensaje": { "alias": "campoAnuladoMensaje"; "required": false; }; "selectionModel": { "alias": "selectionModel"; "required": false; }; "filaExtraTemplate": { "alias": "filaExtraTemplate"; "required": false; }; "exportarExcel": { "alias": "exportarExcel"; "required": false; }; "busquedaCompacta": { "alias": "busquedaCompacta"; "required": false; "isSignal": true; }; "alturaFull": { "alias": "alturaFull"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "derechosActuales": { "alias": "derechosActuales"; "required": false; }; "mostrarBotonOrden": { "alias": "mostrarBotonOrden"; "required": false; "isSignal": true; }; "busquedaTipo": { "alias": "ctrlBusqueda"; "required": false; "isSignal": true; }; "leyenda": { "alias": "leyenda"; "required": false; }; "idTabla": { "alias": "idTabla"; "required": true; }; "columnasTabla": { "alias": "columnasTabla"; "required": false; }; "botonesMenu": { "alias": "botonesMenu"; "required": false; }; "condicionesClaseFila": { "alias": "condicionesClaseFila"; "required": false; }; "rowTooltip": { "alias": "rowTooltip"; "required": false; }; "soloIconos": { "alias": "soloIconos"; "required": false; }; }, { "dblclickItem": "dblclickItem"; "opcionSelecionada": "opcionSelecionada"; "opcBusqueda": "opcBusqueda"; "accionRecargar": "accionRecargar"; "selectionModelChange": "selectionModelChange"; "dataSourceChange": "dataSourceChange"; "resultados": "resultados"; }, ["columnDefs"], ["[filtro]", "[objetosMenuPegado]", "[objetosMenu]", "[botonesFiltro]", "[botonesConfig]", "[cuerpo]", "[tableDefinitions]", "[appendTable]"], true, never>;
 }
 export {};