@caribeng/ui 22.2.0 → 22.4.0

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import * as _caribeng_ui from '@caribeng/ui';
+import { CbConfirmSeverity } from '@caribeng/ui';
 
 /**
  * Confirmación breve de CaribeNG. Ábrela anclada al botón que la dispara con
@@ -11,12 +12,26 @@ import * as _caribeng_ui from '@caribeng/ui';
  * <cb-button severity="danger" (click)="borrar.confirm($event)">Eliminar</cb-button>
  * <cb-confirm-popup #borrar message="¿Eliminar este archivo?" (accepted)="eliminar()" />
  * ```
+ *
+ * Con `service` muestra las confirmaciones de `CbConfirmationService` que traen
+ * `target` (como `ConfirmationService` de PrimeNG):
+ *
+ * ```html
+ * <cb-button (click)="borrar($event)">Eliminar</cb-button>
+ * <cb-confirm-popup service />
+ * ```
+ * ```ts
+ * borrar(event: Event) {
+ *   inject(CbConfirmationService).confirm({ target: event.currentTarget, message: '¿Eliminar?', accept: () => this.eliminar() });
+ * }
+ * ```
  */
 declare class CbConfirmPopup {
     protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     private readonly overlay;
     private readonly vcr;
     private readonly injector;
+    private readonly confirmation;
     protected readonly messageId: string;
     /** Visibilidad (two-way). Con `[(visible)]` se muestra en línea. */
     readonly visible: _angular_core.ModelSignal<boolean>;
@@ -25,7 +40,15 @@ declare class CbConfirmPopup {
     readonly acceptLabel: _angular_core.InputSignal<string | undefined>;
     readonly rejectLabel: _angular_core.InputSignal<string | undefined>;
     /** Severidad del botón de aceptar (p. ej. `danger` para acciones destructivas). */
-    readonly acceptSeverity: _angular_core.InputSignal<"primary" | "danger" | "success" | "warning">;
+    readonly acceptSeverity: _angular_core.InputSignal<CbConfirmSeverity>;
+    /**
+     * Muestra las confirmaciones pedidas con `CbConfirmationService`. Sin él, el
+     * componente solo responde a `[(visible)]` (así un diálogo declarativo no se
+     * abre con las confirmaciones de otra parte de la app).
+     */
+    readonly service: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Con `service`: atiende solo las confirmaciones con este mismo `key` (o sin key si no se indica). */
+    readonly key: _angular_core.InputSignal<string | undefined>;
     readonly accepted: _angular_core.OutputEmitterRef<void>;
     readonly rejected: _angular_core.OutputEmitterRef<void>;
     private readonly panel;
@@ -33,6 +56,16 @@ declare class CbConfirmPopup {
     protected readonly anchored: _angular_core.WritableSignal<boolean>;
     private overlayRef;
     private trigger;
+    /** Confirmación pedida con `CbConfirmationService` que se está mostrando. */
+    private readonly active;
+    /** Textos visibles: los de la confirmación del servicio, si la hay; si no, los inputs y el idioma. */
+    protected readonly shown: _angular_core.Signal<{
+        message: string;
+        acceptLabel: string;
+        rejectLabel: string;
+        acceptSeverity: CbConfirmSeverity;
+    }>;
+    constructor();
     private readonly positions;
     /** Abre la confirmación anclada al elemento que recibió el evento. */
     confirm(event: Event): void;
@@ -40,9 +73,13 @@ declare class CbConfirmPopup {
     show(target: HTMLElement): void;
     protected accept(): void;
     protected reject(): void;
+    /** Cierra y, si venía del servicio, lo libera y ejecuta su callback (que puede pedir otra confirmación). */
+    private finish;
     private close;
+    /** Quita el overlay sin devolver el foco. */
+    private dispose;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbConfirmPopup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbConfirmPopup, "cb-confirm-popup", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; "isSignal": true; }; "acceptSeverity": { "alias": "acceptSeverity"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "accepted": "accepted"; "rejected": "rejected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbConfirmPopup, "cb-confirm-popup", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; "isSignal": true; }; "acceptSeverity": { "alias": "acceptSeverity"; "required": false; "isSignal": true; }; "service": { "alias": "service"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "accepted": "accepted"; "rejected": "rejected"; }, never, never, true, never>;
 }
 
 export { CbConfirmPopup };

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

@@ -1,11 +1,16 @@
 import * as _angular_core from '@angular/core';
 import * as _caribeng_ui from '@caribeng/ui';
+import { CbMenuCommandEvent } from '@caribeng/ui';
 
 interface CbContextMenuItem {
     label: string;
     icon?: string;
     disabled?: boolean;
     separator?: boolean;
+    /** Acción al elegir el item (además del evento de selección), como `command` en PrimeNG. */
+    command?: (event: CbMenuCommandEvent<CbContextMenuItem>) => void;
+    /** `false` oculta el item. */
+    visible?: boolean;
 }
 /** Context menu that opens at the pointer position on right click. */
 declare class CbContextMenu {
@@ -15,6 +20,8 @@ declare class CbContextMenu {
     private readonly vcr;
     private readonly destroyRef;
     readonly items: _angular_core.InputSignal<readonly CbContextMenuItem[]>;
+    /** Items sin los de `visible: false`. */
+    protected readonly visibleItems: _angular_core.Signal<CbContextMenuItem[]>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly itemSelect: _angular_core.OutputEmitterRef<CbContextMenuItem>;
     private readonly content;

package/types/caribeng-ui-copy-button.d.ts

@@ -0,0 +1,90 @@
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { CbSeverity, CbSize } from '@caribeng/ui';
+import { CbButtonVariant } from '@caribeng/ui/button';
+
+/**
+ * Botón que copia un texto al portapapeles y confirma con un ✓ durante unos
+ * segundos. El resultado se anuncia a los lectores de pantalla.
+ *
+ * @example
+ * ```html
+ * <span>0012 3456 7890</span> <cb-copy-button value="001234567890" />
+ * <cb-copy-button [value]="apiKey" showLabel variant="outlined" />
+ * ```
+ */
+declare class CbCopyButton {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    private readonly clipboard;
+    private timer;
+    /** Texto que se copia. */
+    readonly value: _angular_core.InputSignal<string | number | null | undefined>;
+    /** Muestra el texto ("Copiar" / "Copiado") junto al icono. */
+    readonly showLabel: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Texto del botón y nombre accesible. Por defecto, "Copiar" del idioma activo. */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Texto tras copiar. Por defecto, "Copiado". */
+    readonly copiedLabel: _angular_core.InputSignal<string | undefined>;
+    /** Milisegundos que dura la confirmación. */
+    readonly timeout: _angular_core.InputSignal<number>;
+    readonly variant: _angular_core.InputSignal<CbButtonVariant>;
+    readonly severity: _angular_core.InputSignal<CbSeverity>;
+    readonly size: _angular_core.InputSignal<CbSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Texto copiado. */
+    readonly copied: _angular_core.OutputEmitterRef<string>;
+    /** El navegador no permitió copiar. */
+    readonly copyError: _angular_core.OutputEmitterRef<string>;
+    protected readonly state: _angular_core.WritableSignal<"idle" | "copied" | "error">;
+    protected readonly buttonLabel: _angular_core.Signal<string>;
+    protected readonly visibleLabel: _angular_core.Signal<string>;
+    protected readonly announcement: _angular_core.Signal<string>;
+    protected readonly iconSize: _angular_core.Signal<18 | 14 | 16>;
+    constructor();
+    /** Copia el valor y muestra la confirmación. Resuelve `true` si lo consiguió. */
+    copy(): Promise<boolean>;
+    private clearTimer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCopyButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbCopyButton, "cb-copy-button", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "copiedLabel": { "alias": "copiedLabel"; "required": false; "isSignal": true; }; "timeout": { "alias": "timeout"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "copied": "copied"; "copyError": "copyError"; }, never, never, true, never>;
+}
+
+/**
+ * Copia un texto al portapapeles al pulsar el elemento (botón, enlace, icono…).
+ * Para el aviso visual usa `cb-copy-button`, o reacciona a `copied`.
+ *
+ * @example
+ * ```html
+ * <button type="button" [cbCopy]="cuenta" (copied)="toast.add({ summary: 'Copiado' })">Copiar</button>
+ * ```
+ */
+declare class CbCopy {
+    private readonly clipboard;
+    /** Texto que se copia. */
+    readonly cbCopy: _angular_core.InputSignal<string | number | null | undefined>;
+    /** Texto copiado. */
+    readonly copied: _angular_core.OutputEmitterRef<string>;
+    /** El navegador no permitió copiar. */
+    readonly copyError: _angular_core.OutputEmitterRef<string>;
+    /** Copia el texto. Resuelve `true` si lo consiguió. */
+    copy(): Promise<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCopy, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CbCopy, "[cbCopy]", never, { "cbCopy": { "alias": "cbCopy"; "required": false; "isSignal": true; }; }, { "copied": "copied"; "copyError": "copyError"; }, never, never, true, never>;
+}
+
+/**
+ * Portapapeles de CaribeNG. Usa la API asíncrona del navegador y, si no está
+ * disponible (HTTP sin contexto seguro, navegadores antiguos), un textarea
+ * temporal con `execCommand('copy')`.
+ */
+declare class CbClipboard {
+    private readonly doc;
+    /** Copia `text`. Resuelve `true` si se copió y `false` si el navegador lo impidió. */
+    copy(text: string): Promise<boolean>;
+    private copyWithTextarea;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbClipboard, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CbClipboard>;
+}
+
+export { CbClipboard, CbCopy, CbCopyButton };
+//# sourceMappingURL=caribeng-ui-copy-button.d.ts.map

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import * as _caribeng_ui from '@caribeng/ui';
+import { cbFormat } from '@caribeng/ui';
 
 /** Elemento con la forma de la presentación por defecto (título, categoría y descripción). */
 interface CbDataViewItem {
@@ -46,6 +47,7 @@ declare class CbDataViewHeader {
  */
 declare class CbDataView {
     protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    protected readonly fmt: typeof cbFormat;
     /** Colección a mostrar. */
     readonly value: _angular_core.InputSignal<readonly unknown[]>;
     /** Vista: cuadrícula o lista (two-way). */

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

@@ -8,15 +8,27 @@ interface CbDockItem {
     url?: string;
     disabled?: boolean;
 }
-/** Compact application launcher with configurable orientation. */
+/**
+ * Compact application launcher with configurable orientation.
+ *
+ * Sigue el patrón WAI-ARIA *toolbar*: un solo elemento entra en el orden de
+ * tabulación y las flechas (según la orientación), Inicio y Fin recorren el resto.
+ */
 declare class CbDock {
+    private readonly host;
     /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
     protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly items: _angular_core.InputSignal<readonly CbDockItem[]>;
     readonly position: _angular_core.InputSignal<CbDockPosition>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly itemSelect: _angular_core.OutputEmitterRef<CbDockItem>;
+    protected readonly vertical: _angular_core.Signal<boolean>;
+    /** Último elemento enfocado (el que recibe Tab al volver). */
+    protected readonly active: _angular_core.WritableSignal<number>;
+    /** Elemento con `tabindex="0"`: el activo si se puede enfocar, si no el primero habilitado. */
+    protected readonly tabStop: _angular_core.Signal<number>;
     select(item: CbDockItem): void;
+    protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbDock, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbDock, "cb-dock", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, never, never, true, never>;
 }

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

@@ -27,6 +27,8 @@ declare class CbDrawer {
     readonly dismissableMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Ancho (izquierda/derecha) o alto (arriba/abajo) del panel, p. ej. `'32rem'`. */
+    readonly size: _angular_core.InputSignal<string>;
     readonly onShow: _angular_core.OutputEmitterRef<void>;
     readonly onHide: _angular_core.OutputEmitterRef<void>;
     protected readonly titleId: string;
@@ -39,7 +41,7 @@ declare class CbDrawer {
     private edgePosition;
     private disposeOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbDrawer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbDrawer, "cb-drawer", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; }, never, ["*", "[cb-drawer-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbDrawer, "cb-drawer", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onShow": "onShow"; "onHide": "onHide"; }, never, ["*", "[cb-drawer-footer]"], true, never>;
 }
 
 export { CbDrawer };

package/types/caribeng-ui-file-card.d.ts

@@ -1,17 +1,27 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+import { CbMenuItem } from '@caribeng/ui/menu';
 
 /**
  * Tarjeta de categoría/almacenamiento de CaribeNG: icono con tinte, título y
  * subtítulo a la izquierda; dos valores alineados a la derecha. Útil para
  * resúmenes de media, almacenamiento o métricas de categoría.
  *
+ * Como `cb-folder-card`: con `actions` muestra un botón ⋮ con un menú
+ * (`actionSelect`) y con `clickable` toda la tarjeta emite `open`.
+ *
  * @example
  * ```html
  * <cb-file-card icon="image" color="#10b981" title="Imágenes"
- *   subtitle="17% usado" value="245 archivos" valueSub="26.4 GB" />
+ *   subtitle="17% usado" value="245 archivos" valueSub="26.4 GB"
+ *   clickable (open)="verImagenes()" />
  * ```
  */
 declare class CbFileCard {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    private readonly menu;
+    private readonly trigger;
     /** Nombre del icono (del set de CaribeNG). */
     readonly icon: _angular_core.InputSignal<string>;
     /** Color del icono (CSS). El fondo del recuadro se deriva con transparencia. */
@@ -24,10 +34,25 @@ declare class CbFileCard {
     readonly value: _angular_core.InputSignal<string>;
     /** Valor secundario a la derecha (p. ej. "26.4 GB"). */
     readonly valueSub: _angular_core.InputSignal<string>;
+    /** Acciones del menú ⋮. Sin acciones no se muestra el botón. */
+    readonly actions: _angular_core.InputSignal<readonly CbMenuItem[]>;
+    /** Nombre del botón ⋮ y del menú. Por defecto, "Más acciones: {título}" del idioma activo. */
+    readonly actionsAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Toda la tarjeta es pulsable y emite `open` (clic, Enter o Espacio). */
+    readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Acción elegida en el menú ⋮. */
+    readonly actionSelect: _angular_core.OutputEmitterRef<CbMenuItem>;
+    /** Se pulsó la tarjeta (solo con `clickable`). */
+    readonly open: _angular_core.OutputEmitterRef<MouseEvent>;
+    protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly menuLabel: _angular_core.Signal<string>;
     /** Fondo tintado derivado del color (cualquier color CSS: hex, rgb(), var(--…)). */
     protected tintBg(): string | null;
+    /** Abre o cierra el menú de acciones anclado al botón ⋮. */
+    toggleMenu(): void;
+    protected openFromKeyboard(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbFileCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbFileCard, "cb-file-card", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueSub": { "alias": "valueSub"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbFileCard, "cb-file-card", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "valueSub": { "alias": "valueSub"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "actionSelect": "actionSelect"; "open": "open"; }, never, never, true, never>;
 }
 
 export { CbFileCard };

package/types/caribeng-ui-folder-card.d.ts

@@ -1,20 +1,27 @@
 import * as _angular_core from '@angular/core';
 import * as _caribeng_ui from '@caribeng/ui';
+import { CbMenuItem } from '@caribeng/ui/menu';
 
 /**
  * Tarjeta de carpeta de CaribeNG: icono de carpeta, nombre y una fila con
- * número de archivos y tamaño. Proyecta acciones (menú) por `[cb-folder-actions]`.
+ * número de archivos y tamaño.
+ *
+ * Con `actions` muestra un botón ⋮ que abre un menú (`cb-menu`) con esas
+ * acciones y emite `actionSelect`. Con `clickable`, toda la tarjeta abre la
+ * carpeta (`open`) sin interferir con el botón del menú. Sigue aceptando un
+ * trigger propio proyectado por `[cb-folder-actions]`.
  *
  * @example
  * ```html
- * <cb-folder-card name="Imágenes" files="345" size="26.4 GB">
- *   <button cb-folder-actions aria-label="Opciones">⋮</button>
- * </cb-folder-card>
+ * <cb-folder-card name="Imágenes" files="345" size="26.4 GB" clickable
+ *   [actions]="acciones" (actionSelect)="onAccion($event)" (open)="abrir()" />
  * ```
  */
 declare class CbFolderCard {
     /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
     protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    private readonly menu;
+    private readonly trigger;
     /** Nombre de la carpeta. */
     readonly name: _angular_core.InputSignal<string>;
     /** Número de archivos (texto o número). */
@@ -25,8 +32,23 @@ declare class CbFolderCard {
     readonly size: _angular_core.InputSignal<string>;
     /** Color del icono de carpeta. */
     readonly color: _angular_core.InputSignal<string>;
+    /** Acciones del menú ⋮ (abrir, renombrar, eliminar…). Sin acciones no se muestra el botón. */
+    readonly actions: _angular_core.InputSignal<readonly CbMenuItem[]>;
+    /** Nombre del botón ⋮ y del menú. Por defecto, "Más acciones: {nombre}" del idioma activo. */
+    readonly actionsAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Toda la tarjeta es pulsable y emite `open` (clic, Enter o Espacio). */
+    readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Acción elegida en el menú ⋮. */
+    readonly actionSelect: _angular_core.OutputEmitterRef<CbMenuItem>;
+    /** Se pidió abrir la carpeta (solo con `clickable`). */
+    readonly open: _angular_core.OutputEmitterRef<MouseEvent>;
+    protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly menuLabel: _angular_core.Signal<string>;
+    /** Abre o cierra el menú de acciones anclado al botón ⋮. */
+    toggleMenu(): void;
+    protected openFromKeyboard(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbFolderCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbFolderCard, "cb-folder-card", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; "filesLabel": { "alias": "filesLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["[cb-folder-actions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbFolderCard, "cb-folder-card", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; "filesLabel": { "alias": "filesLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsAriaLabel": { "alias": "actionsAriaLabel"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "actionSelect": "actionSelect"; "open": "open"; }, never, ["[cb-folder-actions]"], true, never>;
 }
 
 export { CbFolderCard };

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

@@ -18,6 +18,8 @@ declare class CbInputMask implements ControlValueAccessor {
     /** Estado de validación: inputs manuales + estado de Angular Forms. */
     protected readonly fieldState: _caribeng_ui.CbFieldState;
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** `id` del campo, para asociarlo a un `<label for>`. */
+    readonly inputId: _angular_core.InputSignal<string>;
     readonly value: _angular_core.ModelSignal<string>;
     private readonly cvaDisabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
@@ -38,7 +40,7 @@ declare class CbInputMask implements ControlValueAccessor {
     private applyMask;
     private matchesToken;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbInputMask, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbInputMask, "cb-input-mask", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "unmask": { "alias": "unmask"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbInputMask, "cb-input-mask", never, { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "unmask": { "alias": "unmask"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 export { CbInputMask };