@caribeng/ui 22.4.0 → 22.5.0

package/types/caribeng-ui-reconciliation.d.ts

@@ -0,0 +1,109 @@
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { cbFormat } from '@caribeng/ui';
+
+/** Movimiento del extracto o de los libros (positivo: entra; negativo: sale). */
+interface CbReconItem {
+    readonly id: string | number;
+    /** `Date` o `AAAA-MM-DD`. */
+    readonly date: Date | string;
+    readonly description: string;
+    readonly amount: number;
+    /** Referencia (cheque, transferencia, factura): si coincide, ayuda a emparejar. */
+    readonly reference?: string;
+}
+/** Emparejamiento: uno o varios movimientos del extracto con uno o varios de los libros. */
+interface CbReconMatch {
+    readonly statement: readonly (string | number)[];
+    readonly ledger: readonly (string | number)[];
+}
+declare function sumAmounts(items: readonly CbReconItem[]): number;
+/** Ids ya emparejados de cada lado. */
+declare function matchedIds(matches: readonly CbReconMatch[]): {
+    statement: Set<string | number>;
+    ledger: Set<string | number>;
+};
+/**
+ * Empareja solo, uno a uno, los movimientos pendientes con el mismo valor y una
+ * fecha cercana (`toleranceDays`): primero los de igual referencia, después los
+ * de fecha más próxima.
+ */
+declare function autoMatch(statement: readonly CbReconItem[], ledger: readonly CbReconItem[], existing: readonly CbReconMatch[], toleranceDays?: number): CbReconMatch[];
+
+type Side = 'statement' | 'ledger';
+/**
+ * Conciliación bancaria de CaribeNG: el extracto del banco frente a los
+ * movimientos en libros, para emparejarlos y ver qué queda pendiente.
+ *
+ * - «Conciliar automáticamente» empareja los de igual valor y fecha cercana
+ *   (`toleranceDays`), dando prioridad a la misma referencia.
+ * - Se marcan movimientos de cada lado y «Emparejar» los une cuando sus sumas
+ *   coinciden (uno con uno, uno con varios o varios con uno).
+ * - Resumen con los pendientes de cada lado y la diferencia; `createEntry` sirve
+ *   para registrar en libros un movimiento del extracto (comisiones, intereses).
+ *
+ * @example
+ * ```html
+ * <cb-reconciliation [statement]="extracto" [ledger]="libros" [(matches)]="conciliados" />
+ * ```
+ */
+declare class CbReconciliation {
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    protected readonly fmt: typeof cbFormat;
+    private readonly amount;
+    protected readonly uid: string;
+    protected readonly sides: Side[];
+    /** Movimientos del extracto bancario. */
+    readonly statement: _angular_core.InputSignal<readonly CbReconItem[]>;
+    /** Movimientos en libros (cuenta de bancos). */
+    readonly ledger: _angular_core.InputSignal<readonly CbReconItem[]>;
+    /** Emparejamientos (bidireccional). */
+    readonly matches: _angular_core.ModelSignal<readonly CbReconMatch[]>;
+    /** Días de diferencia admitidos al conciliar automáticamente. */
+    readonly toleranceDays: _angular_core.InputSignal<number>;
+    readonly statementLabel: _angular_core.InputSignal<string>;
+    readonly ledgerLabel: _angular_core.InputSignal<string>;
+    /** Botón «Crear asiento» en los movimientos del extracto sin pareja. */
+    readonly allowCreate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly currency: _angular_core.InputSignal<string | undefined>;
+    /** Registrar en libros un movimiento del extracto. */
+    readonly createEntry: _angular_core.OutputEmitterRef<CbReconItem>;
+    protected readonly onlyPending: _angular_core.WritableSignal<boolean>;
+    private readonly selection;
+    protected readonly announcement: _angular_core.WritableSignal<string>;
+    private readonly matched;
+    protected items(side: Side): readonly CbReconItem[];
+    protected visible(side: Side): CbReconItem[];
+    protected pending(side: Side): CbReconItem[];
+    protected pendingSum(side: Side): number;
+    protected total(side: Side): number;
+    protected readonly progress: _angular_core.Signal<number>;
+    protected isMatched(side: Side, item: CbReconItem): boolean;
+    protected isSelected(side: Side, item: CbReconItem): boolean;
+    protected selectedItems(side: Side): CbReconItem[];
+    protected selectedSum(side: Side): number;
+    protected readonly hasSelection: _angular_core.Signal<boolean>;
+    protected readonly selectionDiff: _angular_core.Signal<number>;
+    /** Se puede emparejar: hay de los dos lados, nada ya emparejado y las sumas coinciden. */
+    protected readonly canMatch: _angular_core.Signal<boolean>;
+    protected readonly selectedMatched: _angular_core.Signal<boolean>;
+    protected money(value: number): string;
+    protected pct(value: number): string;
+    protected shortDate(value: Date | string): string;
+    protected toggle(side: Side, item: CbReconItem): void;
+    /** Empareja los movimientos pendientes de igual valor y fecha cercana. */
+    runAuto(): void;
+    /** Une lo seleccionado de los dos lados (si sus sumas coinciden). */
+    matchSelection(): void;
+    /** Deshace los emparejamientos que tocan lo seleccionado. */
+    unmatchSelection(): void;
+    private clearSelection;
+    private say;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbReconciliation, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbReconciliation, "cb-reconciliation", never, { "statement": { "alias": "statement"; "required": false; "isSignal": true; }; "ledger": { "alias": "ledger"; "required": false; "isSignal": true; }; "matches": { "alias": "matches"; "required": false; "isSignal": true; }; "toleranceDays": { "alias": "toleranceDays"; "required": false; "isSignal": true; }; "statementLabel": { "alias": "statementLabel"; "required": false; "isSignal": true; }; "ledgerLabel": { "alias": "ledgerLabel"; "required": false; "isSignal": true; }; "allowCreate": { "alias": "allowCreate"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; }, { "matches": "matchesChange"; "createEntry": "createEntry"; }, never, never, true, never>;
+}
+
+export { CbReconciliation, autoMatch, matchedIds, sumAmounts };
+export type { CbReconItem, CbReconMatch };
+//# sourceMappingURL=caribeng-ui-reconciliation.d.ts.map

package/types/caribeng-ui-scheduler.d.ts

@@ -0,0 +1,188 @@
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { cbFormat } from '@caribeng/ui';
+
+/**
+ * Modelo del calendario de eventos: fechas, rejilla del mes, eventos de cada
+ * día y colocación de los que se solapan. Funciones puras (sin DOM).
+ */
+/** Evento del calendario. `start` y `end` son fecha y hora (`Date` o ISO); en uno de día completo, días. */
+interface CbSchedulerEvent {
+    readonly id: string;
+    readonly title: string;
+    readonly start: string | Date;
+    /** Fin (exclusivo en eventos con hora; inclusivo en los de día completo). Por defecto, una hora después. */
+    readonly end?: string | Date;
+    /** Evento de día completo (va en la franja superior). */
+    readonly allDay?: boolean;
+    readonly color?: string;
+    readonly location?: string;
+    readonly description?: string;
+}
+/** Vista del calendario. */
+type CbSchedulerView = 'month' | 'week' | 'day' | 'agenda';
+/** Un evento cambió de fecha u hora (al arrastrarlo, redimensionarlo o con el teclado). */
+interface CbSchedulerChange {
+    readonly event: CbSchedulerEvent;
+    readonly previous: CbSchedulerEvent;
+}
+/** Hueco elegido para crear un evento. */
+interface CbSchedulerSlot {
+    readonly start: Date;
+    readonly end: Date;
+    readonly allDay: boolean;
+}
+/** Evento con sus fechas resueltas. En los de día completo, `end` es el último día (inclusivo). */
+interface ResolvedEvent {
+    readonly event: CbSchedulerEvent;
+    readonly start: Date;
+    readonly end: Date;
+    readonly allDay: boolean;
+}
+/** Posición de un evento con hora dentro de su día: columna y número de columnas del grupo que se solapa. */
+interface PlacedEvent {
+    readonly e: ResolvedEvent;
+    /** Minutos desde la medianoche, recortados al día. */
+    readonly from: number;
+    readonly to: number;
+    readonly column: number;
+    readonly columns: number;
+}
+
+interface Preview {
+    readonly id: string | null;
+    readonly days: number;
+    readonly minutes: number;
+    /** Hueco seleccionado (al arrastrar sobre una franja vacía). */
+    readonly select: {
+        day: Date;
+        from: number;
+        to: number;
+    } | null;
+}
+/**
+ * Calendario de eventos de CaribeNG: vistas de mes, semana, día y agenda.
+ *
+ * - En semana y día, los eventos con hora se colocan en su franja (los que se
+ *   solapan, uno al lado del otro) y los de día completo en la franja superior;
+ *   una línea marca la hora actual.
+ * - Arrastra un evento para moverlo y su borde inferior para cambiar la duración;
+ *   arrastra sobre una franja vacía (o haz clic) para elegir un hueco
+ *   (`slotSelect`). En el mes, los eventos se arrastran de un día a otro.
+ * - Con el teclado cada evento es un botón: flechas lo mueven (un día, o la
+ *   duración de una franja), Mayús + flechas arriba / abajo cambian la duración y
+ *   Enter lo abre; cada día tiene un botón para crear un evento.
+ *
+ * @example
+ * ```html
+ * <cb-scheduler [(events)]="eventos" [(view)]="vista" (slotSelect)="crear($event)" (eventOpen)="abrir($event)" />
+ * ```
+ */
+declare class CbScheduler {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    protected readonly fmt: typeof cbFormat;
+    protected readonly Math: Math;
+    private readonly injector;
+    private readonly host;
+    protected readonly uid: string;
+    protected readonly hour = 48;
+    protected readonly ppm: number;
+    protected readonly hours: number[];
+    /** Eventos (bidireccional: se actualiza al moverlos o cambiar su duración). */
+    readonly events: _angular_core.ModelSignal<readonly CbSchedulerEvent[]>;
+    readonly view: _angular_core.ModelSignal<CbSchedulerView>;
+    /** Día de referencia de la vista (el mes, la semana o el día que se muestra). */
+    readonly date: _angular_core.ModelSignal<Date>;
+    /** Vistas disponibles y su orden. */
+    readonly views: _angular_core.InputSignal<readonly CbSchedulerView[]>;
+    /** Primer día de la semana (0 = domingo, 1 = lunes). */
+    readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Minutos de cada franja: paso al arrastrar y con el teclado. */
+    readonly slotMinutes: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Hora a la que se desplaza la vista de semana o día al abrirse. */
+    readonly scrollHour: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Días que muestra la agenda desde el día de referencia. */
+    readonly agendaDays: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Permite mover, cambiar la duración y elegir huecos. */
+    readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Alto del área del calendario. */
+    readonly height: _angular_core.InputSignal<string>;
+    /** Un evento cambió de fecha u hora. */
+    readonly eventChange: _angular_core.OutputEmitterRef<CbSchedulerChange>;
+    /** Clic o Enter sobre un evento. */
+    readonly eventOpen: _angular_core.OutputEmitterRef<CbSchedulerEvent>;
+    /** Se eligió un hueco (arrastrando o con clic en una franja, doble clic o el botón + de un día). */
+    readonly slotSelect: _angular_core.OutputEmitterRef<CbSchedulerSlot>;
+    protected readonly preview: _angular_core.WritableSignal<Preview | null>;
+    protected readonly announcement: _angular_core.WritableSignal<string>;
+    private readonly now;
+    private drag;
+    /** Tras arrastrar un evento no se emite el clic que lo sigue. */
+    private suppressClick;
+    private readonly scrollRef;
+    constructor();
+    private readonly resolved;
+    /** Eventos con la vista previa del arrastre aplicada. */
+    private readonly shown;
+    /** Días de la vista de semana o día. */
+    protected readonly days: _angular_core.Signal<Date[]>;
+    protected readonly weeks: _angular_core.Signal<Date[][]>;
+    protected readonly weekdayNames: _angular_core.Signal<string[]>;
+    protected readonly agenda: _angular_core.Signal<{
+        day: Date;
+        events: ResolvedEvent[];
+    }[]>;
+    protected readonly title: _angular_core.Signal<string>;
+    private rangeText;
+    protected readonly nowTop: _angular_core.Signal<number>;
+    /** Hueco seleccionado al arrastrar sobre una franja. */
+    protected readonly selection: _angular_core.Signal<{
+        day: Date;
+        from: number;
+        to: number;
+    } | null>;
+    /** Día bajo el puntero al arrastrar en el mes o en la franja de día completo. */
+    protected readonly dropDay: _angular_core.Signal<Date | null>;
+    protected viewLabel(v: CbSchedulerView): string;
+    protected time(d: Date): string;
+    protected hourLabel(h: number): string;
+    protected weekday(d: Date): string;
+    /** Cabecera de un día de la agenda (el número va aparte): "Viernes, octubre". */
+    protected agendaDay(d: Date): string;
+    protected longDay(d: Date): string;
+    protected eventLabel(e: ResolvedEvent): string;
+    protected isToday(d: Date): boolean;
+    protected isMulti(e: ResolvedEvent): boolean;
+    protected minuteDate(day: Date, minute: number): Date;
+    protected dayEvents(d: Date): ResolvedEvent[];
+    /** En el mes, si sobra uno se muestra (no "+1 más"). */
+    protected limitFor(d: Date): number;
+    protected allDayEvents(d: Date): ResolvedEvent[];
+    protected placed(d: Date): PlacedEvent[];
+    /** Periodo anterior (−1) o siguiente (1). */
+    step(direction: 1 | -1): void;
+    goToday(): void;
+    /** Abre la vista de día de una fecha. */
+    openDay(d: Date): void;
+    protected selectDay(d: Date): void;
+    protected selectTime(d: Date, minute: number): void;
+    /** Día (y minuto, en las columnas de hora) bajo el puntero. */
+    private pointAt;
+    private snap;
+    protected onEventPointerDown(event: PointerEvent, e: ResolvedEvent, mode: 'move' | 'resize', day: Date, dayOnly: boolean): void;
+    protected onColumnPointerDown(event: PointerEvent, d: Date): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(): void;
+    private selectRange;
+    protected cancelDrag(): void;
+    protected onEventClick(e: ResolvedEvent): void;
+    private apply;
+    protected onEventKeydown(event: KeyboardEvent, e: ResolvedEvent, dayOnly: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbScheduler, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbScheduler, "cb-scheduler", never, { "events": { "alias": "events"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "slotMinutes": { "alias": "slotMinutes"; "required": false; "isSignal": true; }; "scrollHour": { "alias": "scrollHour"; "required": false; "isSignal": true; }; "agendaDays": { "alias": "agendaDays"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, { "events": "eventsChange"; "view": "viewChange"; "date": "dateChange"; "eventChange": "eventChange"; "eventOpen": "eventOpen"; "slotSelect": "slotSelect"; }, never, never, true, never>;
+}
+
+export { CbScheduler };
+export type { CbSchedulerChange, CbSchedulerEvent, CbSchedulerSlot, CbSchedulerView };
+//# sourceMappingURL=caribeng-ui-scheduler.d.ts.map

package/types/{caribeng-ui-caribe-shortcut.d.ts → caribeng-ui-shortcut.d.ts}

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 
 /**
- * Shortcut de Caribe Design: acceso directo con icono y etiqueta, presentado
+ * Shortcut: acceso directo con icono y etiqueta, presentado
  * como una tarjeta pulsable (típico de dashboards y home bancario).
  *
  * @example
@@ -25,4 +25,4 @@ declare class CbShortcut {
 }
 
 export { CbShortcut };
-//# sourceMappingURL=caribeng-ui-caribe-shortcut.d.ts.map
+//# sourceMappingURL=caribeng-ui-shortcut.d.ts.map

package/types/caribeng-ui-signature-pad.d.ts

@@ -0,0 +1,151 @@
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { ControlValueAccessor } from '@angular/forms';
+
+/** Punto de un trazo, en unidades del `viewBox` (`t` en ms, `p` presión 0–1). */
+interface CbSignaturePoint {
+    readonly x: number;
+    readonly y: number;
+    readonly t: number;
+    readonly p: number;
+}
+type CbSignatureStroke = readonly CbSignaturePoint[];
+/** Firma serializable: trazos dibujados o nombre escrito, con su lienzo y su tinta. */
+interface CbSignatureData {
+    readonly width: number;
+    readonly height: number;
+    readonly strokes: readonly CbSignatureStroke[];
+    /** Nombre escrito (modo `type`); si hay texto, se pinta en lugar de los trazos. */
+    readonly text?: string;
+    readonly color: string;
+}
+/** Formato de `value`. */
+type CbSignatureFormat = 'png' | 'jpeg' | 'svg';
+/** Cómo se firma: a mano o escribiendo el nombre. */
+type CbSignatureMode = 'draw' | 'type';
+/** Segmento listo para pintar: un trozo de curva con su grosor. */
+interface CbSignatureSegment {
+    readonly d: string;
+    readonly width: number;
+}
+/** Tipografías manuscritas del sistema (sin descargar fuentes) para el modo escrito. */
+declare const CB_SIGNATURE_FONT = "'Segoe Script', 'Bradley Hand', 'Brush Script MT', 'Snell Roundhand', 'URW Chancery L', cursive";
+/**
+ * La firma como documento SVG independiente (sin dependencias de la página). `background`
+ * vacío o `transparent` lo deja sin fondo; `image` es una firma previa que va debajo.
+ */
+declare function signatureToSvg(data: CbSignatureData, options: {
+    minWidth: number;
+    maxWidth: number;
+    background?: string;
+    font?: string;
+    fontSize?: number;
+    image?: string;
+}): string;
+
+/**
+ * Firma digital de CaribeNG: área para firmar con ratón, dedo o lápiz (grosor según velocidad y
+ * presión) o, como alternativa accesible, escribiendo el nombre en letra manuscrita. Devuelve la
+ * firma como PNG, JPEG o SVG (`[(value)]`, también con Angular Forms) y permite deshacer y borrar.
+ *
+ * @example
+ * ```html
+ * <cb-signature-pad [(value)]="firma" format="png" />
+ * ```
+ */
+declare class CbSignaturePad implements ControlValueAccessor {
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    private readonly injector;
+    private readonly destroyRef;
+    protected readonly hintId: string;
+    /** Firma como data URL en `format` (`''` si está vacía). Una firma que llega de fuera se muestra de fondo. */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Formato de `value`: PNG (por defecto), JPEG (fondo blanco) o SVG. */
+    readonly format: _angular_core.InputSignal<CbSignatureFormat>;
+    /** Dibujar a mano o escribir el nombre. */
+    readonly mode: _angular_core.ModelSignal<CbSignatureMode>;
+    /** Ofrece el modo escrito, la alternativa para quien no puede dibujar (teclado, lector de pantalla). */
+    readonly typing: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly penColor: _angular_core.InputSignal<string>;
+    /** Fondo del área y de la imagen exportada (`transparent` para PNG o SVG sin fondo). */
+    readonly background: _angular_core.InputSignal<string>;
+    /** Grosor mínimo y máximo del trazo (en píxeles del área). */
+    readonly minWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly maxWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly height: _angular_core.InputSignal<string>;
+    /** Tipografía del nombre escrito (por defecto, manuscritas del sistema). */
+    readonly font: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Nombre del área (por defecto, "Área de firma"). */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Empieza un trazo. */
+    readonly signStart: _angular_core.OutputEmitterRef<void>;
+    /** Termina un trazo o cambia el nombre escrito (con la firma completa). */
+    readonly signEnd: _angular_core.OutputEmitterRef<CbSignatureData>;
+    readonly cleared: _angular_core.OutputEmitterRef<void>;
+    protected readonly fieldState: _caribeng_ui.CbFieldState;
+    private readonly cvaDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly strokes: _angular_core.WritableSignal<readonly CbSignatureStroke[]>;
+    private readonly current;
+    protected readonly text: _angular_core.WritableSignal<string>;
+    /** Firma previa (de `value`), pintada de fondo. */
+    protected readonly image: _angular_core.WritableSignal<string>;
+    /** Tamaño lógico del lienzo (el del área al montarse). */
+    protected readonly box: _angular_core.WritableSignal<{
+        w: number;
+        h: number;
+    }>;
+    protected readonly announcement: _angular_core.WritableSignal<string>;
+    protected readonly canDraw: _angular_core.Signal<boolean>;
+    protected readonly segments: _angular_core.Signal<CbSignatureSegment[]>;
+    /** Tamaño medido para que el nombre quepa (cada tipografía manuscrita tiene su ancho). */
+    private readonly fittedSize;
+    protected readonly fontSize: _angular_core.Signal<number>;
+    protected readonly empty: _angular_core.Signal<boolean>;
+    protected readonly padLabel: _angular_core.Signal<string>;
+    private readonly svg;
+    private pointerId;
+    private lastEmitted;
+    private emitToken;
+    private onChange;
+    protected onTouched: () => void;
+    constructor();
+    /** La firma actual (trazos o nombre escrito), para guardarla y restaurarla con `setData`. */
+    data(): CbSignatureData;
+    /** Restaura una firma guardada con `data()`. */
+    setData(data: CbSignatureData): void;
+    /** La firma como SVG independiente. */
+    toSvg(): string;
+    /** La firma como data URL (PNG y JPEG se generan en un canvas, de forma asíncrona). */
+    toDataUrl(format?: CbSignatureFormat): Promise<string>;
+    /** Borra la firma. */
+    clear(): void;
+    /** Deshace el último trazo. */
+    undo(): void;
+    writeValue(value: string | null | undefined): void;
+    registerOnChange(fn: (v: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    protected setMode(mode: CbSignatureMode): void;
+    protected onType(event: Event): void;
+    private fitText;
+    protected onPointerDown(event: PointerEvent): void;
+    protected onPointerMove(event: PointerEvent): void;
+    protected onPointerUp(event: PointerEvent): void;
+    private point;
+    /** Recalcula `value` (PNG y JPEG llegan cuando termina el canvas; uno viejo se descarta). */
+    private emit;
+    /** Un espacio duro alterno hace que el mismo texto cuente como cambio y se vuelva a anunciar. */
+    private announce;
+    private announceFlip;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbSignaturePad, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbSignaturePad, "cb-signature-pad", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "typing": { "alias": "typing"; "required": false; "isSignal": true; }; "penColor": { "alias": "penColor"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "font": { "alias": "font"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "mode": "modeChange"; "signStart": "signStart"; "signEnd": "signEnd"; "cleared": "cleared"; }, never, never, true, never>;
+}
+
+export { CB_SIGNATURE_FONT, CbSignaturePad, signatureToSvg as cbSignatureToSvg };
+export type { CbSignatureData, CbSignatureFormat, CbSignatureMode, CbSignaturePoint, CbSignatureStroke };
+//# sourceMappingURL=caribeng-ui-signature-pad.d.ts.map

package/types/{caribeng-ui-caribe-status.d.ts → caribeng-ui-status.d.ts}

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 
 /**
- * Status de Caribe Design: chip de estado con punto de color y etiqueta.
+ * Status: chip de estado con punto de color y etiqueta.
  *
  * @example
  * ```html
@@ -16,4 +16,4 @@ declare class CbStatus {
 }
 
 export { CbStatus };
-//# sourceMappingURL=caribeng-ui-caribe-status.d.ts.map
+//# sourceMappingURL=caribeng-ui-status.d.ts.map

package/types/{caribeng-ui-caribe-step-indicator.d.ts → caribeng-ui-step-indicator.d.ts}

@@ -3,7 +3,7 @@ import * as _caribeng_ui from '@caribeng/ui';
 import { cbFormat } from '@caribeng/ui';
 
 /**
- * Step-indicator de Caribe Design: progreso por segmentos para flujos de varios
+ * Step-indicator: progreso por segmentos para flujos de varios
  * pasos (transferencias, onboarding). Muestra segmentos completados, activo y
  * pendientes, con una leyenda opcional.
  *
@@ -31,4 +31,4 @@ declare class CbStepIndicator {
 }
 
 export { CbStepIndicator };
-//# sourceMappingURL=caribeng-ui-caribe-step-indicator.d.ts.map
+//# sourceMappingURL=caribeng-ui-step-indicator.d.ts.map

package/types/caribeng-ui-table.d.ts

@@ -1,8 +1,9 @@
 import * as _caribeng_ui from '@caribeng/ui';
-import { cbFormat } from '@caribeng/ui';
+import { cbFormat, CbNegativeStyle, CbSummary } from '@caribeng/ui';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { CbPaginatorState } from '@caribeng/ui/paginator';
+import { CbExcelExportOptions, CbXlsxSheet } from '@caribeng/ui/xlsx';
 
 /** Cómo compara un filtro el texto buscado con el valor de la celda (sin distinguir mayúsculas ni tildes). */
 type CbTableFilterMatchMode = 'contains' | 'startsWith' | 'equals';
@@ -27,6 +28,27 @@ interface CbTableColumn {
     frozen?: boolean;
     /** Incluir la columna en `toCSV()` / `exportCSV()`. Por defecto `true`. */
     exportable?: boolean;
+    /**
+     * Formato del valor: `number` (separadores y decimales), `currency` (moneda) o
+     * `percent` (`0.15` → 15 %). Los numéricos se alinean a la derecha y los
+     * negativos se marcan en rojo.
+     */
+    type?: 'text' | 'number' | 'currency' | 'percent';
+    /** Moneda de una columna `currency` (si no, la de la tabla o `provideCaribeNG({ currency })`). */
+    currency?: string;
+    /** Decimales fijos de una columna numérica. */
+    decimals?: number;
+    /** Negativos con signo o entre paréntesis (si no, el de la tabla). */
+    negative?: CbNegativeStyle;
+    /** Texto propio de la celda (no cambia el valor con el que se ordena, filtra o exporta). */
+    format?: (value: any, row: any) => string;
+    /**
+     * Total de la columna en el pie (y en los subtotales de grupo): `sum`, `avg`,
+     * `count`, `min`, `max` o una función con las filas filtradas.
+     */
+    summary?: CbSummary | ((rows: readonly any[]) => unknown);
+    /** Texto fijo en el pie de esta columna (p. ej. "Total"). */
+    footer?: string;
 }
 interface CbTableCellContext<T = any> {
     $implicit: T;
@@ -153,6 +175,12 @@ declare class CbTable {
     readonly totalRecords: _angular_core.InputSignal<number | null>;
     /** Muestra la capa de carga y marca la tabla con `aria-busy`. */
     readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Con `groupRowsBy`, una fila de subtotal al final de cada grupo (columnas con `summary`). */
+    readonly groupSubtotals: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Moneda de las columnas `currency` (si no, la de `provideCaribeNG({ currency })`). */
+    readonly currency: _angular_core.InputSignal<string | undefined>;
+    /** Negativos con signo o entre paréntesis (si no, el de `provideCaribeNG({ negativeStyle })`). */
+    readonly negativeStyle: _angular_core.InputSignal<CbNegativeStyle | undefined>;
     readonly selection: _angular_core.ModelSignal<unknown>;
     readonly sortChange: _angular_core.OutputEmitterRef<{
         field: string | null;
@@ -188,6 +216,21 @@ declare class CbTable {
     /** Filas por grupo en todos los datos (no solo en la página). */
     private readonly groupCounts;
     protected readonly pageRows: _angular_core.Signal<readonly unknown[]>;
+    private readonly config;
+    protected readonly hasSummary: _angular_core.Signal<boolean>;
+    protected readonly hasFooterText: _angular_core.Signal<boolean>;
+    protected readonly hasFooter: _angular_core.Signal<boolean>;
+    /** Columna donde va la etiqueta "Total" / "Subtotal": la primera sin total. */
+    protected readonly labelColumn: _angular_core.Signal<number>;
+    /**
+     * Columnas que ocupa la etiqueta: desde la suya hasta la siguiente con total
+     * (sin partir columnas fijas de no fijas).
+     */
+    protected readonly labelSpan: _angular_core.Signal<number>;
+    /** Totales del pie, sobre todas las filas filtradas (no solo la página). */
+    protected readonly totals: _angular_core.Signal<Record<string, unknown>>;
+    /** Totales por grupo (con `groupSubtotals`). */
+    private readonly groupTotals;
     protected readonly colspan: _angular_core.Signal<number>;
     private readonly selectedCount;
     protected readonly allSelected: _angular_core.Signal<boolean>;
@@ -224,11 +267,22 @@ declare class CbTable {
     protected onPageChange(state: CbPaginatorState): void;
     protected groupOf(row: unknown): unknown;
     protected groupCount(row: unknown): number;
+    /** La fila cierra grupo si es la última de la página o el siguiente cambia de grupo. */
+    protected isGroupEnd(index: number): boolean;
+    protected groupSummary(row: unknown, col: CbTableColumn): unknown;
     /** La fila abre grupo si es la primera de la página o cambia el valor del grupo. */
     protected isGroupStart(index: number): boolean;
     protected frozenLeft(key: string): number | null;
     /** Suma los anchos de las celdas fijas anteriores (expandir, selección y columnas `frozen`). */
     private measureFrozen;
+    /**
+     * Hoja de Excel con las columnas visibles (salvo `exportable: false`) y todas las
+     * filas filtradas y ordenadas: importes como números con su formato, subtotales
+     * de grupo y totales en negrita.
+     */
+    toExcelSheet(options?: CbExcelExportOptions & CbTableCsvOptions): CbXlsxSheet;
+    /** Descarga las filas en Excel (`nombre.xlsx`) con formatos de número, subtotales y totales. */
+    exportExcel(filename?: string, options?: CbExcelExportOptions & CbTableCsvOptions): void;
     /**
      * Datos en CSV: columnas visibles (salvo `exportable: false`) y todas las filas
      * filtradas y ordenadas (no solo la página), o las seleccionadas con `selectionOnly`.
@@ -236,6 +290,16 @@ declare class CbTable {
     toCSV(options?: CbTableCsvOptions): string;
     /** Descarga el CSV (`nombre.csv`), con BOM para que Excel respete tildes y eñes. */
     exportCSV(filename?: string, options?: CbTableCsvOptions): void;
+    /** Totales de las columnas con `summary` sobre unas filas. */
+    private summarize;
+    protected isNumeric(col: CbTableColumn): boolean;
+    protected alignOf(col: CbTableColumn): string | null;
+    protected isNegative(value: unknown, col: CbTableColumn): boolean;
+    /** Texto de una celda: `format`, o el formato de su `type`. */
+    protected display(value: unknown, col: CbTableColumn, row: unknown): unknown;
+    /** Texto de un total: con el formato de la columna (una cuenta, como número entero). */
+    protected summaryText(value: unknown, col: CbTableColumn): string;
+    private formatNumber;
     protected cellValue(row: unknown, col: CbTableColumn): unknown;
     protected cellTemplate(field: string): CbTableCellDirective | undefined;
     protected cellContext(row: unknown, col: CbTableColumn): CbTableCellContext;
@@ -245,7 +309,7 @@ declare class CbTable {
     private same;
     private compare;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbTable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbTable, "cb-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "globalFilter": { "alias": "globalFilter"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "expandedRowKeys": { "alias": "expandedRowKeys"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "globalFilter": "globalFilterChange"; "expandedRowKeys": "expandedRowKeysChange"; "selection": "selectionChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "columnResize": "columnResize"; "rowExpand": "rowExpand"; "rowCollapse": "rowCollapse"; "lazyLoad": "lazyLoad"; }, ["cellTemplates", "expansion", "groupHeader"], ["[cbTableHeader]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbTable, "cb-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "globalFilter": { "alias": "globalFilter"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "expandedRowKeys": { "alias": "expandedRowKeys"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "groupSubtotals": { "alias": "groupSubtotals"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "negativeStyle": { "alias": "negativeStyle"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "globalFilter": "globalFilterChange"; "expandedRowKeys": "expandedRowKeysChange"; "selection": "selectionChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; "columnResize": "columnResize"; "rowExpand": "rowExpand"; "rowCollapse": "rowCollapse"; "lazyLoad": "lazyLoad"; }, ["cellTemplates", "expansion", "groupHeader"], ["[cbTableHeader]"], true, never>;
 }
 
 export { CbTable, CbTableCellDirective, CbTableGroupHeader, CbTableRowExpansion };

package/types/{caribeng-ui-caribe-tag-button.d.ts → caribeng-ui-tag-button.d.ts}

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 
 /**
- * Tag-button de Caribe Design: píldora pulsable usada como filtro o chip de
+ * Tag-button: píldora pulsable usada como filtro o chip de
  * acción. Alterna su estado seleccionado y emite el cambio.
  *
  * @example
@@ -24,4 +24,4 @@ declare class CbTagButton {
 }
 
 export { CbTagButton };
-//# sourceMappingURL=caribeng-ui-caribe-tag-button.d.ts.map
+//# sourceMappingURL=caribeng-ui-tag-button.d.ts.map