@useinsider/guido 3.19.0-beta.acb00a2 → 3.19.0-beta.b539426

package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js

@@ -1,42 +1,42 @@
 var at = Object.defineProperty;
-var ct = (h, p, t) => p in h ? at(h, p, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[p] = t;
-var $ = (h, p, t) => ct(h, typeof p != "symbol" ? p + "" : p, t);
+var ct = (g, f, t) => f in g ? at(g, f, { enumerable: !0, configurable: !0, writable: !0, value: t }) : g[f] = t;
+var v = (g, f, t) => ct(g, typeof f != "symbol" ? f + "" : f, t);
 import { ACADEMY_LINKS as dt } from "../../../../../enums/academy.js";
-import { UIElementType as _, UEAttr as O, ModificationDescription as y } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { UIElementType as b, UEAttr as O, ModificationDescription as T } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as ut } from "../../../common-control.js";
-import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as C, ATTR_PRODUCT_OLD_PRICE as L, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as x, ATTR_RECOMMENDATION_TITLE as I, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as v, SELECTOR_ATTRIBUTE_ROW as N, SELECTOR_TITLE_CELL as z, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as E, CSS_CLASS_ATTRIBUTE_ROW as G, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_NAME as mt, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OLD_PRICE as I, ATTR_PRODUCT_OMNIBUS_PRICE as ht, ATTR_PRODUCT_OMNIBUS_DISCOUNT as pt, ATTR_PRODUCT_BUTTON as x, ATTR_RECOMMENDATION_TITLE as $, ATTR_DATA_CARD_COMPOSITION as K, ATTR_DATA_CUSTOM_ATTRIBUTES as W, ATTR_CUSTOM_PREFIX as N, SELECTOR_ATTRIBUTE_ROW as E, SELECTOR_TITLE_CELL as z, ATTR_DATA_VISIBILITY as D, ATTR_DATA_ATTRIBUTE_TYPE as R, CSS_CLASS_ATTRIBUTE_ROW as G, CSS_CLASS_SPACER as _t, BUILT_IN_DEFAULT_ATTRIBUTES as gt } from "../../constants/selectors.js";
 import { DEFAULT_COMPOSITION as Y, DEFAULT_VISIBILITY as X } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as g } from "../../services/configService.js";
+import { RecommendationConfigService as p } from "../../services/configService.js";
 import { useRecommendationExtensionStore as ft } from "../../store/recommendation.js";
 import { ATTRIBUTE_CELL_CLASS as bt, gridElementRenderer as yt, DEFAULT_CELL_PADDING as Tt, buildFillerCell as Ct } from "../../templates/grid/elementRenderer.js";
 import { listElementRenderer as St } from "../../templates/list/elementRenderer.js";
 import { buildTitleRows as At, DEFAULT_TITLE_PARAGRAPH as It, DEFAULT_TITLE_TEXT as $t } from "../../templates/titleRows.js";
 import { resolveInlinePriceOrder as vt, toDisplayName as Nt, toDisplayableAttributeValue as Et, buildElementRenderer as J } from "../../templates/utils.js";
-import { normalizeCompositionKeys as Rt, normalizeCustomAttrValues as Lt, compositionKeyToProductAttr as k, resolveRowCompositionKey as Ot, filterToProductAttrValue as T, findAttributeRow as Dt, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Ht, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
+import { normalizeCompositionKeys as Rt, normalizeCustomAttrValues as Lt, compositionKeyToProductAttr as M, resolveRowVisibilityKeys as Ot, filterToProductAttrValue as C, findAttributeRow as Dt, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Ht, productAttrToCompositionKey as k } from "../../utils/compositionKeys.js";
 import { getTableDisplayValue as Pt } from "../../utils/tagName.js";
-import { isPartnerManagedBlock as wt, regenerateProductRowsWithStyles as Bt, getMainContainerTbody as kt, getCurrentLayout as Mt } from "../main/utils.js";
+import { isPartnerManagedBlock as wt, regenerateProductRowsWithStyles as Bt, getMainContainerTbody as Mt, getCurrentLayout as kt } from "../main/utils.js";
 const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wrapper > tbody", Z = ".product-info-cell > table > tbody", tt = {
   ADD_ATTRIBUTE: "addAttribute"
-}, f = 5, P = "reorderIcon_", qt = '<svg width="14" height="10" viewBox="0 0 14 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2.5" r="1.2"/><circle cx="7" cy="2.5" r="1.2"/><circle cx="12" cy="2.5" r="1.2"/><circle cx="2" cy="7.5" r="1.2"/><circle cx="7" cy="7.5" r="1.2"/><circle cx="12" cy="7.5" r="1.2"/></svg>', m = [
+}, y = 5, P = "reorderIcon_", qt = '<svg width="14" height="10" viewBox="0 0 14 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2.5" r="1.2"/><circle cx="7" cy="2.5" r="1.2"/><circle cx="12" cy="2.5" r="1.2"/><circle cx="2" cy="7.5" r="1.2"/><circle cx="7" cy="7.5" r="1.2"/><circle cx="12" cy="7.5" r="1.2"/></svg>', m = [
   { key: q, label: "Product Image" },
   { key: mt, label: "Product Name" },
-  { key: C, label: "Product Price" },
-  { key: L, label: "Product Original Price" },
+  { key: _, label: "Product Price" },
+  { key: I, label: "Product Original Price" },
   { key: ht, label: "Omnibus Price" },
   { key: pt, label: "Omnibus Discount" },
   { key: x, label: "Product Button" }
-], R = { key: I, label: "Title" }, xt = new Set(m.map((h) => h.key)), A = "customAttr_", w = "deleteAttr_";
+], L = { key: $, label: "Title" }, xt = new Set(m.map((g) => g.key)), A = "customAttr_", w = "deleteAttr_";
 class se extends ut {
   constructor() {
     super(...arguments);
-    $(this, "store", ft());
-    $(this, "unsubscribeStore", null);
-    $(this, "eventController", null);
+    v(this, "store", ft());
+    v(this, "unsubscribeStore", null);
+    v(this, "eventController", null);
     /**
      * Guard flag: when true, onTemplateNodeUpdated skips _initializeComposition.
      * Used during _onReorder to prevent multiple intermediate rebuilds.
      */
-    $(this, "reorderInProgress", !1);
+    v(this, "reorderInProgress", !1);
   }
   getId() {
     return Ut;
@@ -50,7 +50,7 @@ class se extends ut {
                 ${this._GuToggle(`visibility_${d.key}`)}
             </div>
         `).join(""), e = Array.from(
-      { length: f },
+      { length: y },
       (d, c) => `
                 <div data-custom-select-key="${A}${c}" style="display: none;">
                     ${this._GuSelect({
@@ -62,34 +62,34 @@ class se extends ut {
       })}
                 </div>
             `
-    ).join(""), r = m.length + f, i = Array.from(
+    ).join(""), r = m.length + y, i = Array.from(
       { length: r },
       (d, c) => `
                 <div data-reorder-icon-key="${P}${c}" style="display: none;">
-                    <${_.BUTTON}
+                    <${b.BUTTON}
                         class="guido-drag-handle-btn flat-inline flat-white"
                         ${O.BUTTON.name}="${P}${c}"
                     >
-                        <${_.ICON}
+                        <${b.ICON}
                             src="reorder"
                             class="icon-button"
-                        ></${_.ICON}>
-                    </${_.BUTTON}>
+                        ></${b.ICON}>
+                    </${b.BUTTON}>
                 </div>
             `
     ).join(""), s = Array.from(
-      { length: f },
+      { length: y },
       (d, c) => `
                 <div data-custom-delete-key="${w}${c}" style="display: none;">
-                    <${_.BUTTON}
+                    <${b.BUTTON}
                         class="custom-attr-delete flat-inline flat-white"
                         ${O.BUTTON.name}="${w}${c}"
                     >
-                        <${_.ICON}
+                        <${b.ICON}
                             src="delete"
                             class="icon-button"
-                        ></${_.ICON}>
-                    </${_.BUTTON}>
+                        ></${b.ICON}>
+                    </${b.BUTTON}>
                 </div>
             `
     ).join(""), o = dt.EMAIL_RECOMMENDATION_BLOCK, n = this.api.translate(
@@ -123,10 +123,10 @@ class se extends ut {
                 </div>
 
                 <div class="orderable-list">
-                    <div class="orderable-item title-item" data-key="${R.key}">
-                        <span class="item-label">${this.api.translate(R.label)}</span>
+                    <div class="orderable-item title-item" data-key="${L.key}">
+                        <span class="item-label">${this.api.translate(L.label)}</span>
                         <div class="item-action">
-                            ${this._GuToggle(`visibility_${R.key}`)}
+                            ${this._GuToggle(`visibility_${L.key}`)}
                         </div>
                     </div>
                 </div>
@@ -172,12 +172,12 @@ class se extends ut {
     this.api.updateValues(s), i && this._initializeCustomSelects(e), this._updateAddButtonState();
   }
   _registerValueChangeListeners() {
-    [R, ...m].forEach((t) => {
+    [L, ...m].forEach((t) => {
       this.api.onValueChanged(`visibility_${t.key}`, (e) => {
         this._applyVisibilityToBlock(t.key, e);
       });
     });
-    for (let t = 0; t < f; t++) {
+    for (let t = 0; t < y; t++) {
       const e = `${A}${t}`, r = t;
       this.api.onValueChanged(e, (i) => {
         this._onCustomAttributeChanged(r, i);
@@ -193,7 +193,7 @@ class se extends ut {
     const t = this.currentNode.getAttribute(K);
     if (t)
       return this._normalizeComposition(t.split(",").filter(Boolean));
-    const { composition: e } = g.getConfig(this.currentNode);
+    const { composition: e } = p.getConfig(this.currentNode);
     return e != null && e.length ? this._normalizeComposition([...e]) : [...Y];
   }
   /** Upgrades legacy bare-name custom keys to the canonical form. (SD-147101) */
@@ -214,19 +214,19 @@ class se extends ut {
       } catch {
         return [];
       }
-    return this._readCompositionFromNode().filter((e) => e.startsWith(v)).map(k);
+    return this._readCompositionFromNode().filter((e) => e.startsWith(N)).map(M);
   }
   _readVisibilityFromRows() {
     if (!this.currentNode)
       return this._getDefaultVisibilities();
-    const t = Array.from(this.currentNode.querySelectorAll(N)), e = this._extractVisibilityFromRows(t);
+    const t = Array.from(this.currentNode.querySelectorAll(E)), e = this._extractVisibilityFromRows(t);
     if (Object.keys(e).length > 0)
       return this._withTitlePresence(this._mergeWithDefaults(e));
-    const r = g.getConfig(this.currentNode).visibility;
+    const r = p.getConfig(this.currentNode).visibility;
     return this._withTitlePresence(this._mergeWithDefaults({ ...r }));
   }
   _withTitlePresence(t) {
-    return t[I] = this._hasTitle(), t;
+    return t[$] = this._hasTitle(), t;
   }
   _hasTitle() {
     var t;
@@ -240,8 +240,10 @@ class se extends ut {
     return t.forEach((r) => {
       if (!("getAttribute" in r))
         return;
-      const i = Ot(r), s = r.getAttribute(D);
-      i && s !== null && (e[i] = this._parseVisibilityValue(s));
+      const i = r.getAttribute(D);
+      i !== null && Ot(r).forEach((s) => {
+        e[s] = this._parseVisibilityValue(i);
+      });
     }), e;
   }
   _parseVisibilityValue(t) {
@@ -253,7 +255,7 @@ class se extends ut {
     }), t;
   }
   _buildVisibilityValues(t) {
-    return [R, ...m].reduce((e, r) => (e[`visibility_${r.key}`] = t[r.key] ?? !0, e), {});
+    return [L, ...m].reduce((e, r) => (e[`visibility_${r.key}`] = t[r.key] ?? !0, e), {});
   }
   // ========================================================================
   // UI Rendering (Orderable List)
@@ -270,22 +272,22 @@ class se extends ut {
     const i = r.querySelector("[data-composition-list]");
     if (!i)
       return !1;
-    const s = !g.getConfig(this.currentNode).priceMovedToNextLine;
+    const s = !p.getConfig(this.currentNode).priceMovedToNextLine;
     if (!(i.dataset.inlinePrices !== String(s)) && this._tryReorderInPlace(i, t))
       return !1;
     i.dataset.inlinePrices = String(s);
     const n = new Set(e), l = vt(t);
     let a = 0, d = 0;
     const c = t.map((u) => {
-      if (s && (u === C || u === L))
+      if (s && (u === _ || u === I))
         return u === l.anchor ? this._createPriceGroupItemHtml(d++, l.originalFirst) : "";
       if (xt.has(u)) {
-        const b = m.find((S) => S.key === u);
-        return this._createBuiltInItemHtml(b, d++);
+        const h = m.find((S) => S.key === u);
+        return this._createBuiltInItemHtml(h, d++);
       }
-      if (u.startsWith(v)) {
-        const b = k(u);
-        if (n.has(b))
+      if (u.startsWith(N)) {
+        const h = M(u);
+        if (n.has(h))
           return this._createCustomItemHtml(u, a++, d++);
       }
       return "";
@@ -306,7 +308,7 @@ class se extends ut {
     if (i.length !== e.length)
       return !1;
     const s = [...i].sort().join(","), o = [...e].sort().join(",");
-    if (s !== o || e.some((a) => a.startsWith(v)))
+    if (s !== o || e.some((a) => a.startsWith(N)))
       return !1;
     const n = /* @__PURE__ */ new Map();
     r.forEach((a) => {
@@ -344,18 +346,18 @@ class se extends ut {
    */
   _createPriceGroupItemHtml(t, e) {
     var n, l;
-    const r = ((n = m.find((a) => a.key === C)) == null ? void 0 : n.label) ?? "Product Price", i = ((l = m.find((a) => a.key === L)) == null ? void 0 : l.label) ?? "Product Original Price", s = (a, d) => `
+    const r = ((n = m.find((a) => a.key === _)) == null ? void 0 : n.label) ?? "Product Price", i = ((l = m.find((a) => a.key === I)) == null ? void 0 : l.label) ?? "Product Original Price", s = (a, d) => `
             <div class="price-suborderable-item" draggable="true" data-subkey="${a}">
                 <span class="sub-drag-handle">${qt}</span>
                 <span class="item-label">${this.api.translate(d)}</span>
-            </div>`, o = e ? s(L, i) + s(C, r) : s(C, r) + s(L, i);
+            </div>`, o = e ? s(I, i) + s(_, r) : s(_, r) + s(I, i);
     return `
             <div class="orderable-item price-group-item" draggable="true"
-                data-key="${C}" data-group="prices">
+                data-key="${_}" data-group="prices">
                 <div class="price-group-header">
                     <span class="guido-drag-handle" data-reorder-icon-slot="${t}"></span>
                     <span class="item-label">${this.api.translate("Product Prices")}</span>
-                    <div class="item-action" data-action-for="${C}"></div>
+                    <div class="item-action" data-action-for="${_}"></div>
                 </div>
                 <div class="price-suborderable-list">${o}</div>
             </div>
@@ -395,13 +397,13 @@ class se extends ut {
     const i = /* @__PURE__ */ new Map();
     r.forEach((o) => i.set(o.attributeName, (i.get(o.attributeName) ?? 0) + 1));
     const s = new Set(e);
-    return s.delete(t), r.filter((o) => !s.has(T(o))).map((o) => ({
+    return s.delete(t), r.filter((o) => !s.has(C(o))).map((o) => ({
       text: this._toOptionLabel(
         o.displayName,
         o.type === "defaultAttribute",
         (i.get(o.attributeName) ?? 0) > 1
       ),
-      value: T(o)
+      value: C(o)
     }));
   }
   /**
@@ -463,7 +465,7 @@ class se extends ut {
    * Same rescue pattern as _rescueTogglesToStore — prevents innerHTML from destroying them.
    */
   _rescueSelectsToStore(t) {
-    for (let e = 0; e < f; e++) {
+    for (let e = 0; e < y; e++) {
       const r = `${A}${e}`, i = t.querySelector(`[data-custom-select-key="${r}"]`), s = t.querySelector(`[data-custom-select-slot="${e}"]`);
       if (s) {
         const o = s.querySelector("ue-select");
@@ -489,7 +491,7 @@ class se extends ut {
    * Same rescue pattern as _rescueSelectsToStore — prevents innerHTML from destroying them.
    */
   _rescueDeleteButtonsToStore(t) {
-    for (let e = 0; e < f; e++) {
+    for (let e = 0; e < y; e++) {
       const r = `${w}${e}`, i = t.querySelector(`[data-custom-delete-key="${r}"]`), s = t.querySelector(`[data-custom-delete-slot="${e}"]`);
       if (s) {
         const o = s.querySelector("ue-button");
@@ -515,7 +517,7 @@ class se extends ut {
    * Same rescue pattern as _rescueDeleteButtonsToStore — prevents innerHTML from destroying them.
    */
   _rescueReorderIconsToStore(t) {
-    const e = m.length + f;
+    const e = m.length + y;
     for (let r = 0; r < e; r++) {
       const i = `${P}${r}`, s = t.querySelector(`[data-reorder-icon-key="${i}"]`), o = t.querySelector(`[data-reorder-icon-slot="${r}"]`);
       if (o) {
@@ -534,8 +536,8 @@ class se extends ut {
       return;
     const r = e.querySelector("[data-composition-list]"), i = e.querySelector("#guido__btn-add-attribute");
     r && (this._setupDragAndDrop(r, t), this._setupDeleteHandler(r, t)), i && i.addEventListener("click", () => {
-      const s = new Set(this._readCustomAttributesFromNode()), o = this._getAddableFilters().find((n) => !s.has(T(n)));
-      o && this._onAddAttribute(T(o), o.displayName);
+      const s = new Set(this._readCustomAttributesFromNode()), o = this._getAddableFilters().find((n) => !s.has(C(n)));
+      o && this._onAddAttribute(C(o), o.displayName);
     }, { signal: t });
   }
   /**
@@ -616,7 +618,7 @@ class se extends ut {
   // Actions (Add, Delete, Reorder)
   // ========================================================================
   _onAddAttribute(t, e) {
-    const r = M(t), i = this._readCompositionFromNode();
+    const r = k(t), i = this._readCompositionFromNode();
     i.push(r);
     const s = [...this._readCustomAttributesFromNode(), t];
     this._updateBothAttributes(i, s), this._injectCustomAttributeHtml(t, e, r, i), this._renderOrderableItems(i, s), this._initializeCustomSelects(s), this._updateAddButtonState();
@@ -640,17 +642,17 @@ class se extends ut {
     const r = this._readCustomAttributesFromNode(), i = r[t];
     if (i === void 0 || i === e)
       return;
-    const s = M(e), o = this._readCompositionFromNode(), n = this._findNthCustomKeyIndex(o, t);
+    const s = k(e), o = this._readCompositionFromNode(), n = this._findNthCustomKeyIndex(o, t);
     n !== -1 && (o[n] = s), r[t] = e;
     const l = this._getDisplayNameForAttribute(e);
     this._updateBothAttributes(o, r), this._injectCustomAttributeHtml(e, l, s, o), this._renderOrderableItems(o, r), this._initializeCustomSelects(r);
   }
   _onReorder(t) {
-    const e = t.filter((r) => r.startsWith(v)).map(k);
+    const e = t.filter((r) => r.startsWith(N)).map(M);
     this.reorderInProgress = !0;
     try {
       this._updateBothAttributes(t, e);
-      const r = !g.getConfig(this.currentNode).priceMovedToNextLine;
+      const r = !p.getConfig(this.currentNode).priceMovedToNextLine;
       this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && Bt({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
@@ -673,7 +675,7 @@ class se extends ut {
     if (r && "getOuterHTML" in r)
       return Q(r.getOuterHTML(), e);
     const i = t.querySelector(
-      `${N}[${E}="${e}"]`
+      `${E}[${R}="${e}"]`
     );
     return i && "getOuterHTML" in i ? Q(i.getOuterHTML(), e) : "";
   }
@@ -686,11 +688,11 @@ class se extends ut {
     const s = this.currentNode.querySelectorAll(U);
     if (!(s != null && s.length))
       return;
-    const o = g.getConfig(this.currentNode), l = `0 ${Math.floor(o.columnSpacing / 2)}px`, a = this.api.getDocumentModifier(), d = this.store.recommendationProducts.length;
+    const o = p.getConfig(this.currentNode), l = `0 ${Math.floor(o.columnSpacing / 2)}px`, a = this.api.getDocumentModifier(), d = this.store.recommendationProducts.length;
     let c = 0;
     s.forEach((u) => {
       var V;
-      const b = u.querySelector(N), S = ((V = b == null ? void 0 : b.querySelectorAll(`.${bt}`)) == null ? void 0 : V.length) || 1, F = (100 / S).toFixed(2), { bgStyle: et, bgAttr: rt } = this._extractSegmentBgFromCard(u), B = d > 0 ? Math.min(S, d - c) : S, it = i.map((j) => {
+      const h = u.querySelector(E), S = ((V = h == null ? void 0 : h.querySelectorAll(`.${bt}`)) == null ? void 0 : V.length) || 1, F = (100 / S).toFixed(2), { bgStyle: et, bgAttr: rt } = this._extractSegmentBgFromCard(u), B = d > 0 ? Math.min(S, d - c) : S, it = i.map((j) => {
         if (j === r) {
           const st = Array.from(
             { length: B },
@@ -710,12 +712,12 @@ class se extends ut {
               );
             }
           ).join(""), ot = Ct(F, l).repeat(S - B);
-          return `<tr class="${G}" ${E}="${r}" ${D}="1">${st}${ot}</tr>`;
+          return `<tr class="${G}" ${R}="${r}" ${D}="1">${st}${ot}</tr>`;
         }
         return this._getExistingRowHtml(u, j);
       }).join("");
       c += B, d > 0 && c >= d && (c = 0), a.modifyHtml(u).setInnerHtml(it);
-    }), a.apply(new y(`${this.api.translate("Add custom attribute")}: ${e}`));
+    }), a.apply(new T(`${this.api.translate("Add custom attribute")}: ${e}`));
   }
   _injectListAttributeRow(t, e, r, i) {
     const s = this.currentNode.querySelectorAll(Z);
@@ -731,7 +733,7 @@ class se extends ut {
         return this._getExistingRowHtml(l, c);
       }).join("");
       n.modifyHtml(l).setInnerHtml(d);
-    }), n.apply(new y(`${this.api.translate("Add custom attribute")}: ${e}`));
+    }), n.apply(new T(`${this.api.translate("Add custom attribute")}: ${e}`));
   }
   /**
    * Removes a custom attribute by rebuilding product card content without it.
@@ -754,7 +756,7 @@ class se extends ut {
         r.modifyHtml(o).setInnerHtml(n);
       });
     }
-    r.apply(new y(this.api.translate("Remove custom attribute")));
+    r.apply(new T(this.api.translate("Remove custom attribute")));
   }
   // ========================================================================
   // DOM Mutation (Block Root Attributes, Reorder)
@@ -770,10 +772,10 @@ class se extends ut {
     if (!this.currentNode)
       return;
     const r = {
-      ...g.getConfig(this.currentNode),
+      ...p.getConfig(this.currentNode),
       composition: t
     };
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(K, t.join(",")).setAttribute(W, JSON.stringify(e)).setNodeConfig(r).apply(new y(this.api.translate("Update card composition")));
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(K, t.join(",")).setAttribute(W, JSON.stringify(e)).setNodeConfig(r).apply(new T(this.api.translate("Update card composition")));
   }
   /**
    * Reorders attribute rows within each product card based on composition order.
@@ -789,7 +791,7 @@ class se extends ut {
     e.forEach((i) => {
       const s = this._buildCompositionHtml(i, t);
       r.modifyHtml(i).setInnerHtml(s);
-    }), r.apply(new y(this.api.translate("Reorder product attributes")));
+    }), r.apply(new T(this.api.translate("Reorder product attributes")));
   }
   /**
    * Builds HTML string with attributes ordered according to composition.
@@ -804,37 +806,44 @@ class se extends ut {
   _applyVisibilityToBlock(t, e) {
     if (!this.currentNode)
       return;
-    if (t === I) {
+    if (t === $) {
       this._applyTitleVisibilityToBlock(e);
       return;
     }
-    const r = this.currentNode.querySelectorAll(`${N}[${E}="${t}"]`);
-    if (!(r != null && r.length))
+    const r = this._resolveVisibilityKeys(t), { currentNode: i } = this, s = r.flatMap((c) => Array.from(i.querySelectorAll(`${E}[${R}="${c}"]`) ?? []));
+    if (!s.length)
       return;
-    const i = e ? "1" : "0", s = e ? this.api.translate("visible") : this.api.translate("hidden"), o = `${this.api.translate("Set visibility")}: ${t} → ${s}`, n = this.api.getDocumentModifier();
-    r.forEach((a) => {
-      const d = Pt(a), c = e ? d : "none";
-      n.modifyHtml(a).setStyle("display", c).setAttribute(D, i);
+    const o = e ? "1" : "0", n = e ? this.api.translate("visible") : this.api.translate("hidden"), l = `${this.api.translate("Set visibility")}: ${t} → ${n}`, a = this.api.getDocumentModifier();
+    s.forEach((c) => {
+      const u = Pt(c), h = e ? u : "none";
+      a.modifyHtml(c).setStyle("display", h).setAttribute(D, o);
     });
-    const l = {
-      ...g.getConfig(this.currentNode),
-      visibility: { ...this._readVisibilityFromRows(), [t]: e }
+    const d = {
+      ...p.getConfig(this.currentNode),
+      visibility: {
+        ...this._readVisibilityFromRows(),
+        ...Object.fromEntries(r.map((c) => [c, e]))
+      }
     };
-    n.modifyHtml(this.currentNode).setNodeConfig(l), n.apply(new y(o));
+    a.modifyHtml(this.currentNode).setNodeConfig(d), a.apply(new T(l));
+  }
+  /** Inline "Product Prices" group row is tagged with whichever price comes first, so it drives both keys. */
+  _resolveVisibilityKeys(t) {
+    return !p.getConfig(this.currentNode).priceMovedToNextLine && t === _ ? [_, I] : [t];
   }
   _applyTitleVisibilityToBlock(t) {
-    const e = g.getConfig(this.currentNode), r = t ? this._resolveTitleInjection(e) : null, i = t ? [] : this._findTitleRows(), s = t ? this._hasTitle() || !r : i.length === 0;
+    const e = p.getConfig(this.currentNode), r = t ? this._resolveTitleInjection(e) : null, i = t ? [] : this._findTitleRows(), s = t ? this._hasTitle() || !r : i.length === 0;
     if (!this.currentNode || s)
       return;
     const o = this.api.getDocumentModifier();
     r ? o.modifyHtml(r.containerBody).setInnerHtml(r.html) : i.forEach((l) => o.modifyHtml(l).delete()), o.modifyHtml(this.currentNode).setNodeConfig({
       ...e,
       previousTitleHtml: t ? e.previousTitleHtml : this._readTitleHtml(i),
-      visibility: { ...this._readVisibilityFromRows(), [I]: t }
+      visibility: { ...this._readVisibilityFromRows(), [$]: t }
     });
     const n = t ? this.api.translate("visible") : this.api.translate("hidden");
-    o.apply(new y(
-      `${this.api.translate("Set visibility")}: ${I} → ${n}`
+    o.apply(new T(
+      `${this.api.translate("Set visibility")}: ${$} → ${n}`
     ));
   }
   _resolveTitleInjection(t) {
@@ -850,7 +859,7 @@ class se extends ut {
   _findTitleRows() {
     var e;
     const t = Array.from(((e = this.currentNode) == null ? void 0 : e.querySelectorAll(
-      `${N}[${E}="${I}"]`
+      `${E}[${R}="${$}"]`
     )) ?? []);
     return t.length > 0 ? t : this._findTitleRowsByClass();
   }
@@ -865,7 +874,7 @@ class se extends ut {
     return "children" in t && t.children().some((e) => "hasClass" in e && e.hasClass(_t));
   }
   _findTitleContainerBody() {
-    return (this.currentNode ? kt(this.currentNode) : null) ?? void 0;
+    return (this.currentNode ? Mt(this.currentNode) : null) ?? void 0;
   }
   _readInnerHtml(t) {
     return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : null;
@@ -884,7 +893,7 @@ class se extends ut {
   _findNthCustomKeyIndex(t, e) {
     let r = 0;
     for (let i = 0; i < t.length; i++)
-      if (t[i].startsWith(v)) {
+      if (t[i].startsWith(N)) {
         if (r === e)
           return i;
         r++;
@@ -892,7 +901,7 @@ class se extends ut {
     return -1;
   }
   _getCurrentLayout() {
-    return this.store.recommendationConfigs.orientation || Mt(this.currentNode);
+    return this.store.recommendationConfigs.orientation || kt(this.currentNode);
   }
   /**
    * Extracts background color properties from existing card elements.
@@ -944,7 +953,7 @@ class se extends ut {
    * or when all available filters have already been added (no unused attributes left).
    */
   _updateAddButtonState() {
-    const t = this._readCustomAttributesFromNode(), e = t.length >= f, r = new Set(t), i = this._getAddableFilters(), s = i.length > 0 && i.every((o) => r.has(T(o)));
+    const t = this._readCustomAttributesFromNode(), e = t.length >= y, r = new Set(t), i = this._getAddableFilters(), s = i.length > 0 && i.every((o) => r.has(C(o)));
     this.api.setUIEAttribute(
       tt.ADD_ATTRIBUTE,
       O.BUTTON.disabled,
@@ -977,7 +986,7 @@ class se extends ut {
   _getAddableFilters() {
     const t = /* @__PURE__ */ new Set();
     return Object.values(this.store.filterList).filter((e) => !(e.type === "defaultAttribute" && gt.has(e.attributeName))).filter((e) => {
-      const r = T(e);
+      const r = C(e);
       return t.has(r) ? !1 : (t.add(r), !0);
     });
   }
@@ -987,7 +996,7 @@ class se extends ut {
    * resolve to their own entry. Falls back to Title Case of the bare name.
    */
   _getDisplayNameForAttribute(t) {
-    const e = Object.values(this.store.filterList).find((r) => T(r) === t);
+    const e = Object.values(this.store.filterList).find((r) => C(r) === t);
     return e ? e.displayName : Nt(H(t));
   }
   /**
@@ -1000,7 +1009,7 @@ class se extends ut {
     return Et(n) ?? e;
   }
   _getGridCellHtml(t, e, r, i = "", s = "", o = "") {
-    const n = M(t), l = H(t), a = J(yt, [n], this.store.filterList), d = {
+    const n = k(t), l = H(t), a = J(yt, [n], this.store.filterList), d = {
       [l]: e,
       product_attributes: { [l]: e }
     };
@@ -1015,7 +1024,7 @@ class se extends ut {
       [i]: e,
       product_attributes: { [i]: e }
     }, l = s[r](o).replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr class="${G}" ${E}="${r}" ${D}="1">${l}</tr>`;
+    return `<tr class="${G}" ${R}="${r}" ${D}="1">${l}</tr>`;
   }
 }
 export {