codexly-ui 0.23.2 → 0.24.0

package/fesm2022/codexly-ui.mjs

@@ -17436,12 +17436,16 @@ class ClxProductTagService {
     badgesFor(ctx) {
         const styles = this._styles() ?? [];
         const manual = new Set(ctx.tags);
+        const hidden = new Set(ctx.hiddenSystemTags ?? []);
         const units = ctx.stockQuantity;
         const low = styles.find(s => s.kind === 'LOW_STOCK');
-        // "Últimas unidades" replaces "N en stock" — both would say the same.
-        const isLow = !!low && ctx.inStock && units != null && units > 0 && units <= (low.stockThreshold ?? 0);
+        const threshold = ctx.lowStockThreshold ?? low?.stockThreshold ?? 0;
+        // "Últimas unidades" replaces "N en stock" — both would say the same (unless it's hidden here).
+        const isLow = !!low && !hidden.has('LOW_STOCK') && ctx.inStock && units != null && units > 0 && units <= threshold;
         const out = [];
         for (const s of styles) {
+            if (s.kind !== 'MANUAL' && hidden.has(s.kind))
+                continue;
             let n = null;
             switch (s.kind) {
                 case 'MANUAL':
@@ -17595,6 +17599,7 @@ class ClxProductComponent {
         return p
             ? this._tagSvc.badgesFor({
                 tags: p.tags ?? [], inStock: p.in_stock, stockQuantity: p.stock_quantity, discountPercent: this._discountPct(),
+                hiddenSystemTags: p.hidden_system_tags, lowStockThreshold: p.low_stock_threshold,
             })
             : [];
     }, ...(ngDevMode ? [{ debugName: "_badges" }] : /* istanbul ignore next */ []));
@@ -18195,18 +18200,21 @@ class ClxProductDetailComponent {
         }
         return 0;
     }, ...(ngDevMode ? [{ debugName: "discount" }] : /* istanbul ignore next */ []));
-    /** The host's configured tags (ClxProductTagService) for the selected variation, over the gallery. */
+    /** The host's configured tags (ClxProductTagService) for the selected variation, over the gallery —
+     *  the variation's own tags and settings when the host sends them, else the product's. */
     _badges = computed(() => {
         const p = this.product();
         const v = this.activeVariation();
         if (!p || !v)
             return [];
         return this._tagSvc.badgesFor({
-            tags: p.tags ?? [],
+            tags: v.tags ?? p.tags ?? [],
             inStock: v.in_stock,
             stockQuantity: v.stock_quantity,
             showStockCount: true,
             discountPercent: p.has_discount ? this.discount() : 0,
+            hiddenSystemTags: v.hidden_system_tags ?? p.hidden_system_tags,
+            lowStockThreshold: v.low_stock_threshold !== undefined ? v.low_stock_threshold : p.low_stock_threshold,
         });
     }, ...(ngDevMode ? [{ debugName: "_badges" }] : /* istanbul ignore next */ []));
     /** An option is available if some in-stock variation matches it together with the rest of the