@c80/ui 1.0.63 → 1.1.2

package/lib/icon/theme.service.d.ts

@@ -1,8 +1,42 @@
+import { InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
+/** Clave de almacenamiento donde se persiste la preferencia de tema. */
+export declare const THEME_STORAGE_KEY = "theme";
+/**
+ * Contrato mínimo de almacenamiento que necesita ThemeService.
+ * Permite a las apps consumidoras inyectar su propio backend
+ * (por ejemplo, un StorageService propio) sin acoplar la librería a localStorage.
+ */
+export interface ThemeStorage {
+    /**
+     *
+     * @param key
+     * @returns Valor almacenado o null si no existe
+     */
+    get(key: string): string | null;
+    /**
+     *
+     * @param key
+     * @param value
+     */
+    set(key: string, value: string): void;
+    /**
+     *
+     * @param key
+     * @returns true si hay un valor almacenado para la clave
+     */
+    has(key: string): boolean;
+}
+/**
+ * Token del almacenamiento usado por ThemeService.
+ * El default reproduce el comportamiento histórico respaldado por localStorage.
+ */
+export declare const THEME_STORAGE: InjectionToken<ThemeStorage>;
 /**
  *
  */
 export declare class ThemeService {
+    private readonly storage;
     readonly isDark: import("@angular/core").WritableSignal<boolean>;
     /**
      *

package/lib/info-message/index.d.ts

@@ -0,0 +1,2 @@
+export * from './info-message.component';
+export * from './info-message.types';

package/lib/info-message/info-message.component.d.ts

@@ -0,0 +1,17 @@
+import type { InfoNotificationLevel, InfoMessageLink } from './info-message.types';
+import * as i0 from "@angular/core";
+/**
+ * Componente reutilizable para mostrar mensajes informativos o de advertencia
+ */
+export declare class InfoMessageComponent {
+    message: import("@angular/core").InputSignal<string>;
+    level: import("@angular/core").InputSignal<InfoNotificationLevel>;
+    linkConfig: import("@angular/core").InputSignal<InfoMessageLink | undefined>;
+    /**
+     * Retorna el ícono según el nivel
+     * @returns Nombre del ícono a mostrar
+     */
+    protected get icon(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InfoMessageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InfoMessageComponent, "c80-info-message", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "linkConfig": { "alias": "linkConfig"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/info-message/info-message.types.d.ts

@@ -0,0 +1,5 @@
+export type InfoNotificationLevel = 'info' | 'warn';
+export interface InfoMessageLink {
+    link: string;
+    text: string;
+}

package/lib/legal-disclaimer/index.d.ts

@@ -0,0 +1 @@
+export * from './legal-disclaimer.component';

package/lib/legal-disclaimer/legal-disclaimer.component.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+/**
+ * Texto legal genérico por defecto.
+ * Neutro y sin dominio específico; las apps deben pasar su propio texto vía el input `text`.
+ */
+export declare const DEFAULT_LEGAL_DISCLAIMER = "La informaci\u00F3n mostrada se proporciona \u00FAnicamente con fines orientativos y puede no estar actualizada. El uso de esta aplicaci\u00F3n es responsabilidad exclusiva del usuario.";
+/**
+ * Componente reutilizable para mostrar avisos legales.
+ * Por defecto muestra un texto genérico, personalizable mediante el input `text`.
+ */
+export declare class LegalDisclaimerComponent {
+    readonly text: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegalDisclaimerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegalDisclaimerComponent, "c80-legal-disclaimer", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/modal/modal.component.d.ts

@@ -76,6 +76,11 @@ export declare class ModalComponent {
      * @returns Texto del botón No
      */
     getNoText(): string;
+    /**
+     *
+     * @returns Texto del botón OK
+     */
+    getOkText(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "c80-modal", never, {}, {}, never, never, true, never>;
 }

package/lib/modal/modal.service.d.ts

@@ -23,6 +23,7 @@ export declare class ModalService {
      * @param options.message
      * @param options.confirmText
      * @param options.cancelText
+     * @param options.allowHtml
      * @returns Promise que resuelve true si se confirmó
      */
     confirm(options: {
@@ -30,6 +31,7 @@ export declare class ModalService {
         message: string;
         confirmText?: string;
         cancelText?: string;
+        allowHtml?: boolean;
     }): Promise<boolean>;
     /**
      *
@@ -38,6 +40,7 @@ export declare class ModalService {
      * @param options.message
      * @param options.yesText
      * @param options.noText
+     * @param options.allowHtml
      * @returns Promise que resuelve true si se eligió Sí
      */
     yesNo(options: {
@@ -45,14 +48,17 @@ export declare class ModalService {
         message: string;
         yesText?: string;
         noText?: string;
+        allowHtml?: boolean;
     }): Promise<boolean>;
     /**
      *
      * @param title
      * @param message
+     * @param allowHtml
+     * @param confirmText
      * @returns Promise que resuelve cuando se cierra el modal
      */
-    info(title: string, message: string): Promise<void>;
+    info(title: string, message: string, allowHtml?: boolean, confirmText?: string): Promise<void>;
     /**
      *
      * @param options
@@ -60,6 +66,7 @@ export declare class ModalService {
      * @param options.message
      * @param options.confirmText
      * @param options.cancelText
+     * @param options.allowHtml
      * @returns Promise que resuelve true si se confirmó
      */
     warning(options: {
@@ -67,15 +74,17 @@ export declare class ModalService {
         message: string;
         confirmText?: string;
         cancelText?: string;
+        allowHtml?: boolean;
     }): Promise<boolean>;
     /**
      *
      * @param title
      * @param message
      * @param confirmText
+     * @param allowHtml
      * @returns Promise que resuelve true si se confirmó
      */
-    error(title: string, message: string, confirmText?: string): Promise<void>;
+    error(title: string, message: string, confirmText?: string, allowHtml?: boolean): Promise<void>;
     /**
      * Maneja el resultado del modal y resuelve la promesa
      * @param result - Resultado de la acción del modal

package/lib/modal/modal.types.d.ts

@@ -8,6 +8,7 @@ export interface ModalConfig {
     yesText?: string;
     noText?: string;
     showCancel?: boolean;
+    allowHtml?: boolean;
 }
 export interface ModalResult {
     action: 'confirm' | 'cancel' | 'yes' | 'no';

package/lib/navigation-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation-card.component';
+export * from './navigation-card.types';

package/lib/navigation-card/navigation-card.component.d.ts

@@ -0,0 +1,10 @@
+import type { NavigationCard } from './navigation-card.types';
+import * as i0 from "@angular/core";
+export declare class NavigationCardComponent {
+    readonly card: import("@angular/core").InputSignal<NavigationCard>;
+    readonly active: import("@angular/core").InputSignal<boolean>;
+    readonly cardClick: import("@angular/core").OutputEmitterRef<NavigationCard>;
+    onCardClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationCardComponent, "c80-navigation-card", never, { "card": { "alias": "card"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+}

package/lib/navigation-card/navigation-card.types.d.ts

@@ -0,0 +1,7 @@
+import type { IconType } from '../icon';
+export interface NavigationCard {
+    readonly title: string;
+    readonly icon: IconType;
+    readonly route: string;
+    readonly permission?: string;
+}

package/lib/table/table-dto-mapper.service.d.ts

@@ -7,9 +7,15 @@ import * as i0 from "@angular/core";
  * Reglas de exclusión:
  * - readOnly: true → campo NO se incluye
  * - accessor: 'id' → campo NO se incluye (IDs van en URL, no en body)
+ * - undefined / null → campo NO se incluye (no hubo cambio)
+ * - '' (cadena vacía) → se envía null para LIMPIAR el campo
  * - readOnly: false o undefined → campo se incluye
+ *
+ * La conversión de tipos delega en TableDataConverterService (que acepta
+ * strings, tal como llegan desde los inputs HTML).
  */
 export declare class TableDtoMapperService {
+    private readonly converter;
     /**
      * Mapea un objeto de fila a DTO, excluyendo campos readOnly e id
      * @param row - Datos de la fila
@@ -19,16 +25,17 @@ export declare class TableDtoMapperService {
      */
     mapToDto(row: Record<string, unknown>, columns: TableColDef[], additionalFields?: Record<string, unknown>): Record<string, unknown>;
     /**
-     * Convierte un valor según el tipo de columna
+     * Convierte un valor según el tipo de columna, reutilizando
+     * TableDataConverterService (acepta strings provenientes de inputs HTML).
      * @param value - Valor a convertir
      * @param col - Definición de columna
      * @returns Valor convertido
      */
     private convertValue;
-    private toInteger;
-    private toNumber;
-    private toBoolean;
-    private toString;
+    /**
+     * Aplica los límites min/max declarados en la columna a un valor numérico.
+     */
+    private applyBounds;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableDtoMapperService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableDtoMapperService>;
 }

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

@@ -25,7 +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>>(): SelectionState<T>;
+    createSelectionState<T extends Record<string, unknown>>(getRowId?: (item: T) => string): SelectionState<T>;
     private clearSelection;
     private toggleSelectAll;
     private toggleItemSelection;

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

@@ -139,6 +139,7 @@ import * as i0 from "@angular/core";
     readonly customActions: import("@angular/core").InputSignal<CustomTableAction[]>;
     readonly size: import("@angular/core").InputSignal<number>;
     readonly multiple: import("@angular/core").InputSignal<boolean>;
+    readonly rowId: import("@angular/core").InputSignal<string>;
     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>;
@@ -276,5 +277,5 @@ import * as i0 from "@angular/core";
      */
     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; }; "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>;
+    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; }; "rowId": { "alias": "rowId"; "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.utils.d.ts

@@ -25,9 +25,10 @@ export declare function getInputValue(event: Event, col?: TableColDef): unknown;
  * Extrae el ID de una fila para usar como trackBy en ngFor
  * @param index - Índice de la fila
  * @param row - Fila de datos
+ * @param rowId - Accessor de la PK de la fila (default 'id')
  * @returns ID como string o índice como fallback
  */
-export declare function trackById<T extends Record<string, unknown>>(index: number, row: T): string | number;
+export declare function trackById<T extends Record<string, unknown>>(index: number, row: T, rowId?: string): string | number;
 /**
  * Verifica si una acción debe mostrarse para una fila específica
  * CREATE se excluye porque se maneja con el botón "+" en el header

package/package.json

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