ng-components-tsi 0.0.49 → 0.0.50

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

@@ -7,12 +7,12 @@ 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" | "7" | "3" | "4" | "5" | "6" | "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>>;
     showAlerta: import("@angular/core").InputSignal<boolean>;
     textAlerta: import("@angular/core").InputSignal<string>;
-    sizeTitle: import("@angular/core").InputSignal<"1" | "2" | "7" | "3" | "4" | "5" | "6" | "9" | "8">;
+    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/models/button-color.model.d.ts

@@ -1,3 +1,3 @@
 export type ColorType = 'azul' | 'rojo' | 'rojo_alerta' | 'verde' | 'negro' | 'amarillo' | 'gris' | 'plomo' | 'none' | undefined;
 export type OutlineType = 'azul' | 'rojo' | 'verde' | 'negro' | 'amarillo' | 'gris' | 'plomo' | undefined;
-export type IconType = 'agregar' | 'buscar' | 'guardar' | 'nocancelar' | 'cancelar' | 'cancelar2' | 'marcar' | 'atras' | 'adelante' | 'eliminar' | 'imprimir' | 'subir' | 'ver' | 'bajar' | 'comentario' | 'editar' | 'calcular' | 'aprobar' | 'desaprobar' | 'check' | 'excel' | 'pdf' | 'refresh' | 'cerrar' | 'visar' | 'anular' | 'trazabilidad' | 'bloquear' | 'desbloquear' | 'correo' | 'usuario' | 'enviarSunat' | 'descargar' | 'borrar' | 'lista' | 'monedas' | 'caja' | 'cerrar_caja' | 'abrir_caja' | 'liquidar' | 'configuracion' | 'contrato' | undefined;
+export type IconType = 'agregar' | 'buscar' | 'guardar' | 'nocancelar' | 'cancelar' | 'cancelar2' | 'marcar' | 'atras' | 'adelante' | 'eliminar' | 'imprimir' | 'subir' | 'ver' | 'bajar' | 'comentario' | 'editar' | 'calcular' | 'aprobar' | 'desaprobar' | 'check' | 'excel' | 'pdf' | 'refresh' | 'cerrar' | 'visar' | 'anular' | 'trazabilidad' | 'bloquear' | 'desbloquear' | 'correo' | 'usuario' | 'enviarSunat' | 'descargar' | 'borrar' | 'lista' | 'monedas' | 'caja' | 'cerrar_caja' | 'abrir_caja' | 'liquidar' | 'configuracion' | 'contrato' | 'sunat' | undefined;

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

@@ -1,87 +1,115 @@
-import { ElementRef, QueryList, TemplateRef } from '@angular/core';
+import { ElementRef, OnDestroy, TemplateRef } from '@angular/core';
+import { SelectedRow } from '../../../models/selected-row';
 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 declare class TableUltimateComponent {
-    tableHeaders: import("@angular/core").Signal<QueryList<ElementRef<any>>>;
+/**
+ * Tabla con virtual scroll nativo (sin librerías externas).
+ * Solo renderiza las filas visibles + un buffer. Header y footer son sticky.
+ *
+ * @Input columns       - Array de columnas con la misma forma que table-simple
+ * @Input rows          - Array completo de datos
+ * @Input rowHeight     - Alto fijo de cada fila en px (default: 30)
+ * @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
+ */
+export declare class TableUltimateComponent implements OnDestroy {
+    scrollContainer: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     customActions: import("@angular/core").Signal<TemplateRef<any>>;
-    anchor: import("@angular/core").Signal<ElementRef<HTMLTableRowElement>>;
-    private readonly formateador;
-    private decimalPipe;
-    titleTabla: import("@angular/core").InputSignal<string>;
+    private formateador;
     rows: import("@angular/core").InputSignal<any[]>;
     columns: import("@angular/core").InputSignal<any[]>;
-    withDetails: import("@angular/core").InputSignal<boolean>;
-    withFiltro: import("@angular/core").InputSignal<boolean>;
+    footerRows: import("@angular/core").InputSignal<any[]>;
+    rowHeight: import("@angular/core").InputSignal<number>;
+    buffer: import("@angular/core").InputSignal<number>;
     altoContainer: import("@angular/core").InputSignal<number>;
-    colorHeader: import("@angular/core").InputSignal<"normal" | "light">;
-    busqueda: import("@angular/core").WritableSignal<string>;
-    selectedRow: import("@angular/core").ModelSignal<any>;
+    altoContenedor: import("@angular/core").InputSignal<number>;
+    minAlto: import("@angular/core").InputSignal<number>;
     identifier: import("@angular/core").InputSignal<string[]>;
-    altoContenedor: import("@angular/core").WritableSignal<number>;
-    withHeight: import("@angular/core").InputSignal<boolean>;
-    rendered: import("@angular/core").InputSignal<CellRendered[]>;
-    withTotal: import("@angular/core").InputSignal<boolean>;
+    withFiltro: import("@angular/core").InputSignal<boolean>;
+    withDetails: import("@angular/core").InputSignal<boolean>;
     withCheckbox: import("@angular/core").InputSignal<boolean>;
-    selectItems: import("@angular/core").ModelSignal<SelectedRow<any>[]>;
-    isDarkMode: import("@angular/core").InputSignal<boolean>;
-    sortColumn: string | null;
-    sortDirection: 'asc' | 'desc';
-    expandedRows: number;
+    withTotal: import("@angular/core").InputSignal<boolean>;
+    rendered: import("@angular/core").InputSignal<CellRendered[]>;
+    titleTabla: import("@angular/core").InputSignal<string>;
     activeMobileMode: import("@angular/core").InputSignal<boolean>;
-    dataVirtual: import("@angular/core").WritableSignal<any[]>;
-    isLoading: import("@angular/core").WritableSignal<boolean>;
     isLoadingResponsive: import("@angular/core").WritableSignal<boolean>;
-    private loadedCount;
-    private observer;
-    maxItems: import("@angular/core").InputSignal<number>;
-    batchSize: import("@angular/core").InputSignal<number>;
+    isMobile: import("@angular/core").WritableSignal<boolean>;
+    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>;
-    rowEvent: import("@angular/core").OutputEmitterRef<any>;
+    selectItems: import("@angular/core").ModelSignal<SelectedRow<any>[]>;
     rowFormat: import("@angular/core").Signal<any[]>;
-    selectAllOnLoad: import("@angular/core").InputSignal<boolean>;
-    rowFilter: import("@angular/core").WritableSignal<any[]>;
-    filtrarColumnas: import("@angular/core").WritableSignal<{
+    busqueda: import("@angular/core").WritableSignal<string>;
+    scrollTop: import("@angular/core").WritableSignal<number>;
+    containerHeight: import("@angular/core").WritableSignal<number>;
+    sortField: import("@angular/core").WritableSignal<string>;
+    sortDir: import("@angular/core").WritableSignal<"none" | "asc" | "desc">;
+    expandedRows: import("@angular/core").WritableSignal<string>;
+    /** Valor aplicado como [style.height] en el template */
+    heightStyle: import("@angular/core").Signal<string>;
+    rowFilter: import("@angular/core").Signal<any[]>;
+    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(event: Event): void;
+    toggleSort(field: string): void;
+    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;
-    visibilidadColumn: import("@angular/core").WritableSignal<{
+    /** MOSTRAR COLUMNAS DE LA TABLA */
+    visibilidadColumn: import("@angular/core").Signal<{
         [key: string]: boolean;
     }>;
-    concatenarValue(obj: any, value: string[]): string;
-    isMobile: import("@angular/core").WritableSignal<boolean>;
-    private initialized;
-    constructor();
-    onResize(event: any): void;
-    resetSroll(): void;
-    actionsAnchor(): void;
-    selectRow(index: any): void;
-    sortTable(column: string): void;
-    toggleExpandRow(index: number): void;
-    textoDigitado(event: Event): void;
-    getHighlight(text: any, fieldname: string): string;
-    getSituacionNumberFromColumns(row: any, columns: any[]): number;
-    private filtraItem;
     validaVisibilidad(value: boolean): boolean;
-    isCheckboxDisabled(row: any): boolean;
-    allCheck(event: Event): void;
-    checkAll(checked: boolean): void;
-    validaAllCheck(): boolean;
-    isItemSelected(id: string): boolean;
-    toogleItem(idList: string, event: Event): void;
+    /** CELL RENDER */
     resolveCell(col: string, row: any): CellRender | null;
-    getTotals(fieldname: string): string;
-    getColspanBeforeTotals(): number;
     getRowClass(row: any): {
         [key: string]: boolean;
     };
     getPosition(col: TableData): string;
-    private loadMore;
-    onClick(row: any): void;
+    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;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableUltimateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableUltimateComponent, "app-table-ultimate", never, { "titleTabla": { "alias": "titleTabla"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "withDetails": { "alias": "withDetails"; "required": false; "isSignal": true; }; "withFiltro": { "alias": "withFiltro"; "required": false; "isSignal": true; }; "altoContainer": { "alias": "altoContainer"; "required": false; "isSignal": true; }; "colorHeader": { "alias": "colorHeader"; "required": false; "isSignal": true; }; "selectedRow": { "alias": "selectedRow"; "required": false; "isSignal": true; }; "identifier": { "alias": "identifier"; "required": false; "isSignal": true; }; "withHeight": { "alias": "withHeight"; "required": false; "isSignal": true; }; "rendered": { "alias": "rendered"; "required": false; "isSignal": true; }; "withTotal": { "alias": "withTotal"; "required": false; "isSignal": true; }; "withCheckbox": { "alias": "withCheckbox"; "required": false; "isSignal": true; }; "selectItems": { "alias": "selectItems"; "required": false; "isSignal": true; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; "isSignal": true; }; "activeMobileMode": { "alias": "activeMobileMode"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "batchSize": { "alias": "batchSize"; "required": false; "isSignal": true; }; "rowClassFn": { "alias": "rowClassFn"; "required": false; "isSignal": true; }; "rowDisabledFn": { "alias": "rowDisabledFn"; "required": false; "isSignal": true; }; "selectAllOnLoad": { "alias": "selectAllOnLoad"; "required": false; "isSignal": true; }; }, { "selectedRow": "selectedRowChange"; "selectItems": "selectItemsChange"; "rowEvent": "rowEvent"; }, ["customActions"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableUltimateComponent, "app-table-ultimate", 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; }; "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; }; }, { "rowEvent": "rowEvent"; "selectedRow": "selectedRowChange"; "selectItems": "selectItemsChange"; }, ["customActions"], never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-components-tsi",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "peerDependencies": {
     "shared-tsi": "^0.0.13",
     "core-tsi": "^0.0.13",