@caribeng/ui 22.1.1 → 22.2.0

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

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+
+type CbResultStatus = 'success' | 'error' | 'warning' | 'info' | '404' | '403' | '500';
+/**
+ * Result de CaribeNG: pantalla de resultado (operación exitosa, error,
+ * aviso) o de error HTTP (404, 403, 500) con título, subtítulo, contenido extra
+ * y acciones proyectadas.
+ *
+ * @example
+ * ```html
+ * <cb-result status="success" title="Transferencia enviada" subtitle="Comprobante #48213">
+ *   <cb-button>Volver al inicio</cb-button>
+ * </cb-result>
+ * ```
+ */
+declare class CbResult {
+    /** Tipo de resultado: define el icono y el color. */
+    readonly status: _angular_core.InputSignal<CbResultStatus>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string>;
+    /** Icono propio (en lugar del del estado). */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Nivel del encabezado del título (por defecto 2). */
+    readonly headingLevel: _angular_core.InputSignal<number>;
+    protected readonly isHttp: _angular_core.Signal<boolean>;
+    protected readonly defaultIcon: _angular_core.Signal<string>;
+    /** Los errores HTTP usan el color neutro; los demás, el de su estado. */
+    protected readonly statusClass: _angular_core.Signal<CbResultStatus | "http">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbResult, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbResult, "cb-result", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CbResult };
+export type { CbResultStatus };
+//# sourceMappingURL=caribeng-ui-result.d.ts.map

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * ScrollPanel de CaribeNG: contenedor de desplazamiento con barras estilizadas
@@ -12,12 +13,14 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbScrollPanel {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     /** Ancho CSS del contenedor (ej. `'100%'`, `'320px'`). */
     readonly width: _angular_core.InputSignal<string>;
     /** Alto CSS del contenedor (ej. `'200px'`). */
     readonly height: _angular_core.InputSignal<string>;
     /** Etiqueta accesible para la región con scroll. */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     private readonly viewportRef;
     /** Desplaza el contenido a la posición indicada. */
     scrollTop(top: number): void;

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 type CbScrollTopTarget = 'window' | 'parent';
 /**
@@ -16,6 +17,8 @@ type CbScrollTopTarget = 'window' | 'parent';
  * ```
  */
 declare class CbScrollTop {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     private readonly doc;
     private readonly hostRef;
     private readonly destroyRef;
@@ -28,7 +31,7 @@ declare class CbScrollTop {
     /** Nombre del icono de `<cb-icon>`. */
     readonly icon: _angular_core.InputSignal<string>;
     /** Etiqueta accesible para el botón. */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly visible: _angular_core.WritableSignal<boolean>;
     private cleanupFn;
     constructor();

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

@@ -1,30 +1,72 @@
+import * as _angular_core from '@angular/core';
 import * as _caribeng_ui from '@caribeng/ui';
 import { CbSize } from '@caribeng/ui';
-import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ConnectedPosition } from '@angular/cdk/overlay';
 
+/** Opción con su posición en la lista filtrada (la que usan teclado y `aria-activedescendant`). */
+interface IndexedOption {
+    opt: unknown;
+    index: number;
+}
+/** Grupo de opciones ya filtrado; `label` es `null` cuando no se agrupa. */
+interface OptionGroup {
+    label: string | null;
+    options: IndexedOption[];
+}
+/** Fila del modo virtual: cabecera de grupo u opción, todas de la misma altura. */
+type VirtualRow = {
+    kind: 'group';
+    label: string;
+    key: string;
+} | ({
+    kind: 'option';
+} & IndexedOption);
 /**
  * Select (dropdown) de CaribeNG. Listbox accesible sobre CDK Overlay con
- * navegación por teclado, filtro opcional e integración con Angular Forms
+ * navegación por teclado, búsqueda al teclear, filtro opcional, grupos,
+ * scroll virtual para listas grandes e integración con Angular Forms
  * mediante `ControlValueAccessor`.
  *
  * @example
  * ```html
  * <cb-select [options]="ciudades" optionLabel="nombre" optionValue="id"
- *            formControlName="ciudad" placeholder="Elige una ciudad" />
+ *            formControlName="ciudad" placeholder="Elige una ciudad" showClear />
+ *
+ * <!-- Agrupado: [{ label: 'Colombia', items: [...] }, …] -->
+ * <cb-select [options]="paises" group optionLabel="nombre" />
+ *
+ * <!-- 10 000 opciones -->
+ * <cb-select [options]="clientes" virtualScroll [virtualScrollItemSize]="36" filter />
  * ```
  */
 declare class CbSelect implements ControlValueAccessor {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    private readonly injector;
     readonly options: _angular_core.InputSignal<readonly unknown[]>;
     readonly optionLabel: _angular_core.InputSignal<string>;
     readonly optionValue: _angular_core.InputSignal<string | null>;
     readonly optionDisabled: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Las opciones son grupos (`{ label, items }`): se muestran con su título. */
+    readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Propiedad con el título de cada grupo. */
+    readonly optionGroupLabel: _angular_core.InputSignal<string>;
+    /** Propiedad con las opciones de cada grupo. */
+    readonly optionGroupChildren: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
     readonly size: _angular_core.InputSignal<CbSize>;
     readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly filterPlaceholder: _angular_core.InputSignal<string>;
-    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string | undefined>;
+    readonly emptyMessage: _angular_core.InputSignal<string | undefined>;
+    /** Muestra un botón para vaciar la selección. */
+    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Alto máximo de la lista (CSS). En modo virtual es su alto fijo. */
+    readonly scrollHeight: _angular_core.InputSignal<string>;
+    /** Pinta solo las opciones visibles: para listas de miles de elementos. */
+    readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Alto fijo de cada fila en modo virtual (px). */
+    readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Estado de validación: inputs manuales + estado de Angular Forms. */
     protected readonly fieldState: _caribeng_ui.CbFieldState;
@@ -40,15 +82,29 @@ declare class CbSelect implements ControlValueAccessor {
     protected readonly activeIndex: _angular_core.WritableSignal<number>;
     protected readonly filterText: _angular_core.WritableSignal<string>;
     protected readonly triggerWidth: _angular_core.WritableSignal<number>;
+    protected readonly scrollTop: _angular_core.WritableSignal<number>;
     private readonly cvaDisabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly listboxId: string;
     private readonly triggerRef;
     private readonly filterInputRef;
+    private readonly viewportRef;
     protected readonly positions: ConnectedPosition[];
-    protected readonly filteredOptions: _angular_core.Signal<readonly unknown[]>;
+    private typeahead;
+    private typeaheadTimer;
+    /** Todas las opciones (aplanando los grupos). */
+    protected readonly flatOptions: _angular_core.Signal<readonly unknown[]>;
+    protected readonly filteredGroups: _angular_core.Signal<OptionGroup[]>;
+    protected readonly filteredOptions: _angular_core.Signal<unknown[]>;
+    /** Filas del modo virtual (cabeceras de grupo + opciones). */
+    protected readonly virtualRows: _angular_core.Signal<VirtualRow[]>;
+    protected readonly viewportHeight: _angular_core.Signal<number>;
+    private readonly windowStart;
+    protected readonly windowOffset: _angular_core.Signal<number>;
+    protected readonly visibleRows: _angular_core.Signal<VirtualRow[]>;
     protected readonly selectedOption: _angular_core.Signal<{} | null>;
     protected readonly displayLabel: _angular_core.Signal<string>;
+    protected readonly canClear: _angular_core.Signal<boolean>;
     protected readonly activeDescendant: _angular_core.Signal<string | null>;
     constructor();
     private onChange;
@@ -61,6 +117,8 @@ declare class CbSelect implements ControlValueAccessor {
     protected openPanel(): void;
     protected close(): void;
     protected selectOption(opt: unknown): void;
+    /** Vacía la selección (botón de `showClear`) y devuelve el foco al disparador. */
+    clear(): void;
     protected onBlur(): void;
     protected onFilter(event: Event): void;
     protected onOverlayKeydown(event: KeyboardEvent): void;
@@ -70,14 +128,20 @@ declare class CbSelect implements ControlValueAccessor {
     protected isOptionDisabled(opt: unknown): boolean;
     protected isSelected(opt: unknown): boolean;
     protected optionId(index: number): string;
-    protected trackOption(opt: unknown): unknown;
+    protected groupId(index: number): string;
+    private groupLabelOf;
+    private childrenOf;
+    /** Cambia la opción activa y la desplaza a la vista. */
+    private setActive;
     private move;
+    /** Teclear salta a la siguiente opción que empieza por lo escrito (se reinicia tras 500 ms). */
+    private searchByTyping;
     private selectActive;
     private firstEnabledIndex;
     private lastEnabledIndex;
     private ensureActiveVisible;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbSelect, "cb-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbSelect, "cb-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 export { CbSelect };

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

@@ -1,50 +1,103 @@
+import * as _angular_core from '@angular/core';
 import * as _caribeng_ui from '@caribeng/ui';
 import { CbSize } from '@caribeng/ui';
-import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
+/** Rango del slider: `[mínimo, máximo]`. */
+type CbSliderRange = readonly [number, number];
+/** Formato del valor: opciones de `Intl.NumberFormat` o una función propia. */
+type CbSliderValueFormat = Intl.NumberFormatOptions | ((value: number) => string);
 /**
  * Control deslizante (slider) de CaribeNG, integrado con Angular Forms vía
- * `ControlValueAccessor`. Soporta arrastre con puntero y navegación por teclado.
+ * `ControlValueAccessor`. Soporta arrastre con puntero, teclado y un modo de
+ * rango con dos tiradores (patrón WAI-ARIA *multi-thumb slider*).
+ *
+ * - Un valor: `[(value)]` (número).
+ * - Rango: `range` + `[(rangeValue)]` (`[mínimo, máximo]`). Con Angular Forms,
+ *   el control recibe el número o el par según el modo.
  *
  * @example
  * ```html
- * <cb-slider formControlName="volumen" [min]="0" [max]="100" [step]="5" />
+ * <cb-slider formControlName="volumen" [min]="0" [max]="100" [step]="5" ariaLabel="Volumen" />
+ * <cb-slider range [(rangeValue)]="precio" [min]="0" [max]="2000000" [step]="50000"
+ *            [valueFormat]="{ style: 'currency', currency: 'COP', maximumFractionDigits: 0 }" showValue ariaLabel="Precio" />
  * ```
  */
 declare class CbSlider implements ControlValueAccessor {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    /** Valor en modo de un tirador. */
     readonly value: _angular_core.ModelSignal<number>;
+    /** Valor en modo `range`: `[mínimo, máximo]`. */
+    readonly rangeValue: _angular_core.ModelSignal<CbSliderRange>;
     readonly min: _angular_core.InputSignal<number>;
     readonly max: _angular_core.InputSignal<number>;
     readonly step: _angular_core.InputSignal<number>;
     readonly size: _angular_core.InputSignal<CbSize>;
+    /** Dos tiradores para elegir un rango (`[(rangeValue)]`). */
+    readonly range: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Muestra el valor encima de cada tirador. */
+    readonly showValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Formato del valor (texto visible y `aria-valuetext`). */
+    readonly valueFormat: _angular_core.InputSignal<CbSliderValueFormat | undefined>;
+    /** Locale BCP 47 del formato (por defecto, el del navegador). */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Marca visual y ARIA de estado inválido (también se activa con Angular Forms). */
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Estado de validación: inputs manuales + estado de Angular Forms. */
     protected readonly fieldState: _caribeng_ui.CbFieldState;
+    /** Nombre accesible; en modo rango se completa con "Mínimo" / "Máximo". */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly inputId: _angular_core.InputSignal<string>;
+    /** Valor nuevo (número o rango) cada vez que cambia. */
     readonly changed: _angular_core.OutputEmitterRef<number>;
+    readonly rangeChanged: _angular_core.OutputEmitterRef<CbSliderRange>;
     private readonly track;
-    private dragging;
+    /** Tirador que se arrastra o se movió por última vez (0 = mínimo, 1 = máximo). */
+    protected readonly activeThumb: _angular_core.WritableSignal<0 | 1>;
     private readonly cvaDisabled;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
-    protected readonly percent: _angular_core.Signal<number>;
+    private readonly formatter;
+    protected readonly lowPercent: _angular_core.Signal<number>;
+    protected readonly highPercent: _angular_core.Signal<number>;
+    /** Datos de cada tirador: en rango, los límites de uno dependen del otro (no se cruzan). */
+    protected readonly thumbs: _angular_core.Signal<({
+        index: 0;
+        value: number;
+        min: number;
+        max: number;
+        percent: number;
+        text: string;
+        label: string;
+    } | {
+        index: 1;
+        value: number;
+        min: number;
+        max: number;
+        percent: number;
+        text: string;
+        label: string;
+    })[]>;
     private onChange;
     protected onTouched: () => void;
-    writeValue(value: number | null): void;
-    registerOnChange(fn: (value: number) => void): void;
+    writeValue(value: number | CbSliderRange | null): void;
+    registerOnChange(fn: (value: number | CbSliderRange) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     protected onPointerDown(event: PointerEvent): void;
+    private valueAtClientX;
+    private nearestThumb;
     private updateFromClientX;
-    protected onKeydown(event: KeyboardEvent): void;
+    protected onKeydown(event: KeyboardEvent, thumb: 0 | 1): void;
+    private percentOf;
     private clampSnap;
-    private commit;
+    /** Mueve un tirador sin cruzar el otro y avisa del cambio. */
+    private setThumb;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbSlider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbSlider, "cb-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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": "valueChange"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbSlider, "cb-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "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": "valueChange"; "rangeValue": "rangeValueChange"; "changed": "changed"; "rangeChanged": "rangeChanged"; }, never, never, true, never>;
 }
 
 export { CbSlider };
+export type { CbSliderRange, CbSliderValueFormat };
 //# sourceMappingURL=caribeng-ui-slider.d.ts.map

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 type CbSpeedDialDirection = 'up' | 'down' | 'left' | 'right';
 interface CbSpeedDialItem {
@@ -7,12 +8,14 @@ interface CbSpeedDialItem {
     disabled?: boolean;
 }
 declare class CbSpeedDial {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly items: _angular_core.InputSignal<readonly CbSpeedDialItem[]>;
     readonly direction: _angular_core.InputSignal<CbSpeedDialDirection>;
     readonly icon: _angular_core.InputSignal<string>;
     readonly closeIcon: _angular_core.InputSignal<string>;
-    readonly openLabel: _angular_core.InputSignal<string>;
-    readonly closeLabel: _angular_core.InputSignal<string>;
+    readonly openLabel: _angular_core.InputSignal<string | undefined>;
+    readonly closeLabel: _angular_core.InputSignal<string | undefined>;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly itemSelect: _angular_core.OutputEmitterRef<CbSpeedDialItem>;
     protected select(item: CbSpeedDialItem): void;

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 import { CbSeverity } from '@caribeng/ui';
 
 /**
@@ -11,6 +12,8 @@ import { CbSeverity } from '@caribeng/ui';
  * ```
  */
 declare class CbSpinner {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     /** Tamaño en píxeles. */
     readonly size: _angular_core.InputSignal<number>;
     /** Grosor del trazo. */

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

@@ -0,0 +1,49 @@
+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';
+import { CbMenuItem } from '@caribeng/ui/menu';
+
+/**
+ * SplitButton de CaribeNG: una acción principal y un menú con acciones
+ * secundarias ("Guardar ▾"). La flecha abre el menú (también con Flecha abajo)
+ * y anuncia `aria-haspopup="menu"` / `aria-expanded`.
+ *
+ * @example
+ * ```html
+ * <cb-split-button label="Guardar" icon="check" [items]="masOpciones"
+ *                  (primaryClick)="guardar()" (itemSelect)="onOpcion($event)" />
+ * ```
+ */
+declare class CbSplitButton {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    private readonly host;
+    private readonly menu;
+    /** Texto de la acción principal (también nombra el grupo). */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Icono de la acción principal. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Acciones secundarias del menú. */
+    readonly items: _angular_core.InputSignal<readonly CbMenuItem[]>;
+    readonly severity: _angular_core.InputSignal<CbSeverity>;
+    readonly variant: _angular_core.InputSignal<CbButtonVariant>;
+    readonly size: _angular_core.InputSignal<CbSize>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Nombre del botón de la flecha y del menú. Por defecto, "Más acciones" del idioma activo. */
+    readonly menuAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Clic en la acción principal. */
+    readonly primaryClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    /** Acción secundaria elegida en el menú. */
+    readonly itemSelect: _angular_core.OutputEmitterRef<CbMenuItem>;
+    protected readonly open: _angular_core.WritableSignal<boolean>;
+    /** Abre o cierra el menú anclado (y devuelve el foco) al botón real de la flecha. */
+    toggleMenu(): void;
+    protected openFromKeyboard(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbSplitButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbSplitButton, "cb-split-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; "isSignal": true; }; }, { "primaryClick": "primaryClick"; "itemSelect": "itemSelect"; }, never, ["*"], true, never>;
+}
+
+export { CbSplitButton };
+//# sourceMappingURL=caribeng-ui-splitbutton.d.ts.map

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 type CbSplitterLayout = 'horizontal' | 'vertical';
 interface CbSplitterResizeEndEvent {
@@ -17,6 +18,8 @@ interface CbSplitterResizeEndEvent {
  * ```
  */
 declare class CbSplitter {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     protected readonly Math: Math;
     private readonly hostRef;
     /** Orientación de la división: `'horizontal'` (lado a lado) o `'vertical'` (apilados). */

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

@@ -0,0 +1,65 @@
+import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
+
+/** Tendencia de una cifra: sube o baja. */
+type CbStatisticTrend = 'up' | 'down';
+/**
+ * Statistic de CaribeNG: cifra destacada para dashboards, con título, prefijo,
+ * sufijo, formato con `Intl.NumberFormat` y tendencia opcional.
+ *
+ * @example
+ * ```html
+ * <cb-statistic title="Saldo disponible" [value]="12450000" locale="es-CO"
+ *               [format]="{ style: 'currency', currency: 'COP', maximumFractionDigits: 0 }" />
+ * <cb-statistic title="Gastos del mes" [value]="8.4" suffix="%" trend="down" trendLabel="vs. septiembre" />
+ * ```
+ */
+declare class CbStatistic {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<string | number | null>;
+    readonly prefix: _angular_core.InputSignal<string>;
+    readonly suffix: _angular_core.InputSignal<string>;
+    /** Opciones de `Intl.NumberFormat` (moneda, porcentaje, decimales…). */
+    readonly format: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
+    /** Locale BCP 47 del formato (por defecto, el del navegador). */
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    /** Tendencia: añade flecha, color y el texto "aumenta" / "disminuye". */
+    readonly trend: _angular_core.InputSignal<CbStatisticTrend | null>;
+    /** Texto junto a la tendencia (p. ej. "+12 % vs. septiembre"). */
+    readonly trendLabel: _angular_core.InputSignal<string>;
+    protected readonly formatted: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbStatistic, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbStatistic, "cb-statistic", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; "trendLabel": { "alias": "trendLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Countdown de CaribeNG: cuenta regresiva hasta una fecha (vencimientos,
+ * códigos OTP, ofertas). Emite `finished` al llegar a cero.
+ *
+ * @example
+ * ```html
+ * <cb-countdown title="Tu código vence en" [target]="vence" (finished)="pedirOtro()" />
+ * ```
+ */
+declare class CbCountdown {
+    readonly title: _angular_core.InputSignal<string>;
+    /** Momento final (fecha o milisegundos desde 1970). */
+    readonly target: _angular_core.InputSignal<number | Date>;
+    /** Mostrar los días aunque sean 0. Por defecto solo cuando quedan días. */
+    readonly showDays: _angular_core.InputSignal<boolean>;
+    /** Se emite una vez al llegar a cero. */
+    readonly finished: _angular_core.OutputEmitterRef<void>;
+    private readonly now;
+    private finishedFor;
+    /** Milisegundos restantes (nunca negativos). */
+    protected readonly remaining: _angular_core.Signal<number>;
+    protected readonly display: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbCountdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CbCountdown, "cb-countdown", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": true; "isSignal": true; }; "showDays": { "alias": "showDays"; "required": false; "isSignal": true; }; }, { "finished": "finished"; }, never, never, true, never>;
+}
+
+export { CbCountdown, CbStatistic };
+export type { CbStatisticTrend };
+//# sourceMappingURL=caribeng-ui-statistic.d.ts.map

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 /**
  * Stepper de CaribeNG: asistente por pasos. Coloca varios `<cb-step>` dentro de
@@ -14,6 +15,8 @@ import * as _angular_core from '@angular/core';
  * ```
  */
 declare class CbStepper {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly steps: _angular_core.Signal<readonly CbStep[]>;
     /** Muestra los botones Atrás/Siguiente integrados. */
     readonly showNav: _angular_core.InputSignalWithTransform<boolean, unknown>;

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import * as _caribeng_ui from '@caribeng/ui';
 
 interface CbStepItem {
     label: string;
@@ -7,9 +8,11 @@ interface CbStepItem {
 }
 /** Clickable progress navigation for a multi-step flow. */
 declare class CbSteps {
+    /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+    protected readonly t: _angular_core.Signal<_caribeng_ui.CbTranslation>;
     readonly steps: _angular_core.InputSignal<readonly CbStepItem[]>;
     readonly activeIndex: _angular_core.ModelSignal<number>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly activeChange: _angular_core.OutputEmitterRef<number>;
     select(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CbSteps, never>;