ng-components-tsi 0.0.68 → 0.0.69

package/lib/enums/table-events.d.ts

@@ -4,5 +4,6 @@ export declare enum TABLE_EVENTS {
     RIGHT_CLICK = 3,
     CHECK_ALL = 4,
     CHECK_ROW = 5,
-    DRAG_DROP = 6
+    DRAG_DROP = 6,
+    SAVE_COLUMN_CONFIG = 7
 }

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" | "7" | "4" | "5" | "6" | "APROB">;
+    type: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "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" | "7" | "4" | "5" | "6" | "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/ui/forms/inputs/autocomplete-cdk/autocomplete.component.d.ts

@@ -24,6 +24,7 @@ export declare class AutocompleteV2Component {
     customBoxShadow: import("@angular/core").InputSignal<string>;
     customTransition: import("@angular/core").InputSignal<string>;
     lista: import("@angular/core").InputSignal<any[]>;
+    filterQuery: import("@angular/core").WritableSignal<string>;
     filteredItems: import("@angular/core").Signal<any[]>;
     type: import("@angular/core").InputSignal<"simple" | "doble">;
     computedType: import("@angular/core").Signal<boolean>;
@@ -31,12 +32,17 @@ export declare class AutocompleteV2Component {
     searchText: import("@angular/core").ModelSignal<string>;
     listaMap: import("@angular/core").Signal<Record<any, any>>;
     withCheckTodos: import("@angular/core").InputSignal<boolean>;
+    listboxId: import("@angular/core").Signal<string>;
+    selectedIndex: import("@angular/core").Signal<number>;
     allDisabled: import("@angular/core").ModelSignal<boolean>;
     altoContainer: import("@angular/core").InputSignal<number>;
     private resizeObserver?;
     constructor();
     filterList(text: string): any[];
     selectItem(item: any): void;
+    openDropdown(): void;
+    onBlur(): void;
+    onSearchInput(): void;
     blurKey(): void;
     get descriSelected(): any;
     toKeyValue<T extends Record<string, any>, K extends keyof T, V extends keyof T>(arr: T[], keyField: K, valueField: V): Record<T[K] & (string | number), T[V]>;

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,5 +1,6 @@
 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';
@@ -10,7 +11,7 @@ import * as i0 from "@angular/core";
  *
  * @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 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).
@@ -22,6 +23,12 @@ import * as i0 from "@angular/core";
  * @Input withCheckbox  - Muestra checkbox para selección de filas
  * @Input withTotal     - Muestra fila de totales en el footer
  */
+/** Configuración de orden/visibilidad de una columna, tal como se emite y se puede recibir de vuelta */
+export interface ColumnConfigItem {
+    fieldname: string;
+    visible: boolean;
+    order: number;
+}
 export declare class TableUltimateComponent implements OnDestroy {
     scrollContainer: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     customActions: import("@angular/core").Signal<TemplateRef<any>>;
@@ -43,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>;
@@ -61,11 +68,12 @@ 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>;
     /** 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>;
@@ -94,10 +102,22 @@ export declare class TableUltimateComponent implements OnDestroy {
         [caption: string]: boolean;
     }>;
     toggleFiltros(event: Event): void;
-    /** MOSTRAR COLUMNAS DE LA TABLA */
-    visibilidadColumn: import("@angular/core").Signal<{
-        [key: string]: boolean;
-    }>;
+    /** 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 (con caption y permitidas por diseño), en el orden elegido por el usuario */
+    columnasConfigurables: import("@angular/core").Signal<any[]>;
+    /** Columnas que realmente se pintan: configurables y marcadas como visibles */
+    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;
@@ -121,6 +141,7 @@ export declare class TableUltimateComponent implements OnDestroy {
     onDragOver(event: DragEvent, idList: any): void;
     onDragLeave(): void;
     onDrop(event: DragEvent, row: any): void;
+    getRows: () => any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<TableUltimateComponent, 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; }; "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; }; }, { "rowEvent": "rowEvent"; "selectedRow": "selectedRowChange"; "selectItems": "selectItemsChange"; }, ["customActions", "columnDefs", "contentFilter"], never, true, never>;
 }

package/package.json

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