@c80/ui 1.0.58 → 1.0.63

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
      */
@@ -203,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
      */
@@ -249,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

@@ -34,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

@@ -33,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.58",
+  "version": "1.0.63",
   "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"]}