codexly-ui 0.10.65 → 0.10.66

package/fesm2022/codexly-ui.mjs

@@ -14492,12 +14492,18 @@ class ClxProductDetailComponent {
         }
         return 0;
     }, ...(ngDevMode ? [{ debugName: "discount" }] : /* istanbul ignore next */ []));
+    /** An option is available only if some variation matching it (combined with the rest of the
+     *  current selection) both exists AND has stock — a sold-out combination is treated the same
+     *  as a non-existent one and hidden, per the same "hide, don't disable" rule already applied to
+     *  invalid combinations, so the visitor never sees a spec they can't actually buy. */
     isOptionAvailable(specTypeId, specOptionId) {
         const variations = this.product()?.variations ?? [];
         const currentSel = this.selectedSpecs();
         return variations.some(v => {
             if (v.specs[specTypeId] !== specOptionId)
                 return false;
+            if (!v.in_stock)
+                return false;
             return Object.entries(currentSel).every(([tid, oid]) => tid === specTypeId || v.specs[tid] === oid);
         });
     }