codexly-ui 0.10.68 → 0.10.69

package/fesm2022/codexly-ui.mjs

@@ -14457,11 +14457,21 @@ class ClxProductDetailComponent {
         { id: 'specs', label: 'Especificaciones' },
         { id: 'description', label: 'Descripción' },
     ];
+    /** Tracks which product the spec selection was initialized for — the init effect below must run
+     *  once per actual product change, not every time initialVariationId() changes. A host app that
+     *  syncs its own ?variant= URL param from the (variationChange) output (see codexly-store's
+     *  product-detail page) feeds that id back into this same input; without this guard, every spec
+     *  click would round-trip through the host and re-trigger initialization, silently overwriting
+     *  the visitor's in-progress selection with the just-resolved variation's full spec set. */
+    _initializedForProductId = null;
     constructor() {
         effect(() => {
             const p = this.product();
             if (!p?.variations?.length)
                 return;
+            if (this._initializedForProductId === p.product_id)
+                return;
+            this._initializedForProductId = p.product_id;
             const initialId = this.initialVariationId();
             const initial = (initialId && p.variations.find(v => v.id === initialId)) || p.variations[0];
             this._initialVariation.set(initial);