@ajuarezso/sui-design-system 0.13.2 → 0.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajuarezso/sui-design-system",
-  "version": "0.13.2",
+  "version": "0.14.1",
   "description": "SUI Design System — librería de componentes Angular (SUI 2.0).",
   "license": "UNLICENSED",
   "publishConfig": {

package/types/ajuarezso-sui-design-system.d.ts

@@ -9948,6 +9948,11 @@ declare const SUI_PRODUCT_FALLBACK_COLORS: readonly ["var(--sui-state-informatio
  *  shorthand (= solo la `url`, `position` default 50). */
 interface SuiProductCardImage {
     url: string;
+    /** Foto grande a la que caer si `url` (normalmente una miniatura) no carga.
+     *  Una miniatura puede morir sin que muera el original —se regeneró, se
+     *  reasignó, quedó apuntando a un objeto borrado—, y sin esto el producto se
+     *  ve vacío aunque su foto exista. */
+    fallbackUrl?: string;
     /** Encuadre vertical de la imagen (CSS object-position Y, 0–100). Default 50. */
     position?: number;
 }
@@ -9959,6 +9964,10 @@ interface SuiProductCardFallback {
     color?: string | null;
 }
 declare class SuiProductCard {
+    protected readonly cargandoImagen: _angular_core.WritableSignal<boolean>;
+    constructor();
+    protected imagenLista(): void;
+    protected imagenFallo(): void;
     /** Nombre del producto (título de la card + fuente del color del fallback). */
     readonly name: _angular_core.InputSignal<string>;
     /** Descripción corta (1 línea, opcional). */
@@ -9997,7 +10006,15 @@ declare class SuiProductCard {
     readonly showStepper: _angular_core.Signal<boolean>;
     /** Config resuelta de la imagen (string → { url }; `position` default 50).
      *  null = sin imagen → fallback. */
-    readonly imageCfg: _angular_core.Signal<Required<SuiProductCardImage> | null>;
+    readonly imageCfg: _angular_core.Signal<{
+        url: string;
+        position: number;
+        fallbackUrl: string | null;
+    } | null>;
+    /** La miniatura no cargó: se pasó a la foto grande. */
+    private readonly cayoAlOriginal;
+    /** La url que el <img> pide realmente. */
+    protected readonly urlMostrada: _angular_core.Signal<string | null>;
     /** Config resuelta del fallback (null → variant `'name'`, sin color explícito). */
     private readonly fallbackCfg;
     readonly showNamedFallback: _angular_core.Signal<boolean>;