@c80/ui 1.0.57 → 1.0.62

package/lib/table/table-pagination.service.d.ts

@@ -0,0 +1,41 @@
+import { type Signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface TablePaginationState {
+    currentPage: Signal<number>;
+    pageSize: Signal<number>;
+    totalItems: Signal<number>;
+    totalPages: Signal<number>;
+    hasNextPage: Signal<boolean>;
+    hasPrevPage: Signal<boolean>;
+    offset: Signal<number>;
+    setPage: (page: number) => void;
+    setPageSize: (size: number) => void;
+    setTotalItems: (total: number) => void;
+    nextPage: () => void;
+    prevPage: () => void;
+    reset: () => void;
+}
+/**
+ * Servicio para gestionar el estado de paginación en tablas C80
+ *
+ * Maneja:
+ * - Estado de paginación (página actual, tamaño, total)
+ * - Cálculo automático de offset para API (limit/offset)
+ * - Navegación (siguiente, anterior)
+ * - Validaciones de límites
+ */
+export declare class TablePaginationService {
+    /**
+     * Inicializa el estado de paginación para una nueva tabla
+     * @param initialPageSize - Tamaño de página inicial (default: 10)
+     * @returns Objeto con signals y métodos de paginación
+     */
+    createPaginationState(initialPageSize?: number): TablePaginationState;
+    private setPage;
+    private setPageSize;
+    private nextPage;
+    private prevPage;
+    private reset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TablePaginationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TablePaginationService>;
+}

package/lib/table/table-selection.service.d.ts

@@ -1,5 +1,16 @@
-import { type OutputEmitterRef } from '@angular/core';
+import { type OutputEmitterRef, type Signal } from '@angular/core';
 import * as i0 from "@angular/core";
+interface SelectionState<T extends Record<string, unknown>> {
+    selectedItems: Signal<Set<string>>;
+    selectAllChecked: Signal<boolean>;
+    selectAllIndeterminate: Signal<boolean>;
+    clearSelection: () => void;
+    toggleSelectAll: (allItems: T[]) => void;
+    toggleItemSelection: (item: T, multiple: boolean) => void;
+    isItemSelected: (item: T) => boolean;
+    preserveSelection: (newData: T[]) => void;
+    getSelectedItems: (allData: T[]) => T[];
+}
 /**
  * Servicio para gestionar la selección de elementos en tablas C80
  *
@@ -14,17 +25,7 @@ export declare class TableSelectionService {
      * Inicializa el estado de selección para una nueva tabla
      * @returns Objeto con signals y métodos de selección
      */
-    createSelectionState<T extends Record<string, unknown>>(): {
-        selectedItems: import("@angular/core").Signal<Set<string>>;
-        selectAllChecked: import("@angular/core").Signal<boolean>;
-        selectAllIndeterminate: import("@angular/core").Signal<boolean>;
-        clearSelection: () => void;
-        toggleSelectAll: (allItems: T[]) => void;
-        toggleItemSelection: (item: T, multiple: boolean) => void;
-        isItemSelected: (item: T) => boolean;
-        preserveSelection: (newData: T[]) => void;
-        getSelectedItems: (allData: T[]) => T[];
-    };
+    createSelectionState<T extends Record<string, unknown>>(): SelectionState<T>;
     private clearSelection;
     private toggleSelectAll;
     private toggleItemSelection;
@@ -44,3 +45,4 @@ export declare class TableSelectionService {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableSelectionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableSelectionService>;
 }
+export {};

package/lib/table/table.component.d.ts

@@ -1,6 +1,6 @@
 import { type OnInit, type OnDestroy } from '@angular/core';
 import type { Observable } from 'rxjs';
-import type { TableColDef, CustomTableAction } from './table.types';
+import type { TableColDef, CustomTableAction, PaginationChangeEvent, PaginationConfig } from './table.types';
 import { getActionTooltip } from './table.utils';
 import * as i0 from "@angular/core";
 /**
@@ -132,6 +132,7 @@ import * as i0 from "@angular/core";
     private readonly dataConverter;
     private readonly selectionService;
     private readonly crudService;
+    private readonly paginationService;
     readonly data$: import("@angular/core").InputSignal<Observable<T[]>>;
     readonly columns: import("@angular/core").InputSignal<TableColDef[]>;
     readonly inputValues$: import("@angular/core").InputSignal<Observable<Partial<T>> | undefined>;
@@ -141,6 +142,8 @@ import * as i0 from "@angular/core";
     readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     readonly allowSelection: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
     readonly noConfirm: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly paginationConfig: import("@angular/core").InputSignal<PaginationConfig>;
     readonly actionClick: import("@angular/core").OutputEmitterRef<{
         action: string;
         row: T;
@@ -148,6 +151,7 @@ import * as i0 from "@angular/core";
     readonly searchTerm: import("@angular/core").OutputEmitterRef<string>;
     readonly errorEvent: import("@angular/core").OutputEmitterRef<string>;
     readonly selectable: import("@angular/core").OutputEmitterRef<T[]>;
+    readonly paginationChange: import("@angular/core").OutputEmitterRef<PaginationChangeEvent>;
     readonly data: import("@angular/core").WritableSignal<T[]>;
     readonly searchValue: import("@angular/core").WritableSignal<string>;
     private readonly selectionState;
@@ -159,15 +163,23 @@ import * as i0 from "@angular/core";
     readonly newRow: import("@angular/core").Signal<Partial<T> | null>;
     readonly editing: import("@angular/core").Signal<string | null>;
     readonly editRow: import("@angular/core").Signal<Partial<T> | null>;
+    private readonly paginationState;
+    readonly currentPage: import("@angular/core").Signal<number>;
+    readonly pageSize: import("@angular/core").Signal<number>;
+    readonly totalPages: import("@angular/core").Signal<number>;
+    readonly hasNextPage: import("@angular/core").Signal<boolean>;
+    readonly hasPrevPage: import("@angular/core").Signal<boolean>;
     readonly keys: import("@angular/core").Signal<string[]>;
     readonly hasAnyActions: import("@angular/core").Signal<boolean>;
     readonly hasCrudCreate: import("@angular/core").Signal<boolean>;
     readonly hasCrudUpdate: import("@angular/core").Signal<boolean>;
     readonly hasCrudDelete: import("@angular/core").Signal<boolean>;
     readonly hasCrudCancel: import("@angular/core").Signal<boolean>;
+    readonly shouldShowCreateButton: import("@angular/core").Signal<boolean>;
     readonly tableMaxHeight: import("@angular/core").Signal<string | undefined>;
     private dataSub?;
     private inputValuesSub?;
+    constructor();
     /**
      * Maneja input de creación/edición de forma unificada
      */
@@ -189,6 +201,9 @@ import * as i0 from "@angular/core";
     cancelEdit(): void;
     saveEdit(row: T): void;
     /**
+     * Filtra los campos readOnly de los cambios para evitar enviarlos en las actualizaciones
+     */
+    private filterReadOnlyFields; /**
      * Convierte todos los valores de una fila según los tipos definidos en las columnas
      * Asegura que los datos emitidos tengan el tipo correcto (integer, number, boolean, etc.)
      */
@@ -200,7 +215,7 @@ import * as i0 from "@angular/core";
     /**
      * Verifica si una acción personalizada debe mostrarse para una fila específica
      */
-    readonly shouldShowAction: (action: CustomTableAction, row: T) => boolean;
+    readonly shouldShowAction: (action: CustomTableAction, row: T, data?: T[] | undefined) => boolean;
     /**
      * Obtiene el tooltip de una acción
      */
@@ -246,11 +261,20 @@ import * as i0 from "@angular/core";
     isColumnVisible(column: TableColDef): boolean;
     isColumnVisibleInHeader(column: TableColDef): boolean;
     isColumnVisibleForRow(column: TableColDef, row: T): boolean;
+    onPageChange(page: number): void;
+    onNextPage(): void;
+    onPrevPage(): void;
+    private emitPaginationChange;
+    /**
+     * Actualiza el total de items para calcular páginas
+     * Debe ser llamado por el componente padre después de recibir datos
+     */
+    updateTotalItems(total: number): void;
     /**
      * Obtiene el color de una acción considerando el tema actual.
      * Si la acción tiene color explícito, lo usa. Si no, aplica color por tema.
      */
     getActionColor(action: CustomTableAction): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "inputValues$": { "alias": "inputValues$"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "allowSelection": { "alias": "allowSelection"; "required": false; "isSignal": true; }; "noConfirm": { "alias": "noConfirm"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "inputValues$": { "alias": "inputValues$"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "allowSelection": { "alias": "allowSelection"; "required": false; "isSignal": true; }; "noConfirm": { "alias": "noConfirm"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; "paginationChange": "paginationChange"; }, never, never, true, never>;
 }

package/lib/table/table.types.d.ts

@@ -15,6 +15,7 @@ export interface TableColDef {
     default?: unknown;
     min?: number;
     max?: number;
+    truncate?: number;
 }
 /**
  * Configuración de confirmación para acciones de tabla
@@ -33,7 +34,22 @@ export interface CustomTableAction {
     name: string;
     icon: IconType;
     color?: string;
-    condition?: <T extends Record<string, unknown>>(row: T) => boolean;
+    condition?: <T extends Record<string, unknown>>(row: T, data?: T[]) => boolean;
     tooltip?: string;
     confirmation?: ActionConfirmation;
 }
+/**
+ * Evento emitido cuando cambia la paginación
+ */
+export interface PaginationChangeEvent {
+    page: number;
+    limit: number;
+    offset: number;
+}
+/**
+ * Configuración de paginación para la tabla
+ */
+export interface PaginationConfig {
+    pageSize?: number;
+    totalItems?: number;
+}

package/lib/table/table.utils.d.ts

@@ -2,6 +2,8 @@ import type { TableColDef, CustomTableAction } from './table.types';
 /**
  * Transform function para convertir valores string/boolean a boolean
  * Usado en @Input() con transform para habilitar sintaxis de atributos booleanos
+ * @param value
+ * @returns Valor convertido a boolean
  * @example [searchable]="true" o simplemente searchable
  */
 export declare function booleanAttribute(value: boolean | string): boolean;
@@ -31,9 +33,10 @@ export declare function trackById<T extends Record<string, unknown>>(index: numb
  * CREATE se excluye porque se maneja con el botón "+" en el header
  * @param action - Acción a verificar
  * @param row - Fila de datos
+ * @param data - Todos los datos de la tabla (opcional)
  * @returns true si la acción debe mostrarse
  */
-export declare function shouldShowAction<T extends Record<string, unknown>>(action: CustomTableAction, row: T): boolean;
+export declare function shouldShowAction<T extends Record<string, unknown>>(action: CustomTableAction, row: T, data?: T[]): boolean;
 /**
  * Obtiene el tooltip de una acción (usa tooltip personalizado o name por defecto)
  * @param action - Acción

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c80/ui",
-  "version": "1.0.57",
+  "version": "1.0.62",
   "peerDependencies": {
     "@angular/core": "^20.3.9",
     "rxjs": "~7.8.0",

package/esm2022/lib/select/select.model.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=select.model.js.map

package/esm2022/lib/select/select.model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.model.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/select/select.model.ts"],"names":[],"mappings":"","sourcesContent":["export interface SelectOption<T = string> {\n  value: T;\n  label: string;\n  disabled?: boolean;\n}\n"]}

package/esm2022/lib/snackbar/snackbar.model.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=snackbar.model.js.map

package/esm2022/lib/tab/c80-tab.model.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=c80-tab.model.js.map

package/esm2022/lib/tab/c80-tab.model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"c80-tab.model.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/tab/c80-tab.model.ts"],"names":[],"mappings":"","sourcesContent":["export interface C80Tab {\n  readonly label: string;\n  readonly icon?: string;\n}\n"]}