@useinsider/guido 3.8.1-beta.6c0ee3f → 3.8.1-beta.84abfcd

package/dist/extensions/Blocks/Recommendation/block.js

@@ -48,11 +48,8 @@ class H extends D {
   allowInnerBlocksDND() {
     return !1;
   }
-  // A saved module carries its config in the esd-config blob, restored on
-  // re-drop by migrateFromDataAttributes; per-element styles ride the
-  // preserved inner HTML. (onCreated early-returns for re-drops, never clobbers.)
   canBeSavedAsModule() {
-    return !0;
+    return !1;
   }
   /**
    * Returns the template HTML for a new recommendation block.

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

@@ -1,29 +1,29 @@
-var Q = Object.defineProperty;
-var Z = (p, g, t) => g in p ? Q(p, g, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[g] = t;
-var T = (p, g, t) => Z(p, typeof g != "symbol" ? g + "" : g, t);
-import { UIElementType as f, UEAttr as v, ModificationDescription as C } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as tt } from "../../../common-control.js";
-import { ATTR_PRODUCT_IMAGE as B, ATTR_PRODUCT_NAME as et, ATTR_PRODUCT_PRICE as rt, ATTR_PRODUCT_OLD_PRICE as ot, ATTR_PRODUCT_OMNIBUS_PRICE as st, ATTR_PRODUCT_OMNIBUS_DISCOUNT as it, ATTR_PRODUCT_BUTTON as H, ATTR_DATA_CUSTOM_ATTRIBUTES as F, ATTR_CUSTOM_PREFIX as d, BUILT_IN_DEFAULT_ATTRIBUTES as nt } from "../../constants/selectors.js";
-import { DEFAULT_COMPOSITION as P, DEFAULT_VISIBILITY as w } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as $ } from "../../services/configService.js";
+var J = Object.defineProperty;
+var Q = (p, _, t) => _ in p ? J(p, _, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[_] = t;
+var T = (p, _, t) => Q(p, typeof _ != "symbol" ? _ + "" : _, t);
+import { UIElementType as f, UEAttr as I, ModificationDescription as A } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as Z } from "../../../common-control.js";
+import { ATTR_PRODUCT_IMAGE as L, ATTR_PRODUCT_NAME as tt, ATTR_PRODUCT_PRICE as et, ATTR_PRODUCT_OLD_PRICE as rt, ATTR_PRODUCT_OMNIBUS_PRICE as ot, ATTR_PRODUCT_OMNIBUS_DISCOUNT as st, ATTR_PRODUCT_BUTTON as B, ATTR_DATA_CUSTOM_ATTRIBUTES as q, ATTR_CUSTOM_PREFIX as m, BUILT_IN_DEFAULT_ATTRIBUTES as it } from "../../constants/selectors.js";
+import { DEFAULT_COMPOSITION as P, DEFAULT_VISIBILITY as F } from "../../constants/defaultConfig.js";
+import { RecommendationConfigService as nt } from "../../services/configService.js";
 import { useRecommendationExtensionStore as lt } from "../../store/recommendation.js";
 import { ATTRIBUTE_CELL_CLASS as at, gridElementRenderer as ct, DEFAULT_CELL_PADDING as ut, buildFillerCell as dt } from "../../templates/grid/elementRenderer.js";
 import { listElementRenderer as mt } from "../../templates/list/elementRenderer.js";
-import { toDisplayName as ht, isDefaultAttribute as pt, toDisplayableAttributeValue as gt, buildElementRenderer as M } from "../../templates/utils.js";
+import { toDisplayName as ht, isDefaultAttribute as pt, toDisplayableAttributeValue as _t, buildElementRenderer as w } from "../../templates/utils.js";
 import { getTableDisplayValue as ft } from "../../utils/tagName.js";
-import { isPartnerManagedBlock as _t, getCurrentLayout as bt } from "../main/utils.js";
-const yt = "ui-elements-recommendation-card-composition", A = ".recommendation-attribute-row", L = ".product-card-wrapper > tbody", V = ".product-info-cell > table > tbody", x = "data-card-composition", y = "data-attribute-type", N = "data-visibility", j = {
+import { isPartnerManagedBlock as gt, getCurrentLayout as bt } from "../main/utils.js";
+const yt = "ui-elements-recommendation-card-composition", S = ".recommendation-attribute-row", N = ".product-card-wrapper > tbody", M = ".product-info-cell > table > tbody", V = "data-card-composition", y = "data-attribute-type", v = "data-visibility", x = {
   ADD_ATTRIBUTE: "addAttribute"
-}, _ = 5, E = "reorderIcon_", h = [
-  { key: B, label: "Product Image" },
-  { key: et, label: "Product Name" },
-  { key: rt, label: "Product Price" },
-  { key: ot, label: "Product Original Price" },
-  { key: st, label: "Omnibus Price" },
-  { key: it, label: "Omnibus Discount" },
-  { key: H, label: "Product Button" }
-], Ct = new Set(h.map((p) => p.key)), S = "customAttr_", R = "deleteAttr_";
-class Ht extends tt {
+}, g = 5, E = "reorderIcon_", h = [
+  { key: L, label: "Product Image" },
+  { key: tt, label: "Product Name" },
+  { key: et, label: "Product Price" },
+  { key: rt, label: "Product Original Price" },
+  { key: ot, label: "Omnibus Price" },
+  { key: st, label: "Omnibus Discount" },
+  { key: B, label: "Product Button" }
+], At = new Set(h.map((p) => p.key)), C = "customAttr_", R = "deleteAttr_";
+class Ut extends Z {
   constructor() {
     super(...arguments);
     T(this, "store", lt());
@@ -47,23 +47,23 @@ class Ht extends tt {
                 ${this._GuToggle(`visibility_${l.key}`)}
             </div>
         `).join(""), r = Array.from(
-      { length: _ },
+      { length: g },
       (l, u) => `
-                <div data-custom-select-key="${S}${u}" style="display: none;">
+                <div data-custom-select-key="${C}${u}" style="display: none;">
                     ${this._GuSelect({
-        name: `${S}${u}`,
+        name: `${C}${u}`,
         placeholder: this.api.translate("Select Attribute"),
         options: []
       })}
                 </div>
             `
-    ).join(""), e = h.length + _, o = Array.from(
+    ).join(""), e = h.length + g, o = Array.from(
       { length: e },
       (l, u) => `
                 <div data-reorder-icon-key="${E}${u}" style="display: none;">
                     <${f.BUTTON}
                         class="drag-handle-btn flat-inline flat-white"
-                        ${v.BUTTON.name}="${E}${u}"
+                        ${I.BUTTON.name}="${E}${u}"
                     >
                         <${f.ICON}
                             src="reorder"
@@ -73,12 +73,12 @@ class Ht extends tt {
                 </div>
             `
     ).join(""), s = Array.from(
-      { length: _ },
+      { length: g },
       (l, u) => `
                 <div data-custom-delete-key="${R}${u}" style="display: none;">
                     <${f.BUTTON}
                         class="custom-attr-delete flat-inline flat-white"
-                        ${v.BUTTON.name}="${R}${u}"
+                        ${I.BUTTON.name}="${R}${u}"
                     >
                         <${f.ICON}
                             src="delete"
@@ -89,15 +89,15 @@ class Ht extends tt {
             `
     ).join(""), i = "https://academy.insiderone.com/docs/new-editor-email-recommendation-block", n = this.api.translate(
       "Drag and drop the card elements to reorder them, adjust their visibility or add new attributes up to 5."
-    ), c = this.api.translate("For more information, you can"), a = this.api.translate("visit Academy");
+    ), a = this.api.translate("For more information, you can"), c = this.api.translate("visit Academy");
     return `
             <div class="recommendation-controls-container" data-card-composition-control>
                 <div class="container">
                     <p class="card-composition-description">
                         ${n}
-                        ${c}
+                        ${a}
                         <!-- cspell:disable-next-line -->
-                        <a href="${i}" target="_blank" rel="noopener noreferrer">${a}</a>.
+                        <a href="${i}" target="_blank" rel="noopener noreferrer">${c}</a>.
                     </p>
                 </div>
 
@@ -120,7 +120,7 @@ class Ht extends tt {
                 <div class="orderable-list" data-composition-list></div>
 
                 ${this._GuButton({
-      name: j.ADD_ATTRIBUTE,
+      name: x.ADD_ATTRIBUTE,
       label: this.api.translate("Add Attribute"),
       id: "guido__btn-add-attribute"
     })}
@@ -141,7 +141,7 @@ class Ht extends tt {
     const t = (e = this.getContainer()) == null ? void 0 : e.querySelector("[data-card-composition-control]");
     if (!t)
       return;
-    const r = _t(this.currentNode);
+    const r = gt(this.currentNode);
     t.style.pointerEvents = r ? "none" : "", t.style.opacity = r ? "0.5" : "";
   }
   onTemplateNodeUpdated(t) {
@@ -163,8 +163,8 @@ class Ht extends tt {
         this._applyVisibilityToBlock(t.key, r);
       });
     });
-    for (let t = 0; t < _; t++) {
-      const r = `${S}${t}`, e = t;
+    for (let t = 0; t < g; t++) {
+      const r = `${C}${t}`, e = t;
       this.api.onValueChanged(r, (o) => {
         this._onCustomAttributeChanged(e, o);
       });
@@ -176,42 +176,36 @@ class Ht extends tt {
   _readCompositionFromNode() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
       return [...P];
-    const t = this.currentNode.getAttribute(x);
-    if (t)
-      return t.split(",").filter(Boolean);
-    const { composition: r } = $.getConfig(this.currentNode);
-    return r != null && r.length ? [...r] : [...P];
+    const t = this.currentNode.getAttribute(V);
+    return t ? t.split(",").filter(Boolean) : [...P];
   }
   _readCustomAttributesFromNode() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
       return [];
-    const t = this.currentNode.getAttribute(F);
-    if (t)
-      try {
-        return JSON.parse(t);
-      } catch {
-        return [];
-      }
-    return this._readCompositionFromNode().filter((r) => r.startsWith(d)).map((r) => r.substring(d.length));
+    const t = this.currentNode.getAttribute(q);
+    if (!t)
+      return [];
+    try {
+      return JSON.parse(t);
+    } catch {
+      return [];
+    }
   }
   _readVisibilityFromRows() {
     if (!this.currentNode)
       return this._getDefaultVisibilities();
-    const t = Array.from(this.currentNode.querySelectorAll(A)), r = this._extractVisibilityFromRows(t);
-    if (Object.keys(r).length > 0)
-      return this._mergeWithDefaults(r);
-    const e = $.getConfig(this.currentNode).visibility;
-    return this._mergeWithDefaults({ ...e });
+    const t = Array.from(this.currentNode.querySelectorAll(S)), r = this._extractVisibilityFromRows(t);
+    return this._mergeWithDefaults(r);
   }
   _getDefaultVisibilities() {
-    return { ...w };
+    return { ...F };
   }
   _extractVisibilityFromRows(t) {
     const r = {};
     return t.forEach((e) => {
       if (!("getAttribute" in e))
         return;
-      const o = e.getAttribute(y), s = e.getAttribute(N);
+      const o = e.getAttribute(y), s = e.getAttribute(v);
       o && s !== null && (r[o] = this._parseVisibilityValue(s));
     }), r;
   }
@@ -219,7 +213,7 @@ class Ht extends tt {
     return t === "1" || t === "true";
   }
   _mergeWithDefaults(t) {
-    return Object.entries(w).forEach(([r, e]) => {
+    return Object.entries(F).forEach(([r, e]) => {
       r in t || (t[r] = e);
     }), t;
   }
@@ -243,19 +237,19 @@ class Ht extends tt {
       return !1;
     const s = new Set(r);
     let i = 0, n = 0;
-    const c = t.map((a) => {
-      if (Ct.has(a)) {
-        const l = h.find((u) => u.key === a);
+    const a = t.map((c) => {
+      if (At.has(c)) {
+        const l = h.find((u) => u.key === c);
         return this._createBuiltInItemHtml(l, n++);
       }
-      if (a.startsWith(d)) {
-        const l = a.substring(d.length);
+      if (c.startsWith(m)) {
+        const l = c.substring(m.length);
         if (s.has(l))
-          return this._createCustomItemHtml(a, i++, n++);
+          return this._createCustomItemHtml(c, i++, n++);
       }
       return "";
     }).join("");
-    return this._rescueTogglesToStore(e), this._rescueSelectsToStore(e), this._rescueDeleteButtonsToStore(e), this._rescueReorderIconsToStore(e), o.innerHTML = c, this._moveTogglesIntoItems(e), this._moveSelectsIntoItems(e, r.length), this._moveDeleteButtonsIntoItems(e, r.length), this._moveReorderIconsIntoItems(e, n), !0;
+    return this._rescueTogglesToStore(e), this._rescueSelectsToStore(e), this._rescueDeleteButtonsToStore(e), this._rescueReorderIconsToStore(e), o.innerHTML = a, this._moveTogglesIntoItems(e), this._moveSelectsIntoItems(e, r.length), this._moveDeleteButtonsIntoItems(e, r.length), this._moveReorderIconsIntoItems(e, n), !0;
   }
   /**
    * Attempts to reorder existing orderable-item elements to match the composition order.
@@ -267,27 +261,27 @@ class Ht extends tt {
     const e = Array.from(t.querySelectorAll(".orderable-item"));
     if (e.length !== r.length)
       return !1;
-    const o = e.map((a) => a.dataset.key).filter(Boolean);
+    const o = e.map((c) => c.dataset.key).filter(Boolean);
     if (o.length !== r.length)
       return !1;
     const s = [...o].sort().join(","), i = [...r].sort().join(",");
-    if (s !== i || r.some((a) => a.startsWith(d)))
+    if (s !== i || r.some((c) => c.startsWith(m)))
       return !1;
     const n = /* @__PURE__ */ new Map();
-    e.forEach((a) => {
-      const { key: l } = a.dataset;
+    e.forEach((c) => {
+      const { key: l } = c.dataset;
       if (l) {
         const u = n.get(l) || [];
-        u.push(a), n.set(l, u);
+        u.push(c), n.set(l, u);
       }
     });
-    const c = /* @__PURE__ */ new Map();
-    return r.forEach((a) => {
-      const l = n.get(a);
+    const a = /* @__PURE__ */ new Map();
+    return r.forEach((c) => {
+      const l = n.get(c);
       if (!l)
         return;
-      const u = c.get(a) || 0;
-      c.set(a, u + 1), l[u] && t.appendChild(l[u]);
+      const u = a.get(c) || 0;
+      a.set(c, u + 1), l[u] && t.appendChild(l[u]);
     }), !0;
   }
   _createBuiltInItemHtml(t, r) {
@@ -335,8 +329,8 @@ class Ht extends tt {
   _initializeCustomSelects(t) {
     t.length !== 0 && setTimeout(() => {
       t.forEach((r, e) => {
-        const o = `${S}${e}`, s = this._getSelectOptions(r, t);
-        this.api.setUIEAttribute(o, v.SELECTPICKER.items, s), this.api.updateValues({ [o]: r });
+        const o = `${C}${e}`, s = this._getSelectOptions(r, t);
+        this.api.setUIEAttribute(o, I.SELECTPICKER.items, s), this.api.updateValues({ [o]: r });
       });
     }, 0);
   }
@@ -359,7 +353,7 @@ class Ht extends tt {
    */
   _moveSelectsIntoItems(t, r) {
     for (let e = 0; e < r; e++) {
-      const o = `${S}${e}`, s = t.querySelector(`[data-custom-select-key="${o}"]`), i = t.querySelector(`[data-custom-select-slot="${e}"]`);
+      const o = `${C}${e}`, s = t.querySelector(`[data-custom-select-key="${o}"]`), i = t.querySelector(`[data-custom-select-slot="${e}"]`);
       if (s && i) {
         const n = s.querySelector("ue-select");
         n && i.appendChild(n);
@@ -386,8 +380,8 @@ class Ht extends tt {
    * Same rescue pattern as _rescueTogglesToStore — prevents innerHTML from destroying them.
    */
   _rescueSelectsToStore(t) {
-    for (let r = 0; r < _; r++) {
-      const e = `${S}${r}`, o = t.querySelector(`[data-custom-select-key="${e}"]`), s = t.querySelector(`[data-custom-select-slot="${r}"]`);
+    for (let r = 0; r < g; r++) {
+      const e = `${C}${r}`, o = t.querySelector(`[data-custom-select-key="${e}"]`), s = t.querySelector(`[data-custom-select-slot="${r}"]`);
       if (s) {
         const i = s.querySelector("ue-select");
         i && o && o.appendChild(i);
@@ -412,7 +406,7 @@ class Ht extends tt {
    * Same rescue pattern as _rescueSelectsToStore — prevents innerHTML from destroying them.
    */
   _rescueDeleteButtonsToStore(t) {
-    for (let r = 0; r < _; r++) {
+    for (let r = 0; r < g; r++) {
       const e = `${R}${r}`, o = t.querySelector(`[data-custom-delete-key="${e}"]`), s = t.querySelector(`[data-custom-delete-slot="${r}"]`);
       if (s) {
         const i = s.querySelector("ue-button");
@@ -438,7 +432,7 @@ class Ht extends tt {
    * Same rescue pattern as _rescueDeleteButtonsToStore — prevents innerHTML from destroying them.
    */
   _rescueReorderIconsToStore(t) {
-    const r = h.length + _;
+    const r = h.length + g;
     for (let e = 0; e < r; e++) {
       const o = `${E}${e}`, s = t.querySelector(`[data-reorder-icon-key="${o}"]`), i = t.querySelector(`[data-reorder-icon-slot="${e}"]`);
       if (i) {
@@ -464,24 +458,24 @@ class Ht extends tt {
   _setupDragAndDrop(t, r) {
     let e = null, o = null;
     t.addEventListener("dragstart", (s) => {
-      var c;
+      var a;
       const n = s.target.closest(".orderable-item");
-      n && (e = n, n.classList.add("dragging"), (c = s.dataTransfer) == null || c.setData("text/plain", n.dataset.key || ""));
+      n && (e = n, n.classList.add("dragging"), (a = s.dataTransfer) == null || a.setData("text/plain", n.dataset.key || ""));
     }, { signal: r }), t.addEventListener("dragend", () => {
       e && e.classList.remove("dragging"), e = null, o == null || o.classList.remove("drag-over"), o = null;
     }, { signal: r }), t.addEventListener("dragover", (s) => {
       s.preventDefault();
-      const n = s.target.closest(".orderable-item"), c = n && n !== e ? n : null;
-      c !== o && (o == null || o.classList.remove("drag-over"), o = c, o == null || o.classList.add("drag-over"));
+      const n = s.target.closest(".orderable-item"), a = n && n !== e ? n : null;
+      a !== o && (o == null || o.classList.remove("drag-over"), o = a, o == null || o.classList.add("drag-over"));
     }, { signal: r }), t.addEventListener("drop", (s) => {
       s.preventDefault();
       const n = s.target.closest(".orderable-item");
       if (!n || !e || n === e)
         return;
-      const c = n.getBoundingClientRect(), a = c.top + c.height / 2;
-      s.clientY < a ? t.insertBefore(e, n) : t.insertBefore(e, n.nextSibling), o == null || o.classList.remove("drag-over"), o = null, e.classList.remove("dragging");
-      const u = t.querySelectorAll(".orderable-item"), m = Array.from(u).map((b) => b.dataset.key).filter(Boolean);
-      this._onReorder(m), e = null;
+      const a = n.getBoundingClientRect(), c = a.top + a.height / 2;
+      s.clientY < c ? t.insertBefore(e, n) : t.insertBefore(e, n.nextSibling), o == null || o.classList.remove("drag-over"), o = null, e.classList.remove("dragging");
+      const u = t.querySelectorAll(".orderable-item"), d = Array.from(u).map((b) => b.dataset.key).filter(Boolean);
+      this._onReorder(d), e = null;
     }, { signal: r });
   }
   _setupDeleteHandler(t, r) {
@@ -497,7 +491,7 @@ class Ht extends tt {
   // Actions (Add, Delete, Reorder)
   // ========================================================================
   _onAddAttribute(t, r) {
-    const e = `${d}${t}`, o = this._readCompositionFromNode();
+    const e = `${m}${t}`, o = this._readCompositionFromNode();
     o.push(e);
     const s = [...this._readCustomAttributesFromNode(), t];
     this._updateBothAttributes(o, s), this._injectCustomAttributeHtml(t, r, e, o), this._renderOrderableItems(o, s), this._initializeCustomSelects(s), this._updateAddButtonState();
@@ -510,7 +504,7 @@ class Ht extends tt {
     const r = this._readCustomAttributesFromNode();
     if (r[t] === void 0)
       return;
-    const o = this._readCompositionFromNode(), s = this._findNthCustomKeyIndex(o, t), i = o.filter((c, a) => a !== s), n = r.filter((c, a) => a !== t);
+    const o = this._readCompositionFromNode(), s = this._findNthCustomKeyIndex(o, t), i = o.filter((a, c) => c !== s), n = r.filter((a, c) => c !== t);
     this._updateBothAttributes(i, n), this._removeCustomAttributeHtml(i), this._renderOrderableItems(i, n), this._initializeCustomSelects(n), this._updateAddButtonState();
   }
   /**
@@ -521,13 +515,13 @@ class Ht extends tt {
     const e = this._readCustomAttributesFromNode(), o = e[t];
     if (o === void 0 || o === r)
       return;
-    const s = `${d}${r}`, i = this._readCompositionFromNode(), n = this._findNthCustomKeyIndex(i, t);
+    const s = `${m}${r}`, i = this._readCompositionFromNode(), n = this._findNthCustomKeyIndex(i, t);
     n !== -1 && (i[n] = s), e[t] = r;
-    const c = this._getDisplayNameForAttribute(r);
-    this._updateBothAttributes(i, e), this._injectCustomAttributeHtml(r, c, s, i), this._renderOrderableItems(i, e), this._initializeCustomSelects(e);
+    const a = this._getDisplayNameForAttribute(r);
+    this._updateBothAttributes(i, e), this._injectCustomAttributeHtml(r, a, s, i), this._renderOrderableItems(i, e), this._initializeCustomSelects(e);
   }
   _onReorder(t) {
-    const r = t.filter((e) => e.startsWith(d)).map((e) => e.substring(d.length));
+    const r = t.filter((e) => e.startsWith(m)).map((e) => e.substring(m.length));
     this.reorderInProgress = !0;
     try {
       this._updateBothAttributes(t, r), this._getCurrentLayout() === "grid" && this._reorderProductAttributes(t);
@@ -545,61 +539,61 @@ class Ht extends tt {
     this._getCurrentLayout() === "grid" ? this._injectGridAttributeRow(t, r, e, o) : this._injectListAttributeRow(t, r, e, o);
   }
   _injectGridAttributeRow(t, r, e, o) {
-    const s = this.currentNode.querySelectorAll(L);
+    const s = this.currentNode.querySelectorAll(N);
     if (!(s != null && s.length))
       return;
-    const i = $.getConfig(this.currentNode), c = `0 ${Math.floor(i.columnSpacing / 2)}px`, a = this.api.getDocumentModifier(), l = this.store.recommendationProducts.length;
+    const i = nt.getConfig(this.currentNode), a = `0 ${Math.floor(i.columnSpacing / 2)}px`, c = this.api.getDocumentModifier(), l = this.store.recommendationProducts.length;
     let u = 0;
-    s.forEach((m) => {
+    s.forEach((d) => {
       var k;
-      const b = m.querySelector(A), I = ((k = b == null ? void 0 : b.querySelectorAll(`.${at}`)) == null ? void 0 : k.length) || 1, U = (100 / I).toFixed(2), { bgStyle: W, bgAttr: K } = this._extractSegmentBgFromCard(m), O = l > 0 ? Math.min(I, l - u) : I, z = o.map((q) => {
-        if (q === e) {
-          const G = Array.from(
+      const b = d.querySelector(S), $ = ((k = b == null ? void 0 : b.querySelectorAll(`.${at}`)) == null ? void 0 : k.length) || 1, U = (100 / $).toFixed(2), { bgStyle: j, bgAttr: W } = this._extractSegmentBgFromCard(d), O = l > 0 ? Math.min($, l - u) : $, K = o.map((H) => {
+        if (H === e) {
+          const z = Array.from(
             { length: O },
-            (At, X) => {
-              const J = this._resolveAttributeContent(
+            (St, Y) => {
+              const X = this._resolveAttributeContent(
                 t,
                 r,
-                u + X
+                u + Y
               );
               return this._getGridCellHtml(
                 t,
-                J,
+                X,
                 U,
+                j,
                 W,
-                K,
-                c
+                a
               );
             }
-          ).join(""), Y = dt(U, c).repeat(I - O);
-          return `<tr class="recommendation-attribute-row" ${y}="${e}" ${N}="1">${G}${Y}</tr>`;
+          ).join(""), G = dt(U, a).repeat($ - O);
+          return `<tr class="recommendation-attribute-row" ${y}="${e}" ${v}="1">${z}${G}</tr>`;
         }
-        const D = m.querySelector(
-          `${A}[${y}="${q}"]`
+        const D = d.querySelector(
+          `${S}[${y}="${H}"]`
         );
         return D && "getOuterHTML" in D ? D.getOuterHTML() : "";
       }).join("");
-      u += O, l > 0 && u >= l && (u = 0), a.modifyHtml(m).setInnerHtml(z);
-    }), a.apply(new C(`${this.api.translate("Add custom attribute")}: ${r}`));
+      u += O, l > 0 && u >= l && (u = 0), c.modifyHtml(d).setInnerHtml(K);
+    }), c.apply(new A(`${this.api.translate("Add custom attribute")}: ${r}`));
   }
   _injectListAttributeRow(t, r, e, o) {
-    const s = this.currentNode.querySelectorAll(V);
+    const s = this.currentNode.querySelectorAll(M);
     if (!(s != null && s.length))
       return;
-    const i = o.filter((c) => c !== B && c !== H), n = this.api.getDocumentModifier();
-    s.forEach((c, a) => {
+    const i = o.filter((a) => a !== L && a !== B), n = this.api.getDocumentModifier();
+    s.forEach((a, c) => {
       const l = i.map((u) => {
         if (u === e) {
-          const b = this._resolveAttributeContent(t, r, a);
+          const b = this._resolveAttributeContent(t, r, c);
           return this._getListRowHtml(t, b, e);
         }
-        const m = c.querySelector(
-          `${A}[${y}="${u}"]`
+        const d = a.querySelector(
+          `${S}[${y}="${u}"]`
         );
-        return m && "getOuterHTML" in m ? m.getOuterHTML() : "";
+        return d && "getOuterHTML" in d ? d.getOuterHTML() : "";
       }).join("");
-      n.modifyHtml(c).setInnerHtml(l);
-    }), n.apply(new C(`${this.api.translate("Add custom attribute")}: ${r}`));
+      n.modifyHtml(a).setInnerHtml(l);
+    }), n.apply(new A(`${this.api.translate("Add custom attribute")}: ${r}`));
   }
   /**
    * Removes a custom attribute by rebuilding product card content without it.
@@ -610,19 +604,19 @@ class Ht extends tt {
       return;
     const r = this._getCurrentLayout(), e = this.api.getDocumentModifier();
     if (r === "grid") {
-      const o = this.currentNode.querySelectorAll(L);
+      const o = this.currentNode.querySelectorAll(N);
       o == null || o.forEach((s) => {
         const i = this._buildCompositionHtml(s, t);
         e.modifyHtml(s).setInnerHtml(i);
       });
     } else {
-      const o = t.filter((i) => i !== B && i !== H), s = this.currentNode.querySelectorAll(V);
+      const o = t.filter((i) => i !== L && i !== B), s = this.currentNode.querySelectorAll(M);
       s == null || s.forEach((i) => {
         const n = this._buildCompositionHtml(i, o);
         e.modifyHtml(i).setInnerHtml(n);
       });
     }
-    e.apply(new C(this.api.translate("Remove custom attribute")));
+    e.apply(new A(this.api.translate("Remove custom attribute")));
   }
   // ========================================================================
   // DOM Mutation (Block Root Attributes, Reorder)
@@ -635,13 +629,7 @@ class Ht extends tt {
    * producing a flicker on the custom attribute dropdowns.
    */
   _updateBothAttributes(t, r) {
-    if (!this.currentNode)
-      return;
-    const e = {
-      ...$.getConfig(this.currentNode),
-      composition: t
-    };
-    this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(x, t.join(",")).setAttribute(F, JSON.stringify(r)).setNodeConfig(e).apply(new C(this.api.translate("Update card composition")));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(V, t.join(",")).setAttribute(q, JSON.stringify(r)).apply(new A(this.api.translate("Update card composition")));
   }
   /**
    * Reorders attribute rows within each product card based on composition order.
@@ -650,14 +638,14 @@ class Ht extends tt {
   _reorderProductAttributes(t) {
     if (!this.currentNode)
       return;
-    const r = this.currentNode.querySelectorAll(L);
+    const r = this.currentNode.querySelectorAll(N);
     if (!(r != null && r.length))
       return;
     const e = this.api.getDocumentModifier();
     r.forEach((o) => {
       const s = this._buildCompositionHtml(o, t);
       e.modifyHtml(o).setInnerHtml(s);
-    }), e.apply(new C(this.api.translate("Reorder product attributes")));
+    }), e.apply(new A(this.api.translate("Reorder product attributes")));
   }
   /**
    * Builds HTML string with attributes ordered according to composition.
@@ -665,7 +653,7 @@ class Ht extends tt {
    */
   _buildCompositionHtml(t, r) {
     return r.reduce((e, o) => {
-      const s = t.querySelector(`${A}[${y}="${o}"]`);
+      const s = t.querySelector(`${S}[${y}="${o}"]`);
       return s && "getOuterHTML" in s ? e + s.getOuterHTML() : e;
     }, "");
   }
@@ -675,19 +663,14 @@ class Ht extends tt {
   _applyVisibilityToBlock(t, r) {
     if (!this.currentNode)
       return;
-    const e = this.currentNode.querySelectorAll(`${A}[${y}="${t}"]`);
+    const e = this.currentNode.querySelectorAll(`${S}[${y}="${t}"]`);
     if (!(e != null && e.length))
       return;
     const o = r ? "1" : "0", s = r ? this.api.translate("visible") : this.api.translate("hidden"), i = `${this.api.translate("Set visibility")}: ${t} → ${s}`, n = this.api.getDocumentModifier();
     e.forEach((a) => {
-      const l = ft(a), u = r ? l : "none";
-      n.modifyHtml(a).setStyle("display", u).setAttribute(N, o);
-    });
-    const c = {
-      ...$.getConfig(this.currentNode),
-      visibility: { ...this._readVisibilityFromRows(), [t]: r }
-    };
-    n.modifyHtml(this.currentNode).setNodeConfig(c), n.apply(new C(i));
+      const c = ft(a), l = r ? c : "none";
+      n.modifyHtml(a).setStyle("display", l).setAttribute(v, o);
+    }), n.apply(new A(i));
   }
   // ========================================================================
   // Utilities
@@ -700,7 +683,7 @@ class Ht extends tt {
   _findNthCustomKeyIndex(t, r) {
     let e = 0;
     for (let o = 0; o < t.length; o++)
-      if (t[o].startsWith(d)) {
+      if (t[o].startsWith(m)) {
         if (e === r)
           return o;
         e++;
@@ -759,10 +742,10 @@ class Ht extends tt {
    * or when all available filters have already been added (no unused attributes left).
    */
   _updateAddButtonState() {
-    const t = this._readCustomAttributesFromNode(), r = t.length >= _, e = new Set(t), o = this._getAddableFilters(), s = o.length > 0 && o.every((i) => e.has(i.attributeName));
+    const t = this._readCustomAttributesFromNode(), r = t.length >= g, e = new Set(t), o = this._getAddableFilters(), s = o.length > 0 && o.every((i) => e.has(i.attributeName));
     this.api.setUIEAttribute(
-      j.ADD_ATTRIBUTE,
-      v.BUTTON.disabled,
+      x.ADD_ATTRIBUTE,
+      I.BUTTON.disabled,
       r || s ? "true" : "false"
     );
   }
@@ -785,7 +768,7 @@ class Ht extends tt {
    * excluding default attributes already covered by built-in toggle items.
    */
   _getAddableFilters() {
-    return Object.values(this.store.filterList).filter((t) => !(t.type === "defaultAttribute" && nt.has(t.attributeName)));
+    return Object.values(this.store.filterList).filter((t) => !(t.type === "defaultAttribute" && it.has(t.attributeName)));
   }
   /**
    * Looks up the display name for an attribute from the store's filterList.
@@ -802,28 +785,28 @@ class Ht extends tt {
   _resolveAttributeContent(t, r, e) {
     var n;
     const s = this.store.recommendationProducts[e], i = pt(t, this.store.filterList) ? s == null ? void 0 : s[t] : (n = s == null ? void 0 : s.product_attributes) == null ? void 0 : n[t];
-    return gt(i) ?? r;
+    return _t(i) ?? r;
   }
   _getGridCellHtml(t, r, e, o = "", s = "", i = "") {
-    const n = `${d}${t}`, c = M(ct, [n], this.store.filterList), a = {
+    const n = `${m}${t}`, a = w(ct, [n], this.store.filterList), c = {
       [t]: r,
       product_attributes: { [t]: r }
     };
-    let l = c[n](a);
+    let l = a[n](c);
     return l = l.replace("<td", `<td width="${e}%"`), i && (l = l.replace(
       `padding: ${ut}`,
       `padding: ${i}`
     )), o && (l = l.replace(/style="table-layout: fixed;"/, `style="table-layout: fixed; ${o}"`)), s && (l = l.replace(/border="0"/, `border="0" bgcolor="${s}"`)), l;
   }
   _getListRowHtml(t, r, e) {
-    const o = M(mt, [e], this.store.filterList), s = {
+    const o = w(mt, [e], this.store.filterList), s = {
       [t]: r,
       product_attributes: { [t]: r }
     }, n = o[e](s).replace(/<tr>/, "").replace(/<\/tr>/, "");
-    return `<tr class="recommendation-attribute-row" ${y}="${e}" ${N}="1">${n}</tr>`;
+    return `<tr class="recommendation-attribute-row" ${y}="${e}" ${v}="1">${n}</tr>`;
   }
 }
 export {
   yt as COMPOSITION_CONTROL_BLOCK_ID,
-  Ht as RecommendationCardCompositionControl
+  Ut as RecommendationCardCompositionControl
 };

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

@@ -93,8 +93,8 @@ function $(e, t = {}) {
     productsPerRow: c.mobileCardsInRow,
     composition: d,
     filterList: l.filterList,
-    // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: c.mobileCardsInRow === 1 ? "0" : U(c.mobileColumnSpacing),
+    // Match the initial render's gutter so a regeneration never changes block height (SD-143023).
+    cellPadding: U(c.mobileColumnSpacing),
     rowSpacingPx: c.mobileRowSpacing,
     ...t
   })}</table></td>`, E = n.querySelector(N);
@@ -120,8 +120,8 @@ function ee(e, t = {}) {
     productsPerRow: a,
     composition: d,
     filterList: c.filterList,
-    // One product per row has no gutter — suppress padding without clobbering the stored value.
-    cellPadding: a === 1 ? "0" : U(p.columnSpacing),
+    // Match the initial render's gutter so a regeneration never changes block height (SD-143023).
+    cellPadding: U(p.columnSpacing),
     rowSpacingPx: p.rowSpacing,
     ...t
   });
@@ -277,7 +277,7 @@ function re(e, t, n) {
     });
   }), s;
 }
-function I(e, t, n) {
+function h(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -321,12 +321,12 @@ function ge(e) {
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== o.length)
     return !1;
-  let i = I(r, n, o);
+  let i = h(r, n, o);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = I(
+      const a = h(
         l,
         n,
         o
@@ -336,7 +336,7 @@ function ge(e) {
   }
   return i && n.apply(new g("Updated product content in-place")), !0;
 }
-function h(e, t, n) {
+function I(e, t, n) {
   if (!("querySelectorAll" in e))
     return !1;
   const o = e.querySelectorAll(
@@ -370,12 +370,12 @@ function Se(e) {
   if (r.length === 0)
     return !1;
   const s = j(t);
-  let i = h(s, n, r);
+  let i = I(s, n, r);
   const u = C(t), c = S.getConfig(t);
   if (u !== "list" && c.mobileLayoutEnabled && "querySelector" in t) {
     const l = t.querySelector(O);
     if (l) {
-      const a = h(l, n, r);
+      const a = I(l, n, r);
       i = i || a;
     }
   }

package/dist/extensions/Blocks/controlFactories.js

@@ -1,6 +1,6 @@
-import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as f, TextStyleBuiltInControl as x, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as m, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as I, ButtonBorderBuiltInControl as S, ButtonBorderRadiusBuiltInControl as A, ButtonColorBuiltInControl as b, ButtonFontFamilyBuiltInControl as N, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as k, ButtonTextSizeBuiltInControl as p, ButtonTextStyleAndFontColorBuiltInControl as h, ButtonFitToContainerBuiltInControl as F, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const R = "buttonTextStyleForm", _ = "backgroundColor", E = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]);
-function z(o, n, r) {
+import { TextAlignBuiltInControl as a, TextColorBuiltInControl as g, TextSizeBuiltInControl as x, TextStyleBuiltInControl as f, TextFontFamilyBuiltInControl as C, ButtonBackgroundColorBuiltInControl as T, TextPaddingsBuiltInControl as B, ImageSizeBuiltInControl as I, ImageMarginsBuiltInControl as y, ButtonAlignBuiltInControl as m, ButtonBorderBuiltInControl as S, ButtonBorderRadiusBuiltInControl as A, ButtonColorBuiltInControl as b, ButtonFontFamilyBuiltInControl as N, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as k, ButtonTextSizeBuiltInControl as p, ButtonTextStyleAndFontColorBuiltInControl as F, ButtonFitToContainerBuiltInControl as h, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const z = "buttonTextStyleForm";
+function P(o, n, r) {
   return class extends a {
     getId() {
       return o;
@@ -13,7 +13,7 @@ function z(o, n, r) {
     }
   };
 }
-function v(o, n, r) {
+function _(o, n, r) {
   return class extends g {
     getId() {
       return o;
@@ -26,8 +26,8 @@ function v(o, n, r) {
     }
   };
 }
-function P(o, n, r) {
-  return class extends f {
+function v(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
@@ -39,8 +39,8 @@ function P(o, n, r) {
     }
   };
 }
-function D(o, n, r) {
-  return class extends x {
+function L(o, n, r) {
+  return class extends f {
     getId() {
       return o;
     }
@@ -52,7 +52,7 @@ function D(o, n, r) {
     }
   };
 }
-function K(o, n, r) {
+function R(o, n, r) {
   return class extends C {
     getId() {
       return o;
@@ -65,7 +65,7 @@ function K(o, n, r) {
     }
   };
 }
-function L(o, n, r) {
+function O(o, n, r) {
   return class extends T {
     getId() {
       return o;
@@ -76,28 +76,9 @@ function L(o, n, r) {
       const t = e.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
-    /**
-     * Mirrors the picked background onto each target cell as an INLINE style.
-     *
-     * Stripo's built-in applies the background as a stylesheet rule, not inline. On
-     * regeneration we re-bake the captured color inline (cellBgStyleAttr); inline then
-     * outranks Stripo's rule in the cascade, so a later re-edit silently has no effect
-     * (SD-143023). Writing the inline here keeps it the single source of truth and in
-     * sync on every edit. Merged into the parent control's single patch (no extra apply).
-     */
-    getAdditionalModifications(e) {
-      const t = this.getTargetNodes(e);
-      if (!t.length)
-        return;
-      const s = this.api.getValues()[_], i = !s || E.has(s), c = this.api.getDocumentModifier();
-      return t.forEach((u) => {
-        const l = c.modifyHtml(u);
-        i ? l.removeStyle("background-color") : l.setStyle("background-color", s);
-      }), c;
-    }
   };
 }
-function U(o, n, r) {
+function Y(o, n, r) {
   return class extends B {
     getId() {
       return o;
@@ -110,7 +91,7 @@ function U(o, n, r) {
     }
   };
 }
-function Y(o, n, r) {
+function w(o, n, r) {
   return class extends M {
     getId() {
       return o;
@@ -120,8 +101,8 @@ function Y(o, n, r) {
     }
   };
 }
-function w(o, n, r = ".ins-recommendation-product-container") {
-  return class extends I {
+function D(o, n, r = ".ins-recommendation-product-container") {
+  return class extends m {
     getId() {
       return o;
     }
@@ -131,7 +112,7 @@ function w(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function G(o, n, r = ".ins-recommendation-product-container") {
+function H(o, n, r = ".ins-recommendation-product-container") {
   return class extends b {
     getId() {
       return o;
@@ -142,7 +123,7 @@ function G(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function H(o, n, r = ".ins-recommendation-product-container") {
+function K(o, n, r = ".ins-recommendation-product-container") {
   return class extends S {
     getId() {
       return o;
@@ -153,7 +134,7 @@ function H(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function V(o, n, r = ".ins-recommendation-product-container") {
+function U(o, n, r = ".ins-recommendation-product-container") {
   return class extends A {
     getId() {
       return o;
@@ -164,7 +145,7 @@ function V(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function W(o, n, r = ".ins-recommendation-product-container") {
+function V(o, n, r = ".ins-recommendation-product-container") {
   return class extends N {
     getId() {
       return o;
@@ -175,7 +156,7 @@ function W(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function X(o, n, r = ".ins-recommendation-product-container") {
+function W(o, n, r = ".ins-recommendation-product-container") {
   return class extends q {
     getId() {
       return o;
@@ -186,7 +167,7 @@ function X(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function j(o, n, r = ".ins-recommendation-product-container") {
+function X(o, n, r = ".ins-recommendation-product-container") {
   return class extends $ {
     getId() {
       return o;
@@ -197,7 +178,7 @@ function j(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function J(o, n, r = ".ins-recommendation-product-container") {
+function j(o, n, r = ".ins-recommendation-product-container") {
   return class extends k {
     getId() {
       return o;
@@ -208,7 +189,7 @@ function J(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function Q(o, n, r = ".ins-recommendation-product-container") {
+function G(o, n, r = ".ins-recommendation-product-container") {
   return class extends p {
     getId() {
       return o;
@@ -219,8 +200,8 @@ function Q(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function Z(o, n, r) {
-  return class extends h {
+function J(o, n, r) {
+  return class extends F {
     getId() {
       return o;
     }
@@ -242,21 +223,21 @@ function Z(o, n, r) {
       const t = e.closest(r);
       if (!t)
         return;
-      const s = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
-      if (!s.length)
+      const i = t.querySelectorAll(`[esd-extension-block-id="${n}"] a.es-button`);
+      if (!i.length)
         return;
-      const i = this.api.getValues()[R];
-      if (!i)
+      const s = this.api.getValues()[z];
+      if (!s)
         return;
-      const c = i.bold ? "bold" : "normal", u = i.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
-      return s.forEach((d) => {
-        l.modifyHtml(d).setStyle("font-weight", c).setStyle("font-style", u);
+      const u = s.bold ? "bold" : "normal", c = s.italic ? "italic" : "normal", l = this.api.getDocumentModifier();
+      return i.forEach((d) => {
+        l.modifyHtml(d).setStyle("font-weight", u).setStyle("font-style", c);
       }), l;
     }
   };
 }
-function tt(o, n, r) {
-  return class extends F {
+function Q(o, n, r) {
+  return class extends h {
     getId() {
       return o;
     }
@@ -266,8 +247,8 @@ function tt(o, n, r) {
     }
   };
 }
-function et(o, n, r) {
-  return class extends m {
+function Z(o, n, r) {
+  return class extends I {
     getId() {
       return o;
     }
@@ -281,7 +262,7 @@ function et(o, n, r) {
     }
   };
 }
-function nt(o, n, r) {
+function tt(o, n, r) {
   return class extends y {
     getId() {
       return o;
@@ -297,25 +278,25 @@ function nt(o, n, r) {
   };
 }
 export {
-  w as createButtonAlignControl,
-  H as createButtonBorderControl,
-  V as createButtonBorderRadiusControl,
-  G as createButtonColorControl,
-  tt as createButtonFitToContainerControl,
-  W as createButtonFontFamilyControl,
-  X as createButtonMarginsControl,
-  j as createButtonPaddingsControl,
-  J as createButtonTextControl,
-  Q as createButtonTextSizeControl,
-  Z as createButtonTextStyleAndFontColorControl,
-  nt as createImageMarginsControl,
-  et as createImageSizeControl,
-  U as createPaddingsControl,
-  z as createTextAlignControl,
-  L as createTextBackgroundColorControl,
-  v as createTextColorControl,
-  K as createTextFontFamilyControl,
-  Y as createTextLineSpacingControl,
-  P as createTextSizeControl,
-  D as createTextStyleControl
+  D as createButtonAlignControl,
+  K as createButtonBorderControl,
+  U as createButtonBorderRadiusControl,
+  H as createButtonColorControl,
+  Q as createButtonFitToContainerControl,
+  V as createButtonFontFamilyControl,
+  W as createButtonMarginsControl,
+  X as createButtonPaddingsControl,
+  j as createButtonTextControl,
+  G as createButtonTextSizeControl,
+  J as createButtonTextStyleAndFontColorControl,
+  tt as createImageMarginsControl,
+  Z as createImageSizeControl,
+  Y as createPaddingsControl,
+  P as createTextAlignControl,
+  O as createTextBackgroundColorControl,
+  _ as createTextColorControl,
+  R as createTextFontFamilyControl,
+  w as createTextLineSpacingControl,
+  v as createTextSizeControl,
+  L as createTextStyleControl
 };

package/dist/src/extensions/Blocks/CouponBlock/controls/index.d.ts

@@ -74,11 +74,11 @@ export declare const TextBackgroundControl: {
     new (): {
         getId(): string;
         getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-        getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         getParentControlId(): string;
         api: import("@stripoinc/ui-editor-extensions").ControlApi;
         getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
     };
 };

package/dist/src/extensions/Blocks/Items/controls/index.d.ts

@@ -232,11 +232,11 @@ export declare const OriginalPriceControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };
@@ -318,11 +318,11 @@ export declare const PriceControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };
@@ -404,11 +404,11 @@ export declare const NameControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/name/index.d.ts

@@ -73,11 +73,11 @@ export declare const NameControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/oldPrice/index.d.ts

@@ -72,11 +72,11 @@ export declare const OldPriceControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/omnibusDiscount/index.d.ts

@@ -75,11 +75,11 @@ export declare const OmnibusDiscountControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/omnibusPrice/index.d.ts

@@ -75,11 +75,11 @@ export declare const OmnibusPriceControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/Recommendation/controls/price/index.d.ts

@@ -72,11 +72,11 @@ export declare const PriceControls: {
         new (): {
             getId(): string;
             getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
-            getAdditionalModifications(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             getParentControlId(): string;
             api: import("@stripoinc/ui-editor-extensions").ControlApi;
             getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
             getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+            getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
             isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
         };
     };

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -98,20 +98,11 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
-        /**
-         * Mirrors the picked background onto each target cell as an INLINE style.
-         *
-         * Stripo's built-in applies the background as a stylesheet rule, not inline. On
-         * regeneration we re-bake the captured color inline (cellBgStyleAttr); inline then
-         * outranks Stripo's rule in the cascade, so a later re-edit silently has no effect
-         * (SD-143023). Writing the inline here keeps it the single source of truth and in
-         * sync on every edit. Merged into the parent control's single patch (no extra apply).
-         */
-        getAdditionalModifications(root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         getParentControlId(): string;
         api: import("@stripoinc/ui-editor-extensions").ControlApi;
         getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
         getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
         isVisible(_node: ImmutableHtmlNode): boolean;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.8.1-beta.6c0ee3f",
+  "version": "3.8.1-beta.84abfcd",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",