ng-components-tsi 0.0.77 → 0.0.78

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

@@ -13,7 +13,7 @@ export declare class MdGenericoComponent {
     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" | "9" | "8">;
+    sizeTitle: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9">;
     showFiltro: import("@angular/core").InputSignal<boolean>;
     withFiltro: import("@angular/core").ModelSignal<boolean>;
     dataFiltro: import("@angular/core").InputSignal<boolean>;

package/lib/models/table-data.model.d.ts

@@ -13,6 +13,8 @@ export declare class TableData {
     condition?: (row: any) => boolean;
     template?: any;
     totalizable?: boolean;
+    /** Fija la columna al hacer scroll horizontal (table-ultimate-pinned). true = 'right' */
+    pinned?: boolean | 'left' | 'right';
     promedioSimple?: boolean;
     promedioPonderado?: boolean;
     cantidadPonderado?: boolean;

package/lib/ui/forms/inputs/input/input.component.d.ts

@@ -7,12 +7,12 @@ export declare class InputComponent {
     iconButton: import("@angular/core").InputSignal<string>;
     classButton: import("@angular/core").InputSignal<string>;
     isRequired: import("@angular/core").InputSignal<boolean>;
-    type: import("@angular/core").InputSignal<"number" | "select" | "time" | "text" | "text-area" | "date" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
-    typeStandar: import("@angular/core").WritableSignal<"number" | "select" | "time" | "text" | "text-area" | "date" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
-    position: import("@angular/core").InputSignal<"start" | "end" | "center">;
+    type: import("@angular/core").InputSignal<"number" | "date" | "select" | "time" | "text" | "text-area" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
+    typeStandar: import("@angular/core").WritableSignal<"number" | "date" | "select" | "time" | "text" | "text-area" | "number-format-decimal" | "number-integer" | "day" | "input-switch">;
+    position: import("@angular/core").InputSignal<"start" | "center" | "end">;
     value: import("@angular/core").ModelSignal<any>;
     value2: import("@angular/core").ModelSignal<any>;
-    position_row: import("@angular/core").InputSignal<"start" | "end" | "center">;
+    position_row: import("@angular/core").InputSignal<"start" | "center" | "end">;
     withChangeInput: import("@angular/core").InputSignal<boolean>;
     disabled: import("@angular/core").ModelSignal<boolean>;
     isImportant: import("@angular/core").InputSignal<boolean>;

package/lib/ui/forms/inputs/input-radio/input-radio.component.d.ts

@@ -8,7 +8,7 @@ export declare class InputRadioComponent {
     position: import("@angular/core").InputSignal<"row" | "column">;
     onlyRow: import("@angular/core").InputSignal<boolean>;
     value: import("@angular/core").ModelSignal<any>;
-    position_row: import("@angular/core").InputSignal<"start" | "end" | "center">;
+    position_row: import("@angular/core").InputSignal<"start" | "center" | "end">;
     disabled: import("@angular/core").ModelSignal<boolean>;
     lista: import("@angular/core").InputSignal<any[]>;
     keyCodigo: import("@angular/core").InputSignal<string>;

package/lib/ui/forms/lists/list-option/list-option.component.d.ts

@@ -7,7 +7,7 @@ export declare class ListOptionComponent {
     name: import("@angular/core").InputSignal<string>;
     position: import("@angular/core").InputSignal<"row" | "column">;
     value: import("@angular/core").ModelSignal<any>;
-    position_row: import("@angular/core").InputSignal<"start" | "end" | "center">;
+    position_row: import("@angular/core").InputSignal<"start" | "center" | "end">;
     disabled: import("@angular/core").ModelSignal<boolean>;
     lista: import("@angular/core").InputSignal<any[]>;
     keyCodigo: import("@angular/core").InputSignal<string>;

package/lib/ui/tables/paginador/paginador.component.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 export declare class PaginadorComponent {
     total: import("@angular/core").InputSignal<number>;
     limit: import("@angular/core").InputSignal<number>;
-    position: import("@angular/core").InputSignal<"start" | "end" | "center">;
+    position: import("@angular/core").InputSignal<"start" | "center" | "end">;
     loaddata: import("@angular/core").InputSignal<(params: {
         offset: number;
         limit: number;

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<"modern" | "standard">;
+    variante: import("@angular/core").InputSignal<"standard" | "modern">;
     rendered: import("@angular/core").InputSignal<CellRendered[]>;
     dragOverRowId: import("@angular/core").WritableSignal<any>;
     titleTabla: import("@angular/core").InputSignal<string>;
@@ -68,7 +68,7 @@ export declare class TableUltimateComponent implements OnDestroy {
     scrollTop: import("@angular/core").WritableSignal<number>;
     containerHeight: import("@angular/core").WritableSignal<number>;
     sortField: import("@angular/core").WritableSignal<string>;
-    sortDir: import("@angular/core").WritableSignal<"none" | "desc" | "asc">;
+    sortDir: import("@angular/core").WritableSignal<"asc" | "desc" | "none">;
     expandedRows: import("@angular/core").WritableSignal<string>;
     classTotales: import("@angular/core").InputSignal<string>;
     /** Valor aplicado como [style.height] en el template */

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

@@ -0,0 +1,196 @@
+import { ElementRef, OnDestroy, TemplateRef } from '@angular/core';
+import { TsiColumnDefDirective } from '../../../directivas/tables/tsi-column-def.directive';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { SelectedRow } from '../../../models/selected-row';
+import { CellRender, CellRendered } from '../../../models/cell-rendered';
+import { TableData } from '../../../models/table-data.model';
+import * as i0 from "@angular/core";
+/**
+ * Tabla con virtual scroll nativo + COLUMNAS FIJADAS (pinned) en el scroll horizontal.
+ * Duplicada de table-ultimate; agrega soporte para `pinned` en la definición de columna.
+ *
+ * PINNED:
+ *  - `pinned: true`     → fija la columna a la DERECHA (default)
+ *  - `pinned: 'right'`  → fija la columna a la derecha
+ *  - `pinned: 'left'`   → fija la columna a la izquierda
+ *  - Las columnas fijadas se reordenan: left al inicio, right al final.
+ *  - Si la columna fijada no define `width`, se le asigna 120px (el offset necesita ancho fijo).
+ *  - Las columnas utilitarias (details/checkbox/actions) se fijan a la izquierda automáticamente
+ *    solo cuando existe al menos una columna con pinned 'left'.
+ *
+ * @Input columns       - Array de columnas con la misma forma que table-simple (+ pinned)
+ * @Input rows          - Array completo de datos
+ * @Input rowHeight     - Alto fijo de cada fila en px. Si es 0 (default) se resuelve por variante: 42 modern, 30 standard
+ * @Input buffer        - Filas extra renderizadas fuera del viewport (default: 10)
+ * @Input altoContainer - Alto fijo del contenedor en px (default: 400). Se ignora si se usa altoContenedor.
+ * @Input altoContenedor - Offset desde el top del viewport en px. Activa height: clamp(minAlto, calc(100vh - offset), 100vh).
+ * @Input minAlto       - Altura mínima en px cuando se usa altoContenedor (default: 200)
+ * @Input footerRows    - Filas del footer (totales, resumen, etc.)
+ * @Input identifier    - Campos que forman la clave para selectedRow
+ * @Input withFiltro    - Muestra input de búsqueda local
+ * @Input withDetails   - Muestra detalles expandibles por fila
+ * @Input withCheckbox  - Muestra checkbox para selección de filas
+ * @Input withTotal     - Muestra fila de totales en el footer
+ */
+/** Datos de fijado de una columna, resueltos para el template */
+export interface PinInfo {
+    side: 'left' | 'right';
+    /** offset acumulado para style.left (solo side left) */
+    left: number | null;
+    /** offset acumulado para style.right (solo side right) */
+    right: number | null;
+    /** true si es la celda del borde interno del grupo (donde va la sombra) */
+    edge: boolean;
+    /** ancho efectivo de la columna fijada */
+    width: number;
+}
+export declare class TableUltimatePinnedComponent implements OnDestroy {
+    scrollContainer: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    customActions: import("@angular/core").Signal<TemplateRef<any>>;
+    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<any[]>;
+    footerRows: import("@angular/core").InputSignal<any[]>;
+    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>;
+    withDetails: import("@angular/core").InputSignal<boolean>;
+    withCheckbox: import("@angular/core").InputSignal<boolean>;
+    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">;
+    rendered: import("@angular/core").InputSignal<CellRendered[]>;
+    dragOverRowId: import("@angular/core").WritableSignal<any>;
+    titleTabla: import("@angular/core").InputSignal<string>;
+    activeMobileMode: import("@angular/core").InputSignal<boolean>;
+    isLoadingResponsive: import("@angular/core").WritableSignal<boolean>;
+    isMobile: import("@angular/core").WritableSignal<boolean>;
+    contentFilter: import("@angular/core").Signal<TemplateRef<any>>;
+    rowEvent: import("@angular/core").OutputEmitterRef<any>;
+    selectedRow: import("@angular/core").ModelSignal<any>;
+    rowClassFn: import("@angular/core").InputSignal<(row: any) => string | string[] | Record<string, boolean>>;
+    rowDisabledFn: import("@angular/core").InputSignal<(row: any) => boolean>;
+    selectItems: import("@angular/core").ModelSignal<SelectedRow<any>[]>;
+    rowFormat: import("@angular/core").Signal<any[]>;
+    busqueda: import("@angular/core").ModelSignal<string>;
+    scrollTop: import("@angular/core").WritableSignal<number>;
+    containerHeight: import("@angular/core").WritableSignal<number>;
+    sortField: import("@angular/core").WritableSignal<string>;
+    sortDir: import("@angular/core").WritableSignal<"asc" | "desc" | "none">;
+    expandedRows: import("@angular/core").WritableSignal<string>;
+    classTotales: import("@angular/core").InputSignal<string>;
+    /** Valor aplicado como [style.height] en el template */
+    heightStyle: import("@angular/core").Signal<string>;
+    rowFilter: import("@angular/core").Signal<any[]>;
+    rowH: 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<any[]>;
+    /** Espacio en blanco antes de las filas renderizadas */
+    paddingTop: import("@angular/core").Signal<number>;
+    /** Espacio en blanco después de las filas renderizadas */
+    paddingBottom: import("@angular/core").Signal<number>;
+    private scrollEffect;
+    private resizeObserver?;
+    private resizeEffect;
+    ngOnDestroy(): void;
+    onScroll(event: Event): void;
+    selectRow(row: any, idList: string): void;
+    isSelected(row: any, idList: string): boolean;
+    textoDigitado(): void;
+    toggleSort(field: string): void;
+    /** Ancho por defecto de una columna fijada que no define width (el offset necesita ancho fijo) */
+    private readonly PINNED_DEFAULT_WIDTH;
+    /** Anchos fijos de las columnas utilitarias cuando participan del pinning izquierdo */
+    readonly UTIL_W: {
+        details: number;
+        checkbox: number;
+        actions: number;
+    };
+    /** Posición horizontal del scroll (para las sombras de las columnas fijadas) */
+    scrollLeft: import("@angular/core").WritableSignal<number>;
+    maxScrollLeft: import("@angular/core").WritableSignal<number>;
+    private syncScrollX;
+    /** Lado al que se fija una columna. `pinned: true` = derecha (default) */
+    pinnedSide(col: TableData): 'left' | 'right' | null;
+    private pinnedWidth;
+    hasLeftPinned: import("@angular/core").Signal<boolean>;
+    hasRightPinned: import("@angular/core").Signal<boolean>;
+    /** Ancho total de las columnas utilitarias fijadas (base del offset de las pinned left) */
+    utilCheckboxLeft: import("@angular/core").Signal<number>;
+    utilActionsLeft: import("@angular/core").Signal<number>;
+    private utilTotalWidth;
+    /** Mapa fieldname → PinInfo con los offsets acumulados de cada columna fijada */
+    pinInfo: import("@angular/core").Signal<Map<string, PinInfo>>;
+    /** PinInfo de una columna, o undefined si no está fijada */
+    pin(col: TableData): PinInfo | undefined;
+    /** Ancho a forzar en la celda: el declarado, o el default si está fijada */
+    colWidth(col: TableData): number | null;
+    /** Sombra izquierda: hay columnas fijadas left y se scrolleó */
+    hasShadowLeft: import("@angular/core").Signal<boolean>;
+    /** Sombra derecha: hay columnas fijadas right y queda contenido oculto a la derecha */
+    hasShadowRight: import("@angular/core").Signal<boolean>;
+    concatenarValue(obj: any, fields: string[]): string;
+    getHighlight(text: any, fieldname: string): string;
+    private filtraItem;
+    private scrollToSelected;
+    /** Índice real en rowFilter de una fila visible (para isSelected) */
+    realIndex(visibleIdx: number): number;
+    /** Mostrar columnas para realizar el filtro */
+    filtrarColumnas: import("@angular/core").Signal<{
+        [caption: string]: boolean;
+    }>;
+    toggleFiltros(event: Event): void;
+    /** MOSTRAR/ORDENAR COLUMNAS DE LA TABLA (engranaje del header) */
+    /** orden y visibilidad elegidos por el usuario, por fieldname — sembrado siempre desde columns() */
+    private columnState;
+    /** Reconstruye el estado cada vez que cambia columns() (columns() es la única fuente de verdad) */
+    private columnStateEffect;
+    private buildColumnState;
+    /** Columnas configurables (permitidas por diseño), en el orden elegido por el usuario.
+     *  El caption es solo presentación: sin caption la columna igual se configura y renderiza (identidad = fieldname). */
+    columnasConfigurables: import("@angular/core").Signal<any[]>;
+    /** Columnas que realmente se pintan: configurables y marcadas como visibles.
+     *  Las fijadas se reordenan: left al inicio, right al final (una pinned en medio no tiene sentido visual). */
+    columnasRenderizadas: import("@angular/core").Signal<any[]>;
+    isColumnVisible(fieldname: string): boolean;
+    toggleColumnVisible(fieldname: string, event: Event): void;
+    onColumnDrop(event: CdkDragDrop<TableData[]>): void;
+    guardarConfiguracionColumnas(): void;
+    /** Descarta los cambios sin guardar (drags/toggles) y vuelve al orden/visibilidad de columns() */
+    restablecerConfiguracionColumnas(): void;
+    validaVisibilidad(value: boolean): boolean;
+    /** CELL RENDER */
+    resolveCell(col: string, row: any): CellRender | null;
+    getRowClass(row: any): {
+        [key: string]: boolean;
+    };
+    getPosition(col: TableData): string;
+    toggleExpandRow(idRow: string): void;
+    getTotals(fieldname: string): string;
+    getColspanBeforeTotals(): number;
+    allCheck(event: Event): void;
+    isCheckboxDisabled(row: any): boolean;
+    checkAll(checked: boolean): void;
+    validaAllCheck(): boolean;
+    isItemSelected(id: string): boolean;
+    toogleItem(idList: string, event: Event): void;
+    onDoubleClick(row: any): void;
+    onRightClick(event: MouseEvent, row: any): void;
+    onResize(event: any): void;
+    private mobileEffect;
+    onDragOver(event: DragEvent, idList: any): void;
+    onDragLeave(): void;
+    onDrop(event: DragEvent, row: any): void;
+    getRows: () => any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableUltimatePinnedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableUltimatePinnedComponent, "app-table-ultimate-pinned", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "footerRows": { "alias": "footerRows"; "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; }; "withDetails": { "alias": "withDetails"; "required": false; "isSignal": true; }; "withCheckbox": { "alias": "withCheckbox"; "required": false; "isSignal": true; }; "withTotal": { "alias": "withTotal"; "required": false; "isSignal": true; }; "withHeight": { "alias": "withHeight"; "required": false; "isSignal": true; }; "withAttachment": { "alias": "withAttachment"; "required": false; "isSignal": true; }; "variante": { "alias": "variante"; "required": false; "isSignal": true; }; "rendered": { "alias": "rendered"; "required": false; "isSignal": true; }; "titleTabla": { "alias": "titleTabla"; "required": false; "isSignal": true; }; "activeMobileMode": { "alias": "activeMobileMode"; "required": false; "isSignal": true; }; "selectedRow": { "alias": "selectedRow"; "required": false; "isSignal": true; }; "rowClassFn": { "alias": "rowClassFn"; "required": false; "isSignal": true; }; "rowDisabledFn": { "alias": "rowDisabledFn"; "required": false; "isSignal": true; }; "selectItems": { "alias": "selectItems"; "required": false; "isSignal": true; }; "busqueda": { "alias": "busqueda"; "required": false; "isSignal": true; }; "classTotales": { "alias": "classTotales"; "required": false; "isSignal": true; }; }, { "rowEvent": "rowEvent"; "selectedRow": "selectedRowChange"; "selectItems": "selectItemsChange"; "busqueda": "busquedaChange"; }, ["customActions", "columnDefs", "contentFilter"], never, true, never>;
+}

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

@@ -88,7 +88,7 @@ export declare class TableUltimatePivotComponent implements OnDestroy {
     /** 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">;
+    variante: import("@angular/core").InputSignal<"modern" | "estandar">;
     withCellSelect: import("@angular/core").InputSignal<boolean>;
     rowEvent: import("@angular/core").OutputEmitterRef<{
         usecase: TABLE_EVENTS;
@@ -119,7 +119,7 @@ export declare class TableUltimatePivotComponent implements OnDestroy {
     expandedIds: import("@angular/core").WritableSignal<Set<string>>;
     loadingIds: import("@angular/core").ModelSignal<Set<string>>;
     sortField: import("@angular/core").WritableSignal<string>;
-    sortDir: import("@angular/core").WritableSignal<"none" | "desc" | "asc">;
+    sortDir: import("@angular/core").WritableSignal<"asc" | "desc" | "none">;
     heightStyle: import("@angular/core").Signal<string>;
     processedTree: import("@angular/core").Signal<any[]>;
     private processLevel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-components-tsi",
-  "version": "0.0.77",
+  "version": "0.0.78",
   "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-pinned/table-ultimate-pinned.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';