codexly-ui 0.10.24 → 0.10.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.10.24",
+  "version": "0.10.26",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -2841,6 +2841,11 @@ interface ClxProduct {
     tags: string[];
     main_image?: string;
     in_stock: boolean;
+    /** Cuántas variantes/combinaciones distintas representa esta card (ej. un catálogo agrupado por
+     *  Color donde la card "Azul" cubre varias Tallas). > 1 hace que el botón de acción muestre "Ver
+     *  opciones" en vez de agregar directo al carrito, ya que la card no identifica una combinación
+     *  comprable única. undefined/1 se comporta igual que hoy. */
+    option_count?: number;
 }
 
 type ClxProductTag = 'new' | 'sale' | 'out-of-stock' | 'featured' | 'limited' | 'hot';
@@ -2859,6 +2864,10 @@ declare class ClxProductComponent {
     readonly imageFit: _angular_core.InputSignal<"contain" | "cover">;
     readonly addToCart: _angular_core.OutputEmitterRef<ClxProduct>;
     readonly addToWishlist: _angular_core.OutputEmitterRef<ClxProduct>;
+    /** Emitted instead of addToCart when option_count > 1 — the card can't identify a single
+     *  purchasable combination, so the host should route to the product page instead of adding
+     *  directly (see ClxProduct.option_count). */
+    readonly viewOptions: _angular_core.OutputEmitterRef<ClxProduct>;
     protected readonly PRODUCT_TAG_LABEL: Record<ClxProductTag, string>;
     protected readonly PRODUCT_TAG_COLOR: Record<ClxProductTag, codexly_ui.ClxColor>;
     protected readonly PRODUCT_TAG_VARIANT: Record<ClxProductTag, codexly_ui.ClxBadgeVariant>;
@@ -2866,6 +2875,7 @@ declare class ClxProductComponent {
     protected readonly _sm: _angular_core.Signal<boolean>;
     protected readonly _tags: _angular_core.Signal<ClxProductTag[]>;
     protected readonly _disabled: _angular_core.Signal<boolean>;
+    protected readonly _hasMultipleOptions: _angular_core.Signal<boolean>;
     protected readonly _price: _angular_core.Signal<number>;
     protected readonly _buttonSize: _angular_core.Signal<"sm" | "md">;
     protected readonly _skeletonW: _angular_core.Signal<"sm:w-32" | "sm:w-44">;
@@ -2880,7 +2890,7 @@ declare class ClxProductComponent {
     protected readonly _descClass: _angular_core.Signal<string>;
     protected readonly _priceClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxProductComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProductComponent, "clx-product", never, { "product": { "alias": "product"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "priority": { "alias": "priority"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "imageFit": { "alias": "imageFit"; "required": false; "isSignal": true; }; }, { "addToCart": "addToCart"; "addToWishlist": "addToWishlist"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProductComponent, "clx-product", never, { "product": { "alias": "product"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "priority": { "alias": "priority"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "imageFit": { "alias": "imageFit"; "required": false; "isSignal": true; }; }, { "addToCart": "addToCart"; "addToWishlist": "addToWishlist"; "viewOptions": "viewOptions"; }, never, never, true, never>;
 }
 
 /** st_spec_options */
@@ -2969,6 +2979,10 @@ interface ClxProductDetailData {
 
 declare class ClxProductDetailComponent {
     readonly product: _angular_core.InputSignal<ClxProductDetailData | null>;
+    /** Variation id to preselect instead of variations[0] — set this when the visitor arrived from a
+     *  catalog card that already represents a specific variation (e.g. a "Color" group), so the specs
+     *  land pre-selected instead of defaulting to whichever variation happens to be first. */
+    readonly initialVariationId: _angular_core.InputSignal<string | null>;
     readonly clxColor: _angular_core.InputSignal<ClxColorInput>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly currency: _angular_core.InputSignal<string>;
@@ -3002,7 +3016,7 @@ declare class ClxProductDetailComponent {
     specsLeft<T>(specs: T[]): T[];
     specsRight<T>(specs: T[]): T[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxProductDetailComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProductDetailComponent, "clx-product-detail", never, { "product": { "alias": "product"; "required": false; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; }, { "addToCart": "addToCart"; "buyNow": "buyNow"; "wishlist": "wishlist"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxProductDetailComponent, "clx-product-detail", never, { "product": { "alias": "product"; "required": false; "isSignal": true; }; "initialVariationId": { "alias": "initialVariationId"; "required": false; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; }, { "addToCart": "addToCart"; "buyNow": "buyNow"; "wishlist": "wishlist"; }, never, never, true, never>;
 }
 
 /** Refleja st_variations + st_products (campos necesarios para la wishlist card) */