@useinsider/guido 3.1.1 → 3.2.0-beta.080341b

package/dist/extensions/Blocks/Recommendation/controls/name/textTrim.js

@@ -1,14 +1,15 @@
-import { ModificationDescription as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
-import { RecommendationBlockId as l } from "../../constants/blockIds.js";
-import { RecommendationControlId as m } from "../../constants/controlIds.js";
-import { BLOCK_ROOT_SELECTOR as u } from "../../constants/selectors.js";
-const i = {
+import { ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as u } from "../../../common-control.js";
+import { RecommendationBlockId as a } from "../../constants/blockIds.js";
+import { RecommendationControlId as d } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as m } from "../../constants/selectors.js";
+import { CSS_CLASS_TEXT_TRIM as r, ensureTextTrimCssRulesExist as T } from "../shared/textTrimCssRules.js";
+const s = {
   TEXT_TRIM_ENABLED: "textTrimEnabled"
-}, o = "text-trim-enabled", c = `.${o}`, T = `.${o} p`, p = `.${o} { max-width: 0; }`, _ = `.${o} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
-class N extends d {
+};
+class N extends u {
   getId() {
-    return m.NAME_TEXT_TRIM;
+    return d.NAME_TEXT_TRIM;
   }
   getTemplate() {
     return `
@@ -16,7 +17,7 @@ class N extends d {
             <div class="name-text-trim-control-container">
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Trim Long Text") }),
-      this._GuToggle(i.TEXT_TRIM_ENABLED)
+      this._GuToggle(s.TEXT_TRIM_ENABLED)
     ])}
             </div>
         `;
@@ -30,76 +31,45 @@ class N extends d {
   _setFormValues() {
     const e = this._getCurrentTrimState();
     this.api.updateValues({
-      [i.TEXT_TRIM_ENABLED]: e
+      [s.TEXT_TRIM_ENABLED]: e
     });
   }
   _getCurrentTrimState() {
     if (!this.currentNode || !("hasClass" in this.currentNode))
       return !1;
-    if (this.currentNode.hasClass(o))
+    if (this.currentNode.hasClass(r))
       return !0;
-    const e = this.currentNode.closest(u);
+    const e = this.currentNode.closest(m);
     if (!e)
       return !1;
     const t = e.querySelector(
-      `[esd-extension-block-id="${l.NAME}"]`
+      `[esd-extension-block-id="${a.NAME}"]`
     );
-    return t && "hasClass" in t ? t.hasClass(o) : !1;
-  }
-  /**
-   * Finds an existing CSS rule in the document stylesheet by exact query
-   * @param query - The CSS query to search for (uses Stripo's CSS query syntax)
-   * @returns The CSS rule node if found, undefined otherwise
-   */
-  _findCssRule(e) {
-    const t = this.api.getDocumentRootCssNode();
-    if (t)
-      return t.querySelector(e);
-  }
-  /**
-   * Finds the .text-trim-enabled p rule by searching all text-trim rules and comparing selectors
-   * This is needed because Stripo's CSS query syntax interprets spaces as path separators
-   * @returns true if the rule exists
-   */
-  _hasParagraphRule() {
-    const e = this.api.getDocumentRootCssNode();
-    return e ? e.querySelectorAll(`*${o}`).some((s) => "getSelector" in s && typeof s.getSelector == "function" ? s.getSelector() === T : !1) : !1;
-  }
-  /**
-   * Ensures the text-trim CSS rules exist in the document stylesheet
-   * Only adds rules if they don't already exist (prevents duplicates across multiple blocks)
-   */
-  _ensureCssRulesExist() {
-    const e = this.api.getDocumentRootCssNode();
-    if (!e)
-      return;
-    const t = this.api.getDocumentModifier();
-    let s = !1;
-    this._findCssRule(c) || (t.modifyCss(e).appendRule(p), s = !0), this._hasParagraphRule() || (t.modifyCss(e).appendRule(_), s = !0), s && t.apply(new a("Add text trim CSS rules"));
+    return t && "hasClass" in t ? t.hasClass(r) : !1;
   }
   _onTextTrimChange(e) {
     if (!this.currentNode || !("closest" in this.currentNode))
       return;
-    const t = this.currentNode.closest(u);
+    const t = this.currentNode.closest(m);
     if (!t || !("querySelectorAll" in t))
       return;
-    const s = Array.from(
-      t.querySelectorAll(`[esd-extension-block-id="${l.NAME}"]`)
+    const i = Array.from(
+      t.querySelectorAll(`[esd-extension-block-id="${a.NAME}"]`)
     );
-    if (!s.length)
+    if (!i.length)
       return;
-    e && this._ensureCssRulesExist();
-    const r = this.api.getDocumentModifier();
-    s.forEach((n) => {
-      e ? r.modifyHtml(n).setClass(o) : r.modifyHtml(n).removeClass(o);
-    }), r.apply(
-      new a(
+    e && T(this.api);
+    const o = this.api.getDocumentModifier();
+    i.forEach((n) => {
+      e ? o.modifyHtml(n).setClass(r) : o.modifyHtml(n).removeClass(r);
+    }), o.apply(
+      new l(
         e ? "Enable product name text trimming" : "Disable product name text trimming"
       )
     );
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(i.TEXT_TRIM_ENABLED, (e) => {
+    this.api.onValueChanged(s.TEXT_TRIM_ENABLED, (e) => {
       this._onTextTrimChange(e);
     });
   }

package/dist/extensions/Blocks/Recommendation/controls/shared/textTrimCssRules.js

@@ -0,0 +1,14 @@
+import { ModificationDescription as r } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const t = "text-trim-enabled", l = `.${t}`, c = `.${t} p`, S = `.${t} { max-width: 0; }`, T = `.${t} p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; display: block; }`;
+function f(n) {
+  const e = n.getDocumentRootCssNode();
+  if (!e)
+    return;
+  const o = n.getDocumentModifier();
+  let i = !1;
+  e.querySelector(l) || (o.modifyCss(e).appendRule(S), i = !0), e.querySelectorAll(`*${t}`).some((s) => "getSelector" in s && typeof s.getSelector == "function" && s.getSelector() === c) || (o.modifyCss(e).appendRule(T), i = !0), i && o.apply(new r("Add text trim CSS rules"));
+}
+export {
+  t as CSS_CLASS_TEXT_TRIM,
+  f as ensureTextTrimCssRulesExist
+};

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

@@ -1,15 +1,15 @@
 var G = Object.defineProperty;
-var P = (u, c, t) => c in u ? G(u, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[c] = t;
-var h = (u, c, t) => P(u, typeof c != "symbol" ? c + "" : c, t);
-import { ModificationDescription as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var P = (u, s, t) => s in u ? G(u, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[s] = t;
+var C = (u, s, t) => P(u, typeof s != "symbol" ? s + "" : s, t);
+import { ModificationDescription as m } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as R } from "../../../common-control.js";
-import { DESKTOP_CONTAINER_SELECTOR as m, MOBILE_CONTAINER_SELECTOR as M } from "../../constants/selectors.js";
-import { SPACING_STEP as S, MAX_SPACING as _, MIN_SPACING as N, DEFAULT_COLUMN_SPACING as C, DEFAULT_ROW_SPACING as E } from "../../constants/layout.js";
+import { DESKTOP_CONTAINER_SELECTOR as S, MOBILE_CONTAINER_SELECTOR as M } from "../../constants/selectors.js";
+import { SPACING_STEP as _, MAX_SPACING as N, MIN_SPACING as b, DEFAULT_COLUMN_SPACING as g, DEFAULT_ROW_SPACING as E } from "../../constants/layout.js";
 import { RecommendationConfigService as p } from "../../services/configService.js";
-import { useRecommendationExtensionStore as V } from "../../store/recommendation.js";
-import { safeGetStyle as A, safeGetParent as w } from "../../utils/tagName.js";
-import { getCurrentLayout as b, getBlockElement as B } from "../main/utils.js";
-import { useDebounceFn as f } from "../../../../../node_modules/@vueuse/shared/index.js";
+import { useRecommendationExtensionStore as w } from "../../store/recommendation.js";
+import { safeGetStyle as L, safeGetParent as V } from "../../utils/tagName.js";
+import { getCurrentLayout as f, getBlockElement as B } from "../main/utils.js";
+import { useDebounceFn as O } from "../../../../../node_modules/@vueuse/shared/index.js";
 const U = "recommendation-spacing-control", n = {
   COLUMN_SPACING: "columnSpacing",
   COLUMN_SPACING_LABEL: "columnSpacingLabel",
@@ -19,46 +19,46 @@ const U = "recommendation-spacing-control", n = {
   MOBILE_COLUMN_SPACING_LABEL: "mobileColumnSpacingLabel",
   MOBILE_ROW_SPACING: "mobileRowSpacing",
   MOBILE_ROW_SPACING_LABEL: "mobileRowSpacingLabel"
-}, O = {
+}, A = {
   COLUMN_SPACING: "data-column-spacing",
   ROW_SPACING: "data-row-spacing",
   MOBILE_COLUMN_SPACING: "data-mobile-column-spacing",
   MOBILE_ROW_SPACING: "data-mobile-row-spacing"
 };
-function L(u, c) {
+function I(u, s) {
   if (!u)
-    return c;
+    return s;
   const t = parseFloat(u);
-  return Number.isNaN(t) ? c : t;
+  return Number.isNaN(t) ? s : t;
 }
 class j extends R {
   constructor() {
     super(...arguments);
-    h(this, "store", V());
-    h(this, "unsubscribeOrientation", null);
+    C(this, "store", w());
+    C(this, "unsubscribeOrientation", null);
     /**
      * Debounced version of _onColumnSpacingChange
      * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
-    h(this, "_debouncedOnColumnSpacingChange", f((t) => {
+    C(this, "_debouncedOnColumnSpacingChange", O((t) => {
       this._onColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onRowSpacingChange
      */
-    h(this, "_debouncedOnRowSpacingChange", f((t) => {
+    C(this, "_debouncedOnRowSpacingChange", O((t) => {
       this._onRowSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileColumnSpacingChange
      */
-    h(this, "_debouncedOnMobileColumnSpacingChange", f((t) => {
+    C(this, "_debouncedOnMobileColumnSpacingChange", O((t) => {
       this._onMobileColumnSpacingChange(t);
     }, 300));
     /**
      * Debounced version of _onMobileRowSpacingChange
      */
-    h(this, "_debouncedOnMobileRowSpacingChange", f((t) => {
+    C(this, "_debouncedOnMobileRowSpacingChange", O((t) => {
       this._onMobileRowSpacingChange(t);
     }, 300));
   }
@@ -75,9 +75,9 @@ class j extends R {
       }),
       this._GuCounter({
         name: n.COLUMN_SPACING,
-        minValue: N,
-        maxValue: _,
-        step: S
+        minValue: b,
+        maxValue: N,
+        step: _
       }),
       this._GuLabel({
         text: this.api.translate("Row Spacing (px)"),
@@ -85,9 +85,9 @@ class j extends R {
       }),
       this._GuCounter({
         name: n.ROW_SPACING,
-        minValue: N,
-        maxValue: _,
-        step: S
+        minValue: b,
+        maxValue: N,
+        step: _
       }),
       this._GuLabel({
         text: this.api.translate("Column Spacing on Mobile (px)"),
@@ -95,9 +95,9 @@ class j extends R {
       }),
       this._GuCounter({
         name: n.MOBILE_COLUMN_SPACING,
-        minValue: N,
-        maxValue: _,
-        step: S
+        minValue: b,
+        maxValue: N,
+        step: _
       }),
       this._GuLabel({
         text: this.api.translate("Row Spacing on Mobile (px)"),
@@ -105,9 +105,9 @@ class j extends R {
       }),
       this._GuCounter({
         name: n.MOBILE_ROW_SPACING,
-        minValue: N,
-        maxValue: _,
-        step: S
+        minValue: b,
+        maxValue: N,
+        step: _
       })
     ])}
             </div>
@@ -132,13 +132,13 @@ class j extends R {
   _updateSpacingVisibility() {
     if (!this.api)
       return;
-    const t = p.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, i = (t.layout || e || b(this.currentNode)) === "grid", { mobileLayoutEnabled: a } = t, r = t.cardsInRow > 1, l = t.mobileCardsInRow > 1;
+    const t = p.getConfig(this.currentNode), e = this.store.recommendationConfigs.orientation, i = (t.layout || e || f(this.currentNode)) === "grid", { mobileLayoutEnabled: a } = t, r = t.cardsInRow > 1, c = t.mobileCardsInRow > 1;
     this.api.setVisibility(n.COLUMN_SPACING, i && r), this.api.setVisibility(n.COLUMN_SPACING_LABEL, i && r), this.api.setVisibility(n.ROW_SPACING, !0), this.api.setVisibility(n.ROW_SPACING_LABEL, !0), this.api.setVisibility(
       n.MOBILE_COLUMN_SPACING,
-      i && a && l
+      i && a && c
     ), this.api.setVisibility(
       n.MOBILE_COLUMN_SPACING_LABEL,
-      i && a && l
+      i && a && c
     ), this.api.setVisibility(n.MOBILE_ROW_SPACING, i && a), this.api.setVisibility(n.MOBILE_ROW_SPACING_LABEL, i && a);
   }
   /**
@@ -165,20 +165,20 @@ class j extends R {
    */
   _getStoredColumnSpacing() {
     if (!this.currentNode)
-      return C;
-    const t = this.currentNode.querySelector(m) ?? this.currentNode;
-    if (b(this.currentNode) === "grid") {
-      const d = t.querySelector(".recommendation-attribute-row"), s = d == null ? void 0 : d.querySelector("td"), I = A(s, "padding");
-      if (!I)
-        return C;
-      const y = I.trim().split(/\s+/);
-      return y.length < 2 ? C : L(y[1], C / 2) * 2;
+      return g;
+    const t = this.currentNode.querySelector(S) ?? this.currentNode;
+    if (f(this.currentNode) === "grid") {
+      const h = t.querySelector(".recommendation-attribute-row"), l = (h == null ? void 0 : h.querySelector("td")) ?? null, d = L(l, "padding");
+      if (!d)
+        return g;
+      const y = d.trim().split(/\s+/);
+      return y.length < 2 ? g : I(y[1], g / 2) * 2;
     }
-    const o = t.querySelector(".product-card-wrapper"), i = w(o), a = A(i, "padding");
+    const o = t.querySelector(".product-card-wrapper") ?? null, i = V(o), a = L(i, "padding");
     if (!a)
-      return C;
+      return g;
     const r = a.trim().split(/\s+/);
-    return r.length < 2 ? C : L(r[1], C / 2) * 2;
+    return r.length < 2 ? g : I(r[1], g / 2) * 2;
   }
   /**
    * Gets stored row spacing from the first spacer element's height style
@@ -187,8 +187,8 @@ class j extends R {
   _getStoredRowSpacing() {
     if (!this.currentNode)
       return E;
-    const e = (this.currentNode.querySelector(m) ?? this.currentNode).querySelector(".spacer"), o = A(e, "height");
-    return L(o, E);
+    const e = (this.currentNode.querySelector(S) ?? this.currentNode).querySelector(".spacer") ?? null, o = L(e, "height");
+    return I(o, E);
   }
   // ========================================================================
   // Desktop Spacing Handlers
@@ -205,17 +205,18 @@ class j extends R {
       this.currentNode,
       { columnSpacing: t },
       `Changed column spacing to ${t}px`
-    ), this._storeDataAttribute(O.COLUMN_SPACING, t);
-    const o = p.getConfig(this.currentNode).layout || b(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, l = this.currentNode.querySelector(m);
-    l && (o === "grid" ? Array.from(
-      l.querySelectorAll(".attribute-cell")
-    ).forEach((s) => {
-      i.modifyHtml(s).setStyle("padding", r);
+    ), this._storeDataAttribute(A.COLUMN_SPACING, t);
+    const o = p.getConfig(this.currentNode).layout || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(S);
+    c && (o === "grid" ? Array.from(
+      c.querySelectorAll(".attribute-cell")
+    ).forEach((l) => {
+      i.modifyHtml(l).setStyle("padding", r);
     }) : Array.from(
-      l.querySelectorAll(".product-card-wrapper")
-    ).forEach((s) => {
-      "parent" in s && s.parent() && i.modifyHtml(s.parent()).setStyle("padding", r);
-    }), i.apply(new g(`Update column spacing to ${t}px`)));
+      c.querySelectorAll(".product-card-wrapper")
+    ).forEach((l) => {
+      const d = "parent" in l ? l.parent() : void 0;
+      d && i.modifyHtml(d).setStyle("padding", r);
+    }), i.apply(new m(`Update column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for desktop.
@@ -229,8 +230,8 @@ class j extends R {
       this.currentNode,
       { rowSpacing: t },
       `Changed row spacing to ${t}px`
-    ), this._storeDataAttribute(O.ROW_SPACING, t);
-    const e = this.currentNode.querySelector(m);
+    ), this._storeDataAttribute(A.ROW_SPACING, t);
+    const e = this.currentNode.querySelector(S);
     if (!e)
       return;
     const o = Array.from(
@@ -241,7 +242,7 @@ class j extends R {
     const i = this.api.getDocumentModifier(), a = `${t}px`;
     o.forEach((r) => {
       i.modifyHtml(r).setStyle("height", a);
-    }), i.apply(new g(`Update row spacing to ${t}px`));
+    }), i.apply(new m(`Update row spacing to ${t}px`));
   }
   // ========================================================================
   // Mobile Spacing Handlers
@@ -258,17 +259,18 @@ class j extends R {
       this.currentNode,
       { mobileColumnSpacing: t },
       `Changed mobile column spacing to ${t}px`
-    ), this._storeDataAttribute(O.MOBILE_COLUMN_SPACING, t);
-    const o = p.getConfig(this.currentNode).layout || b(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, l = this.currentNode.querySelector(M);
-    l && (o === "grid" ? Array.from(
-      l.querySelectorAll(".attribute-cell")
-    ).forEach((s) => {
-      i.modifyHtml(s).setStyle("padding", r);
+    ), this._storeDataAttribute(A.MOBILE_COLUMN_SPACING, t);
+    const o = p.getConfig(this.currentNode).layout || f(this.currentNode), i = this.api.getDocumentModifier(), r = `0 ${t / 2}px`, c = this.currentNode.querySelector(M);
+    c && (o === "grid" ? Array.from(
+      c.querySelectorAll(".attribute-cell")
+    ).forEach((l) => {
+      i.modifyHtml(l).setStyle("padding", r);
     }) : Array.from(
-      l.querySelectorAll(".product-card-wrapper")
-    ).forEach((s) => {
-      "parent" in s && s.parent() && i.modifyHtml(s.parent()).setStyle("padding", r);
-    }), i.apply(new g(`Update mobile column spacing to ${t}px`)));
+      c.querySelectorAll(".product-card-wrapper")
+    ).forEach((l) => {
+      const d = "parent" in l ? l.parent() : void 0;
+      d && i.modifyHtml(d).setStyle("padding", r);
+    }), i.apply(new m(`Update mobile column spacing to ${t}px`)));
   }
   /**
    * Handles row spacing changes for mobile.
@@ -282,7 +284,7 @@ class j extends R {
       this.currentNode,
       { mobileRowSpacing: t },
       `Changed mobile row spacing to ${t}px`
-    ), this._storeDataAttribute(O.MOBILE_ROW_SPACING, t);
+    ), this._storeDataAttribute(A.MOBILE_ROW_SPACING, t);
     const e = this.currentNode.querySelector(M);
     if (!e)
       return;
@@ -294,7 +296,7 @@ class j extends R {
     const i = this.api.getDocumentModifier(), a = `${t}px`;
     o.forEach((r) => {
       i.modifyHtml(r).setStyle("height", a);
-    }), i.apply(new g(`Update mobile row spacing to ${t}px`));
+    }), i.apply(new m(`Update mobile row spacing to ${t}px`));
   }
   // ========================================================================
   // Data Attribute Storage
@@ -304,7 +306,7 @@ class j extends R {
    */
   _storeDataAttribute(t, e) {
     const o = B(this.currentNode);
-    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new g(`Store ${t}`));
+    o && this.api.getDocumentModifier().modifyHtml(o).setAttribute(t, e.toString()).apply(new m(`Store ${t}`));
   }
   // ========================================================================
   // Event Listeners

package/dist/extensions/Blocks/Recommendation/services/configService.js

@@ -1,8 +1,14 @@
-import { ModificationDescription as f } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as u, DEFAULT_NODE_CONFIG as e } from "../constants/defaultConfig.js";
-import { setCurrencyAttributes as g } from "../controls/main/utils.js";
-import { hasMinimalConfig as a } from "../types/nodeConfig.js";
-class C {
+import { ModificationDescription as C } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CURRENT_CONFIG_VERSION as l, DEFAULT_NODE_CONFIG as c } from "../constants/defaultConfig.js";
+import { setCurrencyAttributes as D } from "../controls/main/utils.js";
+import { hasMinimalConfig as A } from "../types/nodeConfig.js";
+function S(e) {
+  return e === "." || e === "," || e === " ";
+}
+function N(e) {
+  return e === "." || e === "," || e === " " || e === "";
+}
+class M {
   // ========================================================================
   // Read Operations
   // ========================================================================
@@ -42,7 +48,7 @@ class C {
       return !1;
     try {
       const t = i.getNodeConfig();
-      return a(t);
+      return A(t);
     } catch {
       return !1;
     }
@@ -77,29 +83,36 @@ class C {
    * @returns The new complete configuration
    */
   static updateConfig(i, t, o, n) {
-    const s = this.getConfig(t), r = this.deepMerge(s, o);
-    return this.saveConfig(i, t, r, n), r;
+    const r = this.getConfig(t), u = this.deepMerge(r, o);
+    return this.saveConfig(i, t, u, n), u;
   }
   /**
    * Initialize configuration for a new block
    *
    * Called when a block is first created (dropped into template).
    * Can optionally merge in partial config from migration.
+   *
+   * The `wasFreshDrop` flag distinguishes a brand-new drop (no prior config)
+   * from a clone (Stripo replays the source's setNodeConfig payload before
+   * onCreated fires). Callers use this to skip side-effects already inherited
+   * from the source.
    * @example
    * // In Block.onCreated lifecycle
-   * RecommendationConfigService.initializeConfig(this.api, node);
+   * const { config, wasFreshDrop } = RecommendationConfigService.initializeConfig(this.api, node);
    * @param api - Stripo extension API with document modifier
    * @param node - The immutable HTML node to initialize
    * @param partialConfig - Optional partial config to merge with defaults
-   * @returns The initialized configuration
+   * @returns The initialized configuration and whether the node was a fresh drop
    */
   static initializeConfig(i, t, o) {
+    if (this.hasConfig(t))
+      return { config: o ? this.updateConfig(i, t, o, "Initialize recommendation block") : this.getConfig(t), wasFreshDrop: !1 };
     const n = o ? this.mergeWithDefaults(o) : this.cloneDefaults();
-    return this.saveConfig(i, t, n, "Initialize recommendation block"), g({
+    return this.saveConfig(i, t, n, "Initialize recommendation block"), D({
       currentNode: t,
       documentModifier: i.getDocumentModifier(),
       currency: n.currency
-    }), n;
+    }), { config: n, wasFreshDrop: !0 };
   }
   /**
    * Save complete configuration to a node
@@ -112,9 +125,9 @@ class C {
    */
   static saveConfig(i, t, o, n) {
     try {
-      i.getDocumentModifier().modifyHtml(t).setNodeConfig(o).apply(new f(n));
-    } catch (s) {
-      console.warn("[RecommendationConfigService] Failed to save config:", s);
+      i.getDocumentModifier().modifyHtml(t).setNodeConfig(o).apply(new C(n));
+    } catch (r) {
+      console.warn("[RecommendationConfigService] Failed to save config:", r);
     }
   }
   // ========================================================================
@@ -125,25 +138,55 @@ class C {
    *
    * Reads existing data-attributes and creates a proper node config.
    * Used when loading templates created before node config was implemented.
+   *
+   * Sources, in priority order (later overrides earlier):
+   * 1. `esd-ext-config` JSON blob — emitted by the recommendation migrator and
+   *    by hand-authored new templates. Carries the full RecommendationNodeConfig
+   *    (strategy, language, currency, filters, productIds, etc.) which the
+   *    discrete data-* attrs below cannot capture.
+   * 2. Discrete `data-*` attributes — runtime source of truth for
+   *    layout/composition/spacing; controls keep these in sync as the user
+   *    edits, so we let them override the JSON blob if they disagree.
+   * 3. `currency-*` attributes — durable currency source on the block element.
    * @param api - Stripo extension API with document modifier
    * @param node - The block node to migrate
    * @returns The migrated configuration
    */
   static migrateFromDataAttributes(i, t) {
     const o = {
-      configVersion: u
+      configVersion: l
     };
     if ("getAttribute" in t && typeof t.getAttribute == "function") {
-      const n = t.getAttribute("data-layout");
-      n === "list" || n === "horizontal" ? o.layout = "list" : (n === "grid" || n === "vertical") && (o.layout = "grid");
-      const s = t.getAttribute("data-card-composition");
-      s && (o.composition = s.split(",").filter(Boolean));
-      const r = t.getAttribute("data-column-spacing");
-      r && (o.columnSpacing = parseInt(r) || e.columnSpacing);
-      const c = t.getAttribute("data-row-spacing");
-      c && (o.rowSpacing = parseInt(c) || e.rowSpacing);
+      const n = t.getAttribute("esd-ext-config");
+      if (n)
+        try {
+          const s = JSON.parse(n);
+          s && typeof s == "object" && (Object.assign(o, s), o.configVersion = l);
+        } catch {
+        }
+      const r = t.getAttribute("data-layout");
+      r === "list" || r === "horizontal" ? o.layout = "list" : (r === "grid" || r === "vertical") && (o.layout = "grid");
+      const u = t.getAttribute("data-card-composition");
+      u && (o.composition = u.split(",").filter(Boolean));
+      const b = t.getAttribute("data-column-spacing");
+      b && (o.columnSpacing = parseInt(b) || c.columnSpacing);
+      const p = t.getAttribute("data-row-spacing");
+      if (p && (o.rowSpacing = parseInt(p) || c.rowSpacing), !o.currency) {
+        const s = t.getAttribute("currency"), y = t.getAttribute("currency-symbol"), d = t.getAttribute("currency-alignment"), f = t.getAttribute("currency-thousand-separator"), g = t.getAttribute("currency-decimal-separator"), m = t.getAttribute("currency-decimal-count");
+        if (s || y || d || f || g || m) {
+          const a = c.currency, h = m ? parseInt(m) : NaN;
+          o.currency = {
+            code: s ?? a.code,
+            symbol: y ?? a.symbol,
+            alignment: d === "0" ? "before" : "after",
+            decimalCount: Number.isFinite(h) ? h : a.decimalCount,
+            decimalSeparator: S(g) ? g : a.decimalSeparator,
+            thousandSeparator: N(f) ? f : a.thousandSeparator
+          };
+        }
+      }
     }
-    return this.initializeConfig(i, t, o);
+    return this.initializeConfig(i, t, o).config;
   }
   /**
    * Check if configuration needs migration
@@ -151,7 +194,7 @@ class C {
    * @returns True if migration is needed
    */
   static needsMigration(i) {
-    return i ? this.hasConfig(i) ? this.getConfigVersion(i) < u : !0 : !1;
+    return i ? this.hasConfig(i) ? this.getConfigVersion(i) < l : !0 : !1;
   }
   // ========================================================================
   // Internal Helpers
@@ -161,12 +204,12 @@ class C {
    */
   static cloneDefaults() {
     return {
-      ...e,
-      currency: { ...e.currency },
-      omnibusPrice: { ...e.omnibusPrice },
-      omnibusDiscount: { ...e.omnibusDiscount },
-      composition: [...e.composition],
-      visibility: { ...e.visibility },
+      ...c,
+      currency: { ...c.currency },
+      omnibusPrice: { ...c.omnibusPrice },
+      omnibusDiscount: { ...c.omnibusDiscount },
+      composition: [...c.composition],
+      visibility: { ...c.visibility },
       filters: [],
       productIds: [],
       recommendationId: 0
@@ -236,5 +279,5 @@ class C {
   }
 }
 export {
-  C as RecommendationConfigService
+  M as RecommendationConfigService
 };