ng-components-tsi 0.0.69 → 0.0.70

package/lib/modals/general/md-generico/md-generico.component.d.ts

@@ -7,13 +7,13 @@ export declare class MdGenericoComponent {
     continuar2: import("@angular/core").OutputEmitterRef<void>;
     cerrar: import("@angular/core").OutputEmitterRef<void>;
     scrollable: import("@angular/core").InputSignal<boolean>;
-    type: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "APROB">;
+    type: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "7" | "5" | "6" | "APROB">;
     content: import("@angular/core").Signal<TemplateRef<any>>;
     footer: import("@angular/core").Signal<TemplateRef<any>>;
     showCancelar: import("@angular/core").InputSignal<boolean>;
     showAlerta: import("@angular/core").InputSignal<boolean>;
     textAlerta: import("@angular/core").InputSignal<string>;
-    sizeTitle: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
+    sizeTitle: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "7" | "5" | "6" | "9" | "8">;
     showFiltro: import("@angular/core").InputSignal<boolean>;
     withFiltro: import("@angular/core").ModelSignal<boolean>;
     dataFiltro: import("@angular/core").InputSignal<boolean>;

package/lib/ui/tables/table-ultimate/table-ultimate.component.d.ts

@@ -50,7 +50,7 @@ export declare class TableUltimateComponent implements OnDestroy {
     withTotal: import("@angular/core").InputSignal<boolean>;
     withHeight: import("@angular/core").InputSignal<boolean>;
     withAttachment: import("@angular/core").InputSignal<boolean>;
-    variante: import("@angular/core").InputSignal<"standard" | "modern">;
+    variante: import("@angular/core").InputSignal<"modern" | "standard">;
     rendered: import("@angular/core").InputSignal<CellRendered[]>;
     dragOverRowId: import("@angular/core").WritableSignal<any>;
     titleTabla: import("@angular/core").InputSignal<string>;

package/lib/ui/tables/table-ultimate-pivot/table-ultimate-pivot.component.d.ts

@@ -0,0 +1,163 @@
+import { ElementRef, OnDestroy, TemplateRef } from '@angular/core';
+import { TABLE_EVENTS } from '../../../enums/table-events';
+import { TsiColumnDefDirective } from '../../../directivas/tables/tsi-column-def.directive';
+import { CellRender, CellRendered } from '../../../models/cell-rendered';
+import { TableData } from '../../../models/table-data.model';
+import { SelectedRow } from '../../../models/selected-row';
+import * as i0 from "@angular/core";
+export interface PivotFlatItem {
+    _level: number;
+    _hasChildren: boolean;
+    _isExpanded: boolean;
+    _isLoading: boolean;
+    idListTsi: string;
+    _format?: Record<string, any>;
+    [key: string]: any;
+}
+/**
+ * Tabla pivot con expansión multi-nivel y virtual scroll nativo.
+ * Cada fila puede expandirse para mostrar sub-filas, que a su vez pueden
+ * expandirse en más niveles. El virtual scroll opera sobre el array plano
+ * generado a partir del estado de expansión actual.
+ *
+ * @Input rows          - Filas raíz con hijos anidados
+ * @Input columns       - Definición de columnas (mismo modelo que table-ultimate)
+ * @Input childrenKey   - Propiedad que contiene los hijos de cada nodo (default: 'children')
+ * @Input identifier    - Campos que forman la clave única del row (para IDs estables)
+ * @Input rowHeight     - Alto fijo de cada fila en px (default: 32)
+ * @Input buffer        - Filas extra fuera del viewport para scroll suave (default: 10)
+ * @Input altoContenedor - Alto fijo del contenedor en px (default: 400)
+ * @Input altoContainer - Offset desde el top del viewport para calcular height con clamp
+ * @Input minAlto       - Alto mínimo cuando se usa altoContainer (default: 200)
+ * @Input withFiltro    - Mostrar barra de búsqueda
+ * @Input withCheckbox  - Mostrar checkboxes de selección
+ * @Input lazyLoad      - Activa carga diferida de hijos (emite expandEvent)
+ * @Input indentSize    - Píxeles de indentación por nivel (default: 20)
+ * @Input maxLevels     - Límite de niveles expandibles (0 = sin límite)
+ * @Input customLevels  - Niveles que renderizan su bloque de datos con `#levelTemplate`
+ *                        en vez de la grilla de `columns` (permite que cada nivel tenga
+ *                        su propia organización/estructura visual)
+ */
+export declare class TableUltimatePivotComponent implements OnDestroy {
+    scrollContainer: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    customActions: import("@angular/core").Signal<TemplateRef<any>>;
+    contentFilter: import("@angular/core").Signal<TemplateRef<any>>;
+    /** Template opcional para reemplazar el bloque de columnas de datos en los
+     *  niveles declarados en `customLevels`. Contexto: { $implicit: row, level, columns }. */
+    levelTemplate: import("@angular/core").Signal<TemplateRef<any>>;
+    /** Templates `<ng-template tsiColumn="fieldname">` proyectados para columnas específicas
+     *  (misma convención que table-ultimate). Tienen prioridad sobre `col.template`. */
+    columnDefs: import("@angular/core").Signal<readonly TsiColumnDefDirective[]>;
+    columnDefMap: import("@angular/core").Signal<Map<string, TemplateRef<any>>>;
+    private formateador;
+    rows: import("@angular/core").InputSignal<any[]>;
+    columns: import("@angular/core").InputSignal<TableData[]>;
+    childrenKey: import("@angular/core").InputSignal<string>;
+    rowHeight: import("@angular/core").InputSignal<number>;
+    buffer: import("@angular/core").InputSignal<number>;
+    altoContainer: import("@angular/core").InputSignal<number>;
+    altoContenedor: import("@angular/core").InputSignal<number>;
+    minAlto: import("@angular/core").InputSignal<number>;
+    identifier: import("@angular/core").InputSignal<string[]>;
+    withFiltro: import("@angular/core").InputSignal<boolean>;
+    withCheckbox: import("@angular/core").InputSignal<boolean>;
+    withHeight: import("@angular/core").InputSignal<boolean>;
+    lazyLoad: import("@angular/core").InputSignal<boolean>;
+    indentSize: import("@angular/core").InputSignal<number>;
+    maxLevels: import("@angular/core").InputSignal<number>;
+    /** Niveles (0-based) cuyo bloque de datos se delega al `#levelTemplate` proyectado,
+     *  en lugar de la grilla estándar de `columns`. Ej: [1, 2].
+     *  Las filas de estos niveles no muestran el chevron de expandir propio: si el nivel
+     *  tiene descendientes, delega esa jerarquía al widget/tabla que renderices dentro del
+     *  template (ej. anidando otro `app-table-ultimate-pivot` con `[rows]="row.children"`). */
+    customLevels: import("@angular/core").InputSignal<number[]>;
+    rendered: import("@angular/core").InputSignal<CellRendered[]>;
+    rowClassFn: import("@angular/core").InputSignal<(row: any) => string | string[] | Record<string, boolean>>;
+    /** Fieldname de la columna que actúa como disparador de expansión.
+     *  Cuando se define, el ícono se incrusta en esa celda y desaparece la columna dedicada. */
+    expandOn: import("@angular/core").InputSignal<string>;
+    variante: import("@angular/core").InputSignal<"estandar" | "modern">;
+    withCellSelect: import("@angular/core").InputSignal<boolean>;
+    rowEvent: import("@angular/core").OutputEmitterRef<{
+        usecase: TABLE_EVENTS;
+        data: any;
+    }>;
+    cellEvent: import("@angular/core").OutputEmitterRef<{
+        row: any;
+        field: string;
+        value: any;
+        formatted: any;
+        level: number;
+    }>;
+    /** Emitido al expandir un nodo en modo lazyLoad. El padre debe cargar los hijos
+     *  e inyectarlos en `rows`, luego llamar `finishLazyLoad(parentId)` en el componente. */
+    expandEvent: import("@angular/core").OutputEmitterRef<{
+        row: PivotFlatItem;
+        level: number;
+    }>;
+    selectedRow: import("@angular/core").ModelSignal<any>;
+    selectItems: import("@angular/core").ModelSignal<SelectedRow<any>[]>;
+    selectedCell: import("@angular/core").ModelSignal<{
+        rowId: string;
+        field: string;
+    }>;
+    busqueda: import("@angular/core").WritableSignal<string>;
+    scrollTop: import("@angular/core").WritableSignal<number>;
+    containerHeight: import("@angular/core").WritableSignal<number>;
+    expandedIds: import("@angular/core").WritableSignal<Set<string>>;
+    loadingIds: import("@angular/core").WritableSignal<Set<string>>;
+    sortField: import("@angular/core").WritableSignal<string>;
+    sortDir: import("@angular/core").WritableSignal<"asc" | "desc" | "none">;
+    heightStyle: import("@angular/core").Signal<string>;
+    processedTree: import("@angular/core").Signal<any[]>;
+    private processLevel;
+    fullFlatTree: import("@angular/core").Signal<PivotFlatItem[]>;
+    private flattenAll;
+    expandedFlatList: import("@angular/core").Signal<PivotFlatItem[]>;
+    private flattenVisible;
+    rowFilter: import("@angular/core").Signal<PivotFlatItem[]>;
+    private sortFlatList;
+    colSpan: import("@angular/core").Signal<number>;
+    dataColSpan: import("@angular/core").Signal<number>;
+    totalHeight: import("@angular/core").Signal<number>;
+    startIndex: import("@angular/core").Signal<number>;
+    endIndex: import("@angular/core").Signal<number>;
+    visibleRows: import("@angular/core").Signal<PivotFlatItem[]>;
+    paddingTop: import("@angular/core").Signal<number>;
+    paddingBottom: import("@angular/core").Signal<number>;
+    private resizeObserver?;
+    private resizeEffect;
+    private scrollEffect;
+    ngOnDestroy(): void;
+    onScroll(event: Event): void;
+    private scrollToSelected;
+    selectRow(row: PivotFlatItem, idList: string): void;
+    isSelected(row: PivotFlatItem, idList: string): boolean;
+    toggleExpand(event: MouseEvent, row: PivotFlatItem): void;
+    private removeDescendantIds;
+    /** Llama desde el padre tras inyectar hijos en lazyLoad para quitar el spinner */
+    finishLazyLoad(parentId: string): void;
+    getIndentPx(level: number): string;
+    getLevelClass(level: number): string;
+    textoDigitado(event: Event): void;
+    filtrarColumnas: import("@angular/core").Signal<Record<string, boolean>>;
+    toggleFiltros(event: Event): void;
+    private filtraItem;
+    getHighlight(text: any, fieldname: string): string;
+    toggleSort(field: string): void;
+    allCheck(event: Event): void;
+    validaAllCheck(): boolean;
+    isItemSelected(id: string): boolean;
+    toogleItem(idList: string, event: Event): void;
+    resolveCell(col: string, row: any): CellRender | null;
+    getPosition(col: TableData): string;
+    validaVisibilidad(value: boolean): boolean;
+    visibilidadColumn: import("@angular/core").Signal<Record<string, boolean>>;
+    onDoubleClick(row: PivotFlatItem): void;
+    onCellClick(event: MouseEvent, row: PivotFlatItem, field: string): void;
+    isCellSelected(rowId: string, field: string): boolean;
+    onRightClick(event: MouseEvent, row: PivotFlatItem): void;
+    concatenarValue(obj: any, fields: string[]): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableUltimatePivotComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableUltimatePivotComponent, "app-table-ultimate-pivot", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "buffer": { "alias": "buffer"; "required": false; "isSignal": true; }; "altoContainer": { "alias": "altoContainer"; "required": false; "isSignal": true; }; "altoContenedor": { "alias": "altoContenedor"; "required": false; "isSignal": true; }; "minAlto": { "alias": "minAlto"; "required": false; "isSignal": true; }; "identifier": { "alias": "identifier"; "required": false; "isSignal": true; }; "withFiltro": { "alias": "withFiltro"; "required": false; "isSignal": true; }; "withCheckbox": { "alias": "withCheckbox"; "required": false; "isSignal": true; }; "withHeight": { "alias": "withHeight"; "required": false; "isSignal": true; }; "lazyLoad": { "alias": "lazyLoad"; "required": false; "isSignal": true; }; "indentSize": { "alias": "indentSize"; "required": false; "isSignal": true; }; "maxLevels": { "alias": "maxLevels"; "required": false; "isSignal": true; }; "customLevels": { "alias": "customLevels"; "required": false; "isSignal": true; }; "rendered": { "alias": "rendered"; "required": false; "isSignal": true; }; "rowClassFn": { "alias": "rowClassFn"; "required": false; "isSignal": true; }; "expandOn": { "alias": "expandOn"; "required": false; "isSignal": true; }; "variante": { "alias": "variante"; "required": false; "isSignal": true; }; "withCellSelect": { "alias": "withCellSelect"; "required": false; "isSignal": true; }; "selectedRow": { "alias": "selectedRow"; "required": false; "isSignal": true; }; "selectItems": { "alias": "selectItems"; "required": false; "isSignal": true; }; "selectedCell": { "alias": "selectedCell"; "required": false; "isSignal": true; }; }, { "rowEvent": "rowEvent"; "cellEvent": "cellEvent"; "expandEvent": "expandEvent"; "selectedRow": "selectedRowChange"; "selectItems": "selectItemsChange"; "selectedCell": "selectedCellChange"; }, ["customActions", "contentFilter", "levelTemplate", "columnDefs"], never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-components-tsi",
-  "version": "0.0.69",
+  "version": "0.0.70",
   "peerDependencies": {
     "shared-tsi": "^0.0.16",
     "core-tsi": "^0.0.16",

package/public-api.d.ts

@@ -36,6 +36,7 @@ export * from './lib/ui/tables/table-busqueda/table-busqueda.component';
 export * from './lib/ui/tables/table-detalle/table-detalle.component';
 export * from './lib/ui/tables/table-simple/table-simple.component';
 export * from './lib/ui/tables/table-ultimate/table-ultimate.component';
+export * from './lib/ui/tables/table-ultimate-pivot/table-ultimate-pivot.component';
 export * from './lib/ui/tables/table-agrupada/table-agrupada.component';
 export * from './lib/ui/tabs/nav-tabs/nav-tabs.component';
 export * from './lib/ui/tabs/tab-item/tab-item.component';