@useinsider/guido 2.0.0-beta.3f24769 → 2.0.0-beta.4178f89

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

@@ -1,32 +1,33 @@
-var f = Object.defineProperty;
-var C = (a, n, t) => n in a ? f(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
-var c = (a, n, t) => C(a, typeof n != "symbol" ? n + "" : n, t);
+var C = Object.defineProperty;
+var f = (a, s, t) => s in a ? C(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
+var c = (a, s, t) => f(a, typeof s != "symbol" ? s + "" : s, t);
 import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as g } from "../../../common-control.js";
-import { ATTR_PRODUCT_IMAGE as O, ATTR_PRODUCT_NAME as A, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_OLD_PRICE as N, ATTR_PRODUCT_OMNIBUS_PRICE as E, ATTR_PRODUCT_OMNIBUS_DISCOUNT as D, ATTR_PRODUCT_BUTTON as v } from "../../constants/selectors.js";
-import { useRecommendationExtensionStore as I } from "../../store/recommendation.js";
-const V = "ui-elements-recommendation-card-composition", S = {
+import { CommonControl as O } from "../../../common-control.js";
+import { ATTR_PRODUCT_IMAGE as g, ATTR_PRODUCT_NAME as R, ATTR_PRODUCT_PRICE as A, ATTR_PRODUCT_OLD_PRICE as N, ATTR_PRODUCT_OMNIBUS_PRICE as D, ATTR_PRODUCT_OMNIBUS_DISCOUNT as E, ATTR_PRODUCT_BUTTON as I } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as V } from "../../store/recommendation.js";
+import { getCurrentLayout as P } from "../main/utils.js";
+const S = "ui-elements-recommendation-card-composition", k = {
   ORDERABLE: "cardComposition"
-}, b = ".recommendation-attribute-row", P = ".product-card-wrapper > tbody", y = "data-card-composition", p = "data-attribute-type", h = "data-visibility", s = [
-  { key: O, label: "Product Image", visible: !0 },
-  { key: A, label: "Product Name", visible: !0 },
-  { key: R, label: "Product Price", visible: !0 },
+}, b = ".recommendation-attribute-row", v = ".product-card-wrapper > tbody", T = "data-card-composition", p = "data-attribute-type", y = "data-visibility", n = [
+  { key: g, label: "Product Image", visible: !0 },
+  { key: R, label: "Product Name", visible: !0 },
+  { key: A, label: "Product Price", visible: !0 },
   { key: N, label: "Product Original Price", visible: !0 },
-  { key: E, label: "Omnibus Price", visible: !1 },
-  { key: D, label: "Omnibus Discount", visible: !1 },
-  { key: v, label: "Product Button", visible: !0 }
+  { key: D, label: "Omnibus Price", visible: !1 },
+  { key: E, label: "Omnibus Discount", visible: !1 },
+  { key: I, label: "Product Button", visible: !0 }
 ];
-class x extends g {
+class q extends O {
   constructor() {
     super(...arguments);
-    c(this, "store", I());
+    c(this, "store", V());
     c(this, "unsubscribeOrientation", null);
   }
   getId() {
-    return V;
+    return S;
   }
   getTemplate() {
-    const t = s.map((e) => ({
+    const t = n.map((e) => ({
       key: e.key,
       label: e.label,
       content: this._createItemContent(e.label, e.key)
@@ -34,7 +35,7 @@ class x extends g {
     return `
             <div class="container" data-card-composition-control>
                 ${this._GuLabel({ text: "Card Element Order & Visibility" })}
-                ${this._GuOrderable(S.ORDERABLE, t)}
+                ${this._GuOrderable(k.ORDERABLE, t)}
             </div>
         `;
   }
@@ -62,7 +63,7 @@ class x extends g {
   _registerValueChangeListeners() {
     this.api.onValueChanged("cardComposition", (t) => {
       this._applyCompositionToBlock(t);
-    }), s.forEach((t) => {
+    }), n.forEach((t) => {
       this.api.onValueChanged(`visibility_${t.key}`, (e) => {
         this._applyVisibilityToBlock(t.key, e);
       });
@@ -84,15 +85,15 @@ class x extends g {
    */
   _readCompositionFromNode() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
-      return s.map((e) => e.key);
-    const t = this.currentNode.getAttribute(y);
-    return t ? t.split(",").filter(Boolean) : s.map((e) => e.key);
+      return n.map((e) => e.key);
+    const t = this.currentNode.getAttribute(T);
+    return t ? t.split(",").filter(Boolean) : n.map((e) => e.key);
   }
   /**
    * Builds visibility values object from the visibility map
    */
   _buildVisibilityValues(t) {
-    return s.reduce((e, i) => (e[`visibility_${i.key}`] = t[i.key] ?? !0, e), {});
+    return n.reduce((e, i) => (e[`visibility_${i.key}`] = t[i.key] ?? !0, e), {});
   }
   /**
    * Read visibility state from individual row elements' data-visibility attributes
@@ -108,7 +109,7 @@ class x extends g {
    * Returns default visibility values for all items
    */
   _getDefaultVisibilities() {
-    return s.reduce((t, e) => (t[e.key] = e.visible, t), {});
+    return n.reduce((t, e) => (t[e.key] = e.visible, t), {});
   }
   /**
    * Extracts visibility values from DOM nodes
@@ -118,8 +119,8 @@ class x extends g {
     return t.forEach((i) => {
       if (!("getAttribute" in i))
         return;
-      const o = i.getAttribute(p), r = i.getAttribute(h);
-      o && r !== null && (e[o] = this._parseVisibilityValue(r));
+      const r = i.getAttribute(p), o = i.getAttribute(y);
+      r && o !== null && (e[r] = this._parseVisibilityValue(o));
     }), e;
   }
   /**
@@ -133,7 +134,7 @@ class x extends g {
    * Merges extracted visibilities with default values for missing keys
    */
   _mergeWithDefaults(t) {
-    return s.forEach((e) => {
+    return n.forEach((e) => {
       e.key in t || (t[e.key] = e.visible);
     }), t;
   }
@@ -146,7 +147,7 @@ class x extends g {
     if (!this.currentNode)
       return;
     const e = this._getCurrentLayout();
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(y, t.join(",")).apply(new d("Update card composition")), e === "vertical" && this._reorderProductAttributes(t);
+    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(T, t.join(",")).apply(new d("Update card composition")), e === "vertical" && this._reorderProductAttributes(t);
   }
   /**
    * Reorders attribute rows within each product card based on composition order
@@ -155,22 +156,22 @@ class x extends g {
   _reorderProductAttributes(t) {
     if (!this.currentNode)
       return;
-    const e = this.currentNode.querySelectorAll(P);
+    const e = this.currentNode.querySelectorAll(v);
     if (!(e != null && e.length))
       return;
     const i = this.api.getDocumentModifier();
-    e.forEach((o) => {
-      const r = this._buildCompositionHtml(o, t);
-      i.modifyHtml(o).setInnerHtml(r);
+    e.forEach((r) => {
+      const o = this._buildCompositionHtml(r, t);
+      i.modifyHtml(r).setInnerHtml(o);
     }), i.apply(new d("Reorder product attributes"));
   }
   /**
    * Builds HTML string with attributes ordered according to composition
    */
   _buildCompositionHtml(t, e) {
-    return e.reduce((i, o) => {
-      const r = t.querySelector(`${b}[${p}="${o}"]`);
-      return r && "getOuterHTML" in r ? i + r.getOuterHTML() : i;
+    return e.reduce((i, r) => {
+      const o = t.querySelector(`${b}[${p}="${r}"]`);
+      return o && "getOuterHTML" in o ? i + o.getOuterHTML() : i;
     }, "");
   }
   /**
@@ -185,7 +186,7 @@ class x extends g {
     const i = this.currentNode.querySelectorAll(`${b}[${p}="${t}"]`);
     if (!(i != null && i.length))
       return;
-    const o = e ? "1" : "0", r = `Set ${t} visibility to ${e ? "visible" : "hidden"}`, m = this.api.getDocumentModifier();
+    const r = e ? "1" : "0", o = `Set ${t} visibility to ${e ? "visible" : "hidden"}`, m = this.api.getDocumentModifier();
     i.forEach((l) => {
       let u = "TR";
       if ("tagName" in l && l.tagName)
@@ -194,21 +195,15 @@ class x extends g {
         const _ = l;
         typeof _.getTagName == "function" && (u = _.getTagName().toUpperCase());
       }
-      const T = e ? u === "TD" || u === "BLOCK_IMAGE" || u === "BLOCK_BUTTON" ? "table-cell" : "table-row" : "none";
-      m.modifyHtml(l).setStyle("display", T).setAttribute(h, o);
-    }), m.apply(new d(r));
+      const h = e ? u === "TD" || u === "BLOCK_IMAGE" || u === "BLOCK_BUTTON" ? "table-cell" : "table-row" : "none";
+      m.modifyHtml(l).setStyle("display", h).setAttribute(y, r);
+    }), m.apply(new d(o));
   }
   /**
    * Gets the current layout orientation from store or DOM
    */
   _getCurrentLayout() {
-    const t = this.store.recommendationConfigs.orientation;
-    if (t)
-      return t;
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return "vertical";
-    const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    return !e || !("getAttribute" in e) ? "vertical" : e.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
+    return this.store.recommendationConfigs.orientation || P(this.currentNode);
   }
   /**
    * Updates orderable state based on layout orientation
@@ -218,11 +213,11 @@ class x extends g {
     const e = this._getCurrentLayout() === "horizontal", i = this.getContainer();
     if (!i)
       return;
-    const o = i.querySelector("[data-card-composition-control]");
-    if (!o)
+    const r = i.querySelector("[data-card-composition-control]");
+    if (!r)
       return;
-    const r = o.querySelector("ue-orderable");
-    r && r.classList.toggle("orderable-disabled", e);
+    const o = r.querySelector("ue-orderable");
+    o && o.classList.toggle("orderable-disabled", e);
   }
   /**
    * Subscribe to store orientation changes
@@ -238,6 +233,6 @@ class x extends g {
   }
 }
 export {
-  V as COMPOSITION_CONTROL_BLOCK_ID,
-  x as RecommendationCardCompositionControl
+  S as COMPOSITION_CONTROL_BLOCK_ID,
+  q as RecommendationCardCompositionControl
 };

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

@@ -1,40 +1,54 @@
-var l = Object.defineProperty;
-var a = (s, n, t) => n in s ? l(s, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[n] = t;
-var r = (s, n, t) => a(s, typeof n != "symbol" ? n + "" : n, t);
+var a = Object.defineProperty;
+var c = (n, r, o) => r in n ? a(n, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[r] = o;
+var e = (n, r, o) => c(n, typeof r != "symbol" ? r + "" : r, o);
 import { CommonControl as m } from "../../../common-control.js";
-import { useRecommendationExtensionStore as c } from "../../store/recommendation.js";
-import { AlgorithmControl as C } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as U } from "./algorithm.js";
-import { CurrencyControl as h } from "./currency.js";
-import { CURRENCY_CONTROL_ID as $ } from "./currency.js";
-import { FiltersControl as u } from "./filters.js";
-import { FILTERS_CONTROL_ID as F } from "./filters.js";
-import { LocaleControl as f } from "./locale.js";
-import { LOCALE_CONTROL_ID as A } from "./locale.js";
-import { ProductLayoutControl as d } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as v } from "./productLayout.js";
-import { ShuffleControl as p } from "./shuffle.js";
+import { useRecommendationExtensionStore as h } from "../../store/recommendation.js";
+import { AlgorithmControl as u } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as x } from "./algorithm.js";
+import { CurrencyControl as C } from "./currency.js";
+import { CURRENCY_CONTROL_ID as k } from "./currency.js";
+import { FiltersControl as f } from "./filters.js";
+import { FILTERS_CONTROL_ID as A } from "./filters.js";
+import { LocaleControl as d } from "./locale.js";
+import { LOCALE_CONTROL_ID as z } from "./locale.js";
+import { ProductLayoutControl as p } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as Y } from "./productLayout.js";
+import { ShuffleControl as R } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as B } from "./shuffle.js";
-const R = "ui-elements-recommendation-block";
-class I extends m {
+import { useDebounceFn as _ } from "../../../../../node_modules/@vueuse/shared/index.js";
+const y = /* @__PURE__ */ new Set([
+  "size",
+  "strategy",
+  "filters",
+  "productIds",
+  "language",
+  "shuffleProducts"
+]), L = "ui-elements-recommendation-block";
+class P extends m {
   constructor() {
     super(...arguments);
-    r(this, "store", c());
-    r(this, "storeUnsubscription", () => {
+    e(this, "store", h());
+    e(this, "storeUnsubscription", () => {
     });
     // Sub-control instances for lifecycle management
-    r(this, "algorithmControl", null);
-    r(this, "localeControl", null);
-    r(this, "currencyControl", null);
-    r(this, "productLayoutControl", null);
-    r(this, "filtersControl", null);
-    r(this, "shuffleControl", null);
+    e(this, "algorithmControl", null);
+    e(this, "localeControl", null);
+    e(this, "currencyControl", null);
+    e(this, "productLayoutControl", null);
+    e(this, "filtersControl", null);
+    e(this, "shuffleControl", null);
+    /**
+     * Debounced product fetch to prevent rapid API calls during config changes
+     */
+    e(this, "_debouncedFetchProducts", _(() => {
+      this.store.fetchRecommendationProducts();
+    }, 500));
   }
   getId() {
-    return R;
+    return L;
   }
   getTemplate() {
-    return this.algorithmControl = new C(), this.localeControl = new f(), this.currencyControl = new h(), this.productLayoutControl = new d(), this.filtersControl = new u(), this.shuffleControl = new p(), `
+    return this.algorithmControl = new u(), this.localeControl = new d(), this.currencyControl = new C(), this.productLayoutControl = new p(), this.filtersControl = new f(), this.shuffleControl = new R(), `
             <div class="recommendation-controls-container">
                 ${this.algorithmControl.getTemplate()}
                 ${this.localeControl.getTemplate()}
@@ -50,17 +64,26 @@ class I extends m {
       this.store.fetchRecommendationFilters(),
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationProducts()
-    ])).forEach((o, e) => {
-      o.status === "rejected" && console.warn(`Recommendation block: ${[
+    ])).forEach((t, s) => {
+      t.status === "rejected" && console.warn(`Recommendation block: ${[
         "fetchRecommendationFilters",
         "fetchRecommendationCreateData",
         "fetchRecommendationProducts"
-      ][e]} failed`, o.reason);
+      ][s]} failed`, t.reason);
     }), this._initializeSubControls(), this._listenStateUpdates();
   }
   onDestroy() {
-    var t, o, e, i;
-    this.storeUnsubscription(), (o = (t = this.filtersControl) == null ? void 0 : t.onDestroy) == null || o.call(t), (i = (e = this.productLayoutControl) == null ? void 0 : e.onDestroy) == null || i.call(e);
+    this.storeUnsubscription(), [
+      this.algorithmControl,
+      this.localeControl,
+      this.currencyControl,
+      this.productLayoutControl,
+      this.filtersControl,
+      this.shuffleControl
+    ].forEach((t) => {
+      var s;
+      return (s = t == null ? void 0 : t.onDestroy) == null ? void 0 : s.call(t);
+    });
   }
   /**
    * Initialize all sub-controls with the shared API context
@@ -74,33 +97,38 @@ class I extends m {
       this.productLayoutControl,
       this.filtersControl,
       this.shuffleControl
-    ].forEach((o) => {
-      var e;
-      o && (o.api = this.api, o.currentNode = this.currentNode, (e = o.onRender) == null || e.call(o));
+    ].forEach((t) => {
+      var s;
+      t && (t.api = this.api, t.currentNode = this.currentNode, (s = t.onRender) == null || s.call(t));
     });
   }
   /**
    * Listen to store changes that require product refresh
+   * Only triggers for meaningful config changes (size, strategy, filters, etc.)
+   * Uses debounce to prevent rapid API calls
    */
   _listenStateUpdates() {
-    this.storeUnsubscription = this.store.$subscribe((t) => {
-      "payload" in t && t.payload.recommendationConfigs && this.store.fetchRecommendationProducts();
+    this.storeUnsubscription = this.store.$subscribe((o) => {
+      if ("payload" in o) {
+        const t = o.payload.recommendationConfigs;
+        t && Object.keys(t).some((l) => y.has(l)) && this._debouncedFetchProducts();
+      }
     });
   }
 }
 export {
-  U as ALGORITHM_CONTROL_ID,
-  C as AlgorithmControl,
-  R as CONTROL_BLOCK_ID,
-  $ as CURRENCY_CONTROL_ID,
-  h as CurrencyControl,
-  F as FILTERS_CONTROL_ID,
-  u as FiltersControl,
-  A as LOCALE_CONTROL_ID,
-  f as LocaleControl,
-  v as PRODUCT_LAYOUT_CONTROL_ID,
-  d as ProductLayoutControl,
-  I as RecommendationBlockControl,
+  x as ALGORITHM_CONTROL_ID,
+  u as AlgorithmControl,
+  L as CONTROL_BLOCK_ID,
+  k as CURRENCY_CONTROL_ID,
+  C as CurrencyControl,
+  A as FILTERS_CONTROL_ID,
+  f as FiltersControl,
+  z as LOCALE_CONTROL_ID,
+  d as LocaleControl,
+  Y as PRODUCT_LAYOUT_CONTROL_ID,
+  p as ProductLayoutControl,
+  P as RecommendationBlockControl,
   B as SHUFFLE_CONTROL_ID,
-  p as ShuffleControl
+  R as ShuffleControl
 };

package/dist/extensions/Blocks/Recommendation/controls/main/productLayout.js

@@ -3,35 +3,36 @@ var d = (i, o, t) => o in i ? u(i, o, { enumerable: !0, configurable: !0, writab
 var s = (i, o, t) => d(i, typeof o != "symbol" ? o + "" : o, t);
 import { UEAttr as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as c } from "../../../common-control.js";
-import { useRecommendationExtensionStore as _ } from "../../store/recommendation.js";
-import { getCurrentLayout as m, regenerateProductRows as R, reapplySpacing as C } from "./utils.js";
-import { useDebounceFn as h } from "../../../../../node_modules/@vueuse/shared/index.js";
-const l = "recommendation-product-layout-control", e = {
+import { MAX_PRODUCT_COUNT as _, MAX_PRODUCTS_PER_ROW as R } from "../../constants/layout.js";
+import { useRecommendationExtensionStore as m } from "../../store/recommendation.js";
+import { getCurrentLayout as C, regenerateProductRows as h, reapplySpacing as l } from "./utils.js";
+import { useDebounceFn as p } from "../../../../../node_modules/@vueuse/shared/index.js";
+const O = "recommendation-product-layout-control", e = {
   PRODUCT_COUNT: "size",
   PRODUCT_IN_ROW: "cardsInRow",
   PRODUCT_IN_ROW_LABEL: "cardsInRowLabel"
 };
-class I extends c {
+class D extends c {
   constructor() {
     super(...arguments);
-    s(this, "store", _());
+    s(this, "store", m());
     s(this, "storeUnsubscription", () => {
     });
-    s(this, "_debouncedRegenerateProductRows", h(() => {
+    s(this, "_debouncedRegenerateProductRows", p(() => {
       this._regenerateProductRows();
     }, 500));
   }
   getId() {
-    return l;
+    return O;
   }
   getTemplate() {
     return `
             <div class="product-layout-control-container">
                 ${this._GuTwoColumns([
       this._GuLabel({ text: "Number of Products" }),
-      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: 9 }),
+      this._GuCounter({ name: e.PRODUCT_COUNT, maxValue: _ }),
       this._GuLabel({ text: "Products in One Row", name: e.PRODUCT_IN_ROW_LABEL }),
-      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: 4 })
+      this._GuCounter({ name: e.PRODUCT_IN_ROW, maxValue: R })
     ])}
             </div>
         `;
@@ -70,7 +71,7 @@ class I extends c {
    * Reads from store first (reliable during state transitions), falls back to DOM
    */
   _updateProductsInRowVisibility() {
-    const r = (this.store.recommendationConfigs.orientation || m(this.currentNode)) === "vertical";
+    const r = (this.store.recommendationConfigs.orientation || C(this.currentNode)) === "vertical";
     this.api.setVisibility(e.PRODUCT_IN_ROW, r), this.api.setVisibility(e.PRODUCT_IN_ROW_LABEL, r);
   }
   _onProductCountChange(t) {
@@ -88,11 +89,11 @@ class I extends c {
     }), this._debouncedRegenerateProductRows();
   }
   _regenerateProductRows() {
-    R({
+    h({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       afterRegenerate: () => {
-        C({
+        l({
           currentNode: this.currentNode,
           documentModifier: this.api.getDocumentModifier()
         });
@@ -118,6 +119,6 @@ class I extends c {
   }
 }
 export {
-  l as PRODUCT_LAYOUT_CONTROL_ID,
-  I as ProductLayoutControl
+  O as PRODUCT_LAYOUT_CONTROL_ID,
+  D as ProductLayoutControl
 };

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

@@ -1,15 +1,16 @@
-var A = Object.defineProperty;
-var y = (n, i, t) => i in n ? A(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
-var p = (n, i, t) => y(n, typeof i != "symbol" ? i + "" : i, t);
+var P = Object.defineProperty;
+var O = (n, i, t) => i in n ? P(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var p = (n, i, t) => O(n, typeof i != "symbol" ? i + "" : i, t);
 import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as b } from "../../../common-control.js";
-import { useRecommendationExtensionStore as P } from "../../store/recommendation.js";
-import { useDebounceFn as N } from "../../../../../node_modules/@vueuse/shared/index.js";
-const O = "recommendation-spacing-control", a = {
+import { useRecommendationExtensionStore as I } from "../../store/recommendation.js";
+import { getCurrentLayout as S } from "../main/utils.js";
+import { useDebounceFn as _ } from "../../../../../node_modules/@vueuse/shared/index.js";
+const y = "recommendation-spacing-control", a = {
   COLUMN_SPACING: "columnSpacing",
   COLUMN_SPACING_LABEL: "columnSpacingLabel",
   ROW_SPACING: "rowSpacing"
-}, _ = {
+}, f = {
   COLUMN_SPACING: "data-column-spacing",
   ROW_SPACING: "data-row-spacing"
 }, s = {
@@ -21,40 +22,40 @@ const O = "recommendation-spacing-control", a = {
   MAX_SPACING: 50,
   STEP: 5
 };
-function S(n, i) {
+function C(n, i) {
   return !n || !("getStyle" in n) ? null : n.getStyle(i);
 }
-function I(n) {
+function G(n) {
   return !n || !("parent" in n) || typeof n.parent != "function" ? null : n.parent();
 }
-function C(n, i) {
+function m(n, i) {
   if (!n)
     return i;
   const t = parseFloat(n);
   return Number.isNaN(t) ? i : t;
 }
-class w extends b {
+class E extends b {
   constructor() {
     super(...arguments);
-    p(this, "store", P());
+    p(this, "store", I());
     p(this, "unsubscribeOrientation", null);
     /**
      * Debounced version of _onColumnSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    p(this, "_debouncedOnColumnSpacingChange", N((t) => {
+    p(this, "_debouncedOnColumnSpacingChange", _((t) => {
       this._onColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onRowSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    p(this, "_debouncedOnRowSpacingChange", N((t) => {
+    p(this, "_debouncedOnRowSpacingChange", _((t) => {
       this._onRowSpacingChange(t);
     }, 300));
   }
   getId() {
-    return O;
+    return y;
   }
   getTemplate() {
     return `
@@ -84,22 +85,13 @@ class w extends b {
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues(), this._updateColumnSpacingVisibility();
   }
-  /**
-   * Gets the current layout orientation from the block's data attribute
-   */
-  _getCurrentLayout() {
-    if (!this.currentNode || !("querySelector" in this.currentNode))
-      return "vertical";
-    const t = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    return !t || !("getAttribute" in t) ? "vertical" : t.getAttribute("data-layout") === "horizontal" ? "horizontal" : "vertical";
-  }
   /**
    * Updates column spacing visibility based on layout orientation
    * Column spacing is hidden for horizontal layout (products are stacked vertically)
    * Reads from store first for reliability, falls back to DOM
    */
   _updateColumnSpacingVisibility() {
-    const r = (this.store.recommendationConfigs.orientation || this._getCurrentLayout()) === "vertical";
+    const r = (this.store.recommendationConfigs.orientation || S(this.currentNode)) === "vertical";
     this.api.setVisibility(a.COLUMN_SPACING, r), this.api.setVisibility(a.COLUMN_SPACING_LABEL, r);
   }
   /**
@@ -121,18 +113,18 @@ class w extends b {
   _getStoredColumnSpacing() {
     if (!this.currentNode)
       return s.COLUMN_SPACING;
-    if (this._getCurrentLayout() === "vertical") {
-      const o = this.currentNode.querySelector(".recommendation-attribute-row"), f = o == null ? void 0 : o.querySelector("td"), g = S(f, "padding");
-      if (!g)
+    if (S(this.currentNode) === "vertical") {
+      const o = this.currentNode.querySelector(".recommendation-attribute-row"), A = o == null ? void 0 : o.querySelector("td"), h = C(A, "padding");
+      if (!h)
         return s.COLUMN_SPACING;
-      const m = g.trim().split(/\s+/);
-      return m.length < 2 ? s.COLUMN_SPACING : C(m[1], s.COLUMN_SPACING / 2) * 2;
+      const g = h.trim().split(/\s+/);
+      return g.length < 2 ? s.COLUMN_SPACING : m(g[1], s.COLUMN_SPACING / 2) * 2;
     }
-    const e = this.currentNode.querySelector(".product-card-wrapper"), r = I(e), l = S(r, "padding");
+    const e = this.currentNode.querySelector(".product-card-wrapper"), r = G(e), l = C(r, "padding");
     if (!l)
       return s.COLUMN_SPACING;
     const c = l.trim().split(/\s+/);
-    return c.length < 2 ? s.COLUMN_SPACING : C(c[1], s.COLUMN_SPACING / 2) * 2;
+    return c.length < 2 ? s.COLUMN_SPACING : m(c[1], s.COLUMN_SPACING / 2) * 2;
   }
   /**
    * Gets stored row spacing from the first spacer element's height style
@@ -140,8 +132,8 @@ class w extends b {
   _getStoredRowSpacing() {
     if (!this.currentNode)
       return s.ROW_SPACING;
-    const t = this.currentNode.querySelector(".spacer"), e = S(t, "height");
-    return C(e, s.ROW_SPACING);
+    const t = this.currentNode.querySelector(".spacer"), e = C(t, "height");
+    return m(e, s.ROW_SPACING);
   }
   /**
    * Handles column spacing changes.
@@ -152,7 +144,7 @@ class w extends b {
     if (!this.currentNode)
       return;
     this._storeColumnSpacing(t);
-    const e = this._getCurrentLayout(), r = this.api.getDocumentModifier(), c = `0 ${t / 2}px`;
+    const e = S(this.currentNode), r = this.api.getDocumentModifier(), c = `0 ${t / 2}px`;
     e === "vertical" ? Array.from(
       this.currentNode.querySelectorAll(".attribute-cell")
     ).forEach((o) => {
@@ -188,7 +180,7 @@ class w extends b {
     if (!this.currentNode)
       return;
     const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(_.COLUMN_SPACING, t.toString()).apply(new d("Store column spacing"));
+    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(f.COLUMN_SPACING, t.toString()).apply(new d("Store column spacing"));
   }
   /**
    * Stores row spacing value in block data attribute
@@ -197,7 +189,7 @@ class w extends b {
     if (!this.currentNode)
       return;
     const e = this.currentNode.querySelector(".ins-recommendation-v3-block-v2");
-    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(_.ROW_SPACING, t.toString()).apply(new d("Store row spacing"));
+    e && this.api.getDocumentModifier().modifyHtml(e).setAttribute(f.ROW_SPACING, t.toString()).apply(new d("Store row spacing"));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(a.COLUMN_SPACING, (t) => {
@@ -219,6 +211,6 @@ class w extends b {
   }
 }
 export {
-  O as SPACING_CONTROL_ID,
-  w as SpacingControl
+  y as SPACING_CONTROL_ID,
+  E as SpacingControl
 };