@useinsider/guido 3.12.0-beta.b9402d1 → 3.12.0-beta.bec0e55

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js

@@ -15,7 +15,7 @@ var a = function() {
   i,
   !1,
   null,
-  "06afaecb"
+  "cf946232"
 );
 const f = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as v } from "vue";
-import { usePreviewInteractionGuard as d } from "../../../../composables/usePreviewInteractionGuard.js";
+import { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as d } from "vue";
+import { usePreviewInteractionGuard as v } from "../../../../composables/usePreviewInteractionGuard.js";
 import { useTranslations as _ } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as w } from "../../../../stores/preview.js";
 import I from "./DesktopBrowserHeader.vue.js";
 const C = /* @__PURE__ */ u({
   __name: "DesktopPreview",
-  setup(k) {
-    const i = _(), { blockPreviewInteractions: t } = d(), o = a(), n = a(!1), c = w();
+  setup(P) {
+    const i = _(), { guardPreviewInteractions: t } = v(), o = a(), r = a(!1), c = w();
     let e = null;
     const f = (m) => {
       t(m.target);
-    }, r = () => {
+    }, n = () => {
       o.value && (e = new ResizeObserver(() => {
-      }), e.observe(o.value), v(() => {
-        n.value = !0;
+      }), e.observe(o.value), d(() => {
+        r.value = !0;
       }));
     }, s = () => {
       e == null || e.disconnect();
     };
-    return p(r), l(s), { __sfc: !0, trans: i, blockPreviewInteractions: t, containerRef: o, isContainerReady: n, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: r, cleanIframe: s, DesktopBrowserHeader: I };
+    return p(n), l(s), { __sfc: !0, trans: i, guardPreviewInteractions: t, containerRef: o, isContainerReady: r, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: n, cleanIframe: s, DesktopBrowserHeader: I };
   }
 });
 export {

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js

@@ -1,20 +1,20 @@
 import e from "./ContentView.vue2.js";
 /* empty css                 */
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var c = function() {
+var o = function() {
   var t = this, s = t._self._c, a = t._self._setupProxy;
   return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
     return t.$emit("back-to-inbox");
   } } }, [s(a.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [t._v(t._s(a.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(a.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(a.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("div", { staticClass: "iframe-wrapper f-g-1 o-h" }, [s("iframe", { ref: "iframeRef", staticClass: "iframe-scaled d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: a.previewStore.previewHtml }, on: { load: a.onLoad } })])]);
-}, o = [], i = /* @__PURE__ */ n(
+}, i = [], r = /* @__PURE__ */ n(
   e,
-  c,
   o,
+  i,
   !1,
   null,
-  "cbafc185"
+  "f255b2bb"
 );
-const d = i.exports;
+const d = r.exports;
 export {
   d as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as m, ref as a } from "vue";
+import { defineComponent as c, ref as a } from "vue";
 import { usePreviewInteractionGuard as f } from "../../../../composables/usePreviewInteractionGuard.js";
 import { useResponsivePreview as p } from "../../../../composables/useResponsivePreview.js";
 import { useTranslations as u } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as v } from "../../../../stores/preview.js";
-import { InIcons as P } from "@useinsider/design-system-vue";
-const g = /* @__PURE__ */ m({
+import { InIcons as d } from "@useinsider/design-system-vue";
+const b = /* @__PURE__ */ c({
   __name: "ContentView",
   emits: ["back-to-inbox"],
-  setup(_) {
-    const c = u(), t = v(), r = a(), { setupResponsivePreview: n } = p(), { blockPreviewInteractions: s } = f(), i = (e) => {
+  setup(P) {
+    const m = u(), r = v(), t = a(), { setupResponsivePreview: n } = p(), { guardPreviewInteractions: s } = f(), i = (e) => {
       ["transform", "transform-origin", "height"].forEach((o) => {
         e.documentElement.style.removeProperty(o);
       });
     };
-    return { __sfc: !0, trans: c, previewStore: t, iframeRef: r, setupResponsivePreview: n, blockPreviewInteractions: s, clearAMPTransforms: i, onLoad: () => {
-      const e = r.value, o = e == null ? void 0 : e.contentDocument;
-      o && (n(e), s(e), t.isAMPResponsive && i(o));
-    }, InIcons: P };
+    return { __sfc: !0, trans: m, previewStore: r, iframeRef: t, setupResponsivePreview: n, guardPreviewInteractions: s, clearAMPTransforms: i, onLoad: () => {
+      const e = t.value, o = e == null ? void 0 : e.contentDocument;
+      o && (n(e), s(e), r.isAMPResponsive && i(o));
+    }, InIcons: d };
   }
 });
 export {
-  g as default
+  b as default
 };

package/dist/composables/usePreviewInteractionGuard.js

@@ -1,17 +1,42 @@
-const o = ["click", "auxclick", "submit"], c = (t) => {
-  t.preventDefault(), t.stopPropagation();
-}, a = () => ({ blockPreviewInteractions: (r) => {
+import { URLS as o, MERGE_TAGS as a } from "../enums/unsubscribe.js";
+import { UNSUBSCRIBE_LINK_SELECTOR as i } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { BASE_SAFE_URL_SCHEMES as u } from "../utils/urlSchemes.js";
+const E = ["click", "auxclick"], d = [
+  ...Object.values(a),
+  o.UNSUBSCRIBE_URL,
+  o.PREFERENCES_URL
+], l = (e) => {
+  if (e.matches(i))
+    return !0;
+  const r = e.getAttribute("href") ?? "";
+  return d.some((t) => r.includes(t));
+}, S = [...u, "tel:", "sms:"], f = (e) => {
+  const r = (e.getAttribute("href") ?? "").trim();
+  return r === "" || r.startsWith("#") || r.startsWith("{{") ? !1 : S.includes(e.protocol);
+}, m = (e) => {
+  var t, n;
+  const r = (n = (t = e.target) == null ? void 0 : t.closest) == null ? void 0 : n.call(t, "a");
+  if (r) {
+    if (l(r) || !f(r)) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    r.setAttribute("target", "_blank"), r.setAttribute("rel", "noopener noreferrer");
+  }
+}, R = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, s = /* @__PURE__ */ new WeakSet(), c = "guidoPreviewGuarded", g = () => ({ guardPreviewInteractions: (r) => {
   try {
-    const e = r.contentDocument;
-    if (!e)
+    const t = r.contentDocument;
+    if (!t || s.has(t))
       return;
-    o.forEach((n) => {
-      e.addEventListener(n, c, !0);
-    });
-  } catch (e) {
-    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", e);
+    delete t.documentElement.dataset[c], E.forEach((n) => {
+      t.addEventListener(n, m, !0);
+    }), t.addEventListener("submit", R, !0), s.add(t), t.documentElement.dataset[c] = "true";
+  } catch (t) {
+    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", t);
   }
 } });
 export {
-  a as usePreviewInteractionGuard
+  g as usePreviewInteractionGuard
 };

package/dist/composables/useRecommendationPreview.js

@@ -1,111 +1,112 @@
-import { BLOCK_ROOT_SELECTOR as S, CURRENCY_ATTR as p, CONTAINER_SELECTOR as O } from "../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { formatPrice as E } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
-const f = `${S}[recommendation-id]`, C = ".product-old-price", R = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, T = new RegExp(
+import { BLOCK_ROOT_SELECTOR as f, CURRENCY_ATTR as A, CONTAINER_SELECTOR as O } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { formatPrice as _ } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
+import { BASE_SAFE_URL_SCHEMES as R } from "../utils/urlSchemes.js";
+const S = `${f}[recommendation-id]`, h = ".product-old-price", T = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, b = new RegExp(
   "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
   "g"
 );
-function b(e) {
+function L(e) {
   return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-function _(e) {
-  var s;
-  const n = (s = e.replace(/[\u0000-\u0020]+/g, "").toLowerCase().match(/^([a-z][a-z0-9+.-]*):/)) == null ? void 0 : s[1];
-  return n && n !== "http" && n !== "https" && n !== "mailto" ? "" : e;
+function g(e) {
+  var c;
+  const i = (c = e.replace(/[\u0000-\u0020]+/g, "").toLowerCase().match(/^([a-z][a-z0-9+.-]*):/)) == null ? void 0 : c[1];
+  return i && !R.includes(`${i}:`) ? "" : e;
 }
 function N(e) {
-  const t = e.getAttribute(p.CURRENCY) || "USD", n = e.getAttribute(p.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(p.THOUSAND_SEPARATOR) || ",";
+  const t = e.getAttribute(A.CURRENCY) || "USD", i = e.getAttribute(A.DECIMAL_SEPARATOR) || ".", c = e.getAttribute(A.THOUSAND_SEPARATOR) || ",";
   return {
     code: t,
-    symbol: e.getAttribute(p.SYMBOL) || t,
-    alignment: e.getAttribute(p.ALIGNMENT) === "0" ? "before" : "after",
-    decimalCount: parseInt(e.getAttribute(p.DECIMAL_COUNT) || "2") || 2,
-    decimalSeparator: n,
-    thousandSeparator: s
+    symbol: e.getAttribute(A.SYMBOL) || t,
+    alignment: e.getAttribute(A.ALIGNMENT) === "0" ? "before" : "after",
+    decimalCount: parseInt(e.getAttribute(A.DECIMAL_COUNT) || "2") || 2,
+    decimalSeparator: i,
+    thousandSeparator: c
   };
 }
-function g(e, t) {
+function E(e, t) {
   return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 0;
 }
-function L(e, t) {
-  const n = g(e.original_price, t), s = g(e.price, t), o = n > 0 ? Math.round((n - s) / n * 100) : 0;
-  return o > 0 ? `${o}%` : "0%";
+function $(e, t) {
+  const i = E(e.original_price, t), c = E(e.price, t), n = i > 0 ? Math.round((i - c) / i * 100) : 0;
+  return n > 0 ? `${n}%` : "0%";
 }
-function P(e, t, n, s, o, a) {
-  s.forEach((i, c) => {
-    const r = (m) => `${n}_${c}_${m}`, u = E({ price: g(i.price, o.code), currency: o }), l = E({ price: g(i.original_price, o.code), currency: o }), d = L(i, o.code);
-    e.set(r("name"), i.name ?? ""), e.set(r("image_url"), _(i.image_url ?? "")), e.set(r("url"), _(i.url ?? "")), e.set(r("item_id"), i.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), d), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), d), a && u === l && t.add(`${n}_${c}`), Object.entries(i.product_attributes ?? {}).forEach(([m, A]) => {
-      e.set(r(`product_attribute.${m}`), String(A)), e.set(r(m), String(A));
+function P(e, t, i, c, n, a) {
+  c.forEach((o, s) => {
+    const r = (m) => `${i}_${s}_${m}`, u = _({ price: E(o.price, n.code), currency: n }), l = _({ price: E(o.original_price, n.code), currency: n }), d = $(o, n.code);
+    e.set(r("name"), o.name ?? ""), e.set(r("image_url"), g(o.image_url ?? "")), e.set(r("url"), g(o.url ?? "")), e.set(r("item_id"), o.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), d), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), d), a && u === l && t.add(`${i}_${s}`), Object.entries(o.product_attributes ?? {}).forEach(([m, p]) => {
+      e.set(r(`product_attribute.${m}`), String(p)), e.set(r(m), String(p));
     });
   });
 }
-function $(e, t) {
-  const n = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
-  if (!n)
+function z(e, t) {
+  const i = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
+  if (!i)
     return !0;
-  const [, s, o, a] = n, i = t.get(s.trim()) ?? "";
-  return o === "!=" ? i !== a : i === a;
+  const [, c, n, a] = i, o = t.get(c.trim()) ?? "";
+  return n === "!=" ? o !== a : o === a;
 }
-function z(e, t) {
+function w(e, t) {
   return e.replace(
-    T,
-    (n, s, o, a) => s.split(/\s+and\s+/).every((c) => $(c.trim(), t)) ? o : a ?? ""
+    b,
+    (i, c, n, a) => c.split(/\s+and\s+/).every((s) => z(s.trim(), t)) ? n : a ?? ""
   );
 }
-function w(e) {
+function D(e) {
   let t = e;
   for (; t.children.length === 1; )
     [t] = t.children;
   return t;
 }
-function D(e, t) {
-  var i;
+function I(e, t) {
+  var o;
   if (!t.size)
     return e;
-  const n = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(n, "text/html");
-  s.querySelectorAll(f).forEach((c) => {
-    const r = Number(c.getAttribute("recommendation-id"));
+  const i = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), c = new DOMParser().parseFromString(i, "text/html");
+  c.querySelectorAll(S).forEach((s) => {
+    const r = Number(s.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
-    const u = c.querySelectorAll(O);
-    (u.length ? Array.from(u) : [c]).forEach((d) => {
-      d.querySelectorAll(C).forEach((m, A) => {
-        t.has(`${r}_${A}`) && (w(m).textContent = "");
+    const u = s.querySelectorAll(O);
+    (u.length ? Array.from(u) : [s]).forEach((d) => {
+      d.querySelectorAll(h).forEach((m, p) => {
+        t.has(`${r}_${p}`) && (D(m).textContent = "");
       });
     });
   });
-  const o = (i = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : i[0];
-  return ((o ? `${o}
-` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const n = (o = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : o[0];
+  return ((n ? `${n}
+` : "") + c.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
-function I(e) {
+function y(e) {
   if (!e || !e.includes("recommendation-block-v2"))
     return e;
-  const t = h(), n = new DOMParser().parseFromString(e, "text/html"), s = Array.from(n.querySelectorAll(f)), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-  if (s.forEach((c) => {
+  const t = C(), i = new DOMParser().parseFromString(e, "text/html"), c = Array.from(i.querySelectorAll(S)), n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+  if (c.forEach((s) => {
     var l;
-    const r = Number(c.getAttribute("recommendation-id"));
+    const r = Number(s.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
     const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
     u.length && P(
-      o,
+      n,
       a,
       r,
       u,
-      N(c),
-      c.getAttribute("hide-price") === "true"
+      N(s),
+      s.getAttribute("hide-price") === "true"
     );
-  }), !o.size)
+  }), !n.size)
     return e;
-  let i = D(e, a);
-  return i = i.replace(
-    R,
-    (c, r) => o.has(r) ? b(o.get(r)) : c
-  ), i = z(i, o), i;
+  let o = I(e, a);
+  return o = o.replace(
+    T,
+    (s, r) => n.has(r) ? L(n.get(r)) : s
+  ), o = w(o, n), o;
 }
-const q = () => ({ substituteRecommendationPreview: I });
+const q = () => ({ substituteRecommendationPreview: y });
 export {
-  I as substituteRecommendationPreview,
+  y as substituteRecommendationPreview,
   q as useRecommendationPreview
 };

package/dist/extensions/Blocks/Unsubscribe/utils/constants.js

@@ -5,9 +5,10 @@ const s = {
   PAGE_TYPE: "data-unsubscribe-page-type",
   PAGE_LIST: "data-unsubscribe-page-list",
   BLOCK_ID: "data-unsubscribe-block-id"
-}, c = ".unsubscribe-block-v2";
+}, c = ".unsubscribe-block-v2", u = 'a[data-unsubscribe-link="true"], a.unsubscribe-link';
 export {
   b as DATA_ATTRIBUTES,
   c as UNSUBSCRIBE_BLOCK_SELECTOR,
-  s as UNSUBSCRIBE_EVENTS
+  s as UNSUBSCRIBE_EVENTS,
+  u as UNSUBSCRIBE_LINK_SELECTOR
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,80 +1,80 @@
-import { TextAlignBuiltInControl as C, TextColorBuiltInControl as B, TextSizeBuiltInControl as T, TextStyleBuiltInControl as m, TextFontFamilyBuiltInControl as y, ButtonBackgroundColorBuiltInControl as a, TextPaddingsBuiltInControl as I, ImageSizeBuiltInControl as S, ImageMarginsBuiltInControl as b, ButtonAlignBuiltInControl as A, ButtonBorderBuiltInControl as k, ButtonBorderRadiusBuiltInControl as N, ButtonColorBuiltInControl as h, ButtonFontFamilyBuiltInControl as p, ButtonMarginsBuiltInControl as q, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as F, ButtonTextSizeBuiltInControl as v, ButtonTextStyleAndFontColorBuiltInControl as M, ButtonFitToContainerBuiltInControl as R, TextLineSpacingBuiltInControl as _ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const O = "buttonTextStyleForm", g = "backgroundColor", f = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]), E = ["elementColor", g];
-function L(o, e, r) {
+import { TextAlignBuiltInControl as C, TextColorBuiltInControl as x, TextSizeBuiltInControl as T, TextStyleBuiltInControl as B, TextFontFamilyBuiltInControl as m, ButtonBackgroundColorBuiltInControl as d, TextPaddingsBuiltInControl as y, ImageSizeBuiltInControl as b, ImageMarginsBuiltInControl as I, ButtonAlignBuiltInControl as S, ButtonBorderBuiltInControl as A, ButtonBorderRadiusBuiltInControl as k, ButtonColorBuiltInControl as N, ButtonFontFamilyBuiltInControl as h, ButtonMarginsBuiltInControl as p, ButtonPaddingsBuiltInControl as $, ButtonTextBuiltInControl as q, ButtonTextSizeBuiltInControl as F, ButtonTextStyleAndFontColorBuiltInControl as v, ButtonFitToContainerBuiltInControl as R, TextLineSpacingBuiltInControl as M } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const O = "buttonTextStyleForm", a = "backgroundColor", g = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]), _ = ["elementColor", a], E = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function P(o, n, r) {
   return class extends C {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function P(o, e, r) {
-  return class extends B {
+function H(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function U(o, e, r) {
+function U(o, n, r) {
   return class extends T {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Y(o, e, r) {
-  return class extends m {
+function Y(o, n, r) {
+  return class extends B {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function G(o, e, r) {
-  return class extends y {
+function G(o, n, r) {
+  return class extends m {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function H(o, e, r) {
-  return class extends a {
+function V(o, n, r) {
+  return class extends d {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      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.
@@ -85,37 +85,37 @@ function H(o, e, r) {
      * (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(n) {
-      const t = this.getTargetNodes(n);
+    getAdditionalModifications(e) {
+      const t = this.getTargetNodes(e);
       if (!t.length)
         return;
-      const s = this.api.getValues()[g], i = !s || f.has(s), l = this.api.getDocumentModifier();
+      const i = this.api.getValues()[a], l = !i || g.has(i), s = this.api.getDocumentModifier();
       return t.forEach((u) => {
-        const c = l.modifyHtml(u);
-        i ? c.removeStyle("background-color") : c.setStyle("background-color", s);
-      }), l;
+        const c = s.modifyHtml(u);
+        l ? c.removeStyle("background-color") : c.setStyle("background-color", i);
+      }), s;
     }
   };
 }
 function K(o) {
-  const e = E.find((n) => n in o);
-  if (!e)
+  const n = _.find((e) => e in o);
+  if (!n)
     return;
-  const r = o[e];
+  const r = o[n];
   return typeof r == "string" ? r : "";
 }
-function z(o, e) {
-  return e.startsWith(".") && "hasClass" in o && o.hasClass(e.slice(1));
+function L(o, n) {
+  return n.startsWith(".") && "hasClass" in o && o.hasClass(n.slice(1));
 }
-function d(o, e) {
+function z(o, n) {
   try {
-    return z(o, e) ? o : o.closest(e) ?? void 0;
+    return L(o, n) ? o : o.closest(n) ?? void 0;
   } catch {
     return;
   }
 }
-function V(o, e) {
-  return class extends a {
+function w(o, n) {
+  return class extends d {
     getId() {
       return o;
     }
@@ -123,9 +123,10 @@ function V(o, e) {
     getLabels() {
       return { title: this.api.translate("Block Background Color") };
     }
+    /** Guard: redirect the borrowed button parent onto the block `<td>` so it never paints the Buy buttons. */
     getTargetNodes(r) {
-      const n = d(r, e);
-      return n ? [n] : [];
+      const e = z(r, n);
+      return e ? [e] : [];
     }
     /**
      * Writes the picked background onto the block as an inline style plus a `bgcolor`
@@ -134,147 +135,147 @@ function V(o, e) {
      * channel Outlook honours on a `<td>`, and matches what the migrator emits.
      */
     getAdditionalModifications(r) {
-      const n = d(r, e);
-      if (!n)
+      const [e] = this.getTargetNodes(r);
+      if (!e)
         return;
       const t = K(this.api.getValues());
       if (t === void 0)
         return;
-      const s = !t || f.has(t), i = this.api.getDocumentModifier(), l = i.modifyHtml(n);
-      return s ? l.removeStyle("background-color").removeAttribute("bgcolor") : l.setStyle("background-color", t).setAttribute("bgcolor", t), i;
+      const i = !t || g.has(t), l = this.api.getDocumentModifier(), s = l.modifyHtml(e);
+      return i ? s.removeStyle("background-color").removeAttribute("bgcolor") : (s.setStyle("background-color", t), E.test(t) ? s.setAttribute("bgcolor", t) : s.removeAttribute("bgcolor")), l;
     }
   };
 }
-function w(o, e, r) {
-  return class extends I {
+function W(o, n, r) {
+  return class extends y {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      if (!e || !r)
-        return [n];
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      if (!n || !r)
+        return [e];
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function W(o, e, r) {
-  return class extends _ {
+function X(o, n, r) {
+  return class extends M {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      return [n];
+    getTargetNodes(e) {
+      return [e];
     }
   };
 }
-function X(o, e, r = ".ins-recommendation-product-container") {
-  return class extends A {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function j(o, e, r = ".ins-recommendation-product-container") {
-  return class extends h {
+function J(o, n, r = ".ins-recommendation-product-container") {
+  return class extends N {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function J(o, e, r = ".ins-recommendation-product-container") {
-  return class extends k {
+function Q(o, n, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Q(o, e, r = ".ins-recommendation-product-container") {
-  return class extends N {
+function Z(o, n, r = ".ins-recommendation-product-container") {
+  return class extends k {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function Z(o, e, r = ".ins-recommendation-product-container") {
-  return class extends p {
+function tt(o, n, r = ".ins-recommendation-product-container") {
+  return class extends h {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function tt(o, e, r = ".ins-recommendation-product-container") {
-  return class extends q {
+function et(o, n, r = ".ins-recommendation-product-container") {
+  return class extends p {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function et(o, e, r = ".ins-recommendation-product-container") {
+function nt(o, n, r = ".ins-recommendation-product-container") {
   return class extends $ {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function nt(o, e, r = ".ins-recommendation-product-container") {
-  return class extends F {
+function rt(o, n, r = ".ins-recommendation-product-container") {
+  return class extends q {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function rt(o, e, r = ".ins-recommendation-product-container") {
-  return class extends v {
+function ot(o, n, r = ".ins-recommendation-product-container") {
+  return class extends F {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function ot(o, e, r) {
-  return class extends M {
+function st(o, n, r) {
+  return class extends v {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
     /**
      * Propagates Bold/Italic to ALL product buttons, not just the focused one.
@@ -286,58 +287,58 @@ function ot(o, e, r) {
      * (`buttonTextStyleForm.{bold,italic}`) because the patched node isn't updated yet
      * when this runs. Returned modifications are merged into the parent control's patch.
      */
-    getAdditionalModifications(n) {
-      const t = n.closest(r);
+    getAdditionalModifications(e) {
+      const t = e.closest(r);
       if (!t)
         return;
-      const s = t.querySelectorAll(`[esd-extension-block-id="${e}"] 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()[O];
-      if (!i)
+      const l = this.api.getValues()[O];
+      if (!l)
         return;
-      const l = i.bold ? "bold" : "normal", u = i.italic ? "italic" : "normal", c = this.api.getDocumentModifier();
-      return s.forEach((x) => {
-        c.modifyHtml(x).setStyle("font-weight", l).setStyle("font-style", u);
+      const s = l.bold ? "bold" : "normal", u = l.italic ? "italic" : "normal", c = this.api.getDocumentModifier();
+      return i.forEach((f) => {
+        c.modifyHtml(f).setStyle("font-weight", s).setStyle("font-style", u);
       }), c;
     }
   };
 }
-function st(o, e, r) {
+function it(o, n, r) {
   return class extends R {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
-      const t = n.closest(r);
-      return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+    getTargetNodes(e) {
+      const t = e.closest(r);
+      return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
     }
   };
 }
-function it(o, e, r) {
-  return class extends S {
+function lt(o, n, r) {
+  return class extends b {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
+    getTargetNodes(e) {
       try {
-        const t = n.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+        const t = e.closest(r);
+        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
     }
   };
 }
-function lt(o, e, r) {
-  return class extends b {
+function ct(o, n, r) {
+  return class extends I {
     getId() {
       return o;
     }
-    getTargetNodes(n) {
+    getTargetNodes(e) {
       try {
-        const t = n.closest(r);
-        return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
+        const t = e.closest(r);
+        return t ? t.querySelectorAll(`[esd-extension-block-id="${n}"]`) : [];
       } catch {
         return [];
       }
@@ -345,26 +346,26 @@ function lt(o, e, r) {
   };
 }
 export {
-  V as createBlockBackgroundColorControl,
-  X as createButtonAlignControl,
-  J as createButtonBorderControl,
-  Q as createButtonBorderRadiusControl,
-  j as createButtonColorControl,
-  st as createButtonFitToContainerControl,
-  Z as createButtonFontFamilyControl,
-  tt as createButtonMarginsControl,
-  et as createButtonPaddingsControl,
-  nt as createButtonTextControl,
-  rt as createButtonTextSizeControl,
-  ot as createButtonTextStyleAndFontColorControl,
-  lt as createImageMarginsControl,
-  it as createImageSizeControl,
-  w as createPaddingsControl,
-  L as createTextAlignControl,
-  H as createTextBackgroundColorControl,
-  P as createTextColorControl,
+  w as createBlockBackgroundColorControl,
+  j as createButtonAlignControl,
+  Q as createButtonBorderControl,
+  Z as createButtonBorderRadiusControl,
+  J as createButtonColorControl,
+  it as createButtonFitToContainerControl,
+  tt as createButtonFontFamilyControl,
+  et as createButtonMarginsControl,
+  nt as createButtonPaddingsControl,
+  rt as createButtonTextControl,
+  ot as createButtonTextSizeControl,
+  st as createButtonTextStyleAndFontColorControl,
+  ct as createImageMarginsControl,
+  lt as createImageSizeControl,
+  W as createPaddingsControl,
+  P as createTextAlignControl,
+  V as createTextBackgroundColorControl,
+  H as createTextColorControl,
   G as createTextFontFamilyControl,
-  W as createTextLineSpacingControl,
+  X as createTextLineSpacingControl,
   U as createTextSizeControl,
   Y as createTextStyleControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-06afaecb]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-06afaecb]{min-height:504px}.iframe-wrapper[data-v-cbafc185]{width:258px}.iframe-scaled[data-v-cbafc185]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-6e711fd7]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}

package/dist/src/composables/usePreviewInteractionGuard.d.ts

@@ -1,3 +1,3 @@
 export declare const usePreviewInteractionGuard: () => {
-    blockPreviewInteractions: (iframe: HTMLIFrameElement) => void;
+    guardPreviewInteractions: (iframe: HTMLIFrameElement) => void;
 };

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -9,3 +9,4 @@ export declare const DATA_ATTRIBUTES: {
     readonly BLOCK_ID: "data-unsubscribe-block-id";
 };
 export declare const UNSUBSCRIBE_BLOCK_SELECTOR = ".unsubscribe-block-v2";
+export declare const UNSUBSCRIBE_LINK_SELECTOR = "a[data-unsubscribe-link=\"true\"], a.unsubscribe-link";

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

@@ -116,12 +116,18 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
     };
 };
 /**
- * Factory function to create a background color control for a whole extension block.
+ * Factory for a background-color control that paints a whole extension block (SD-145082).
  *
- * Stripo's built-in block-background control resolves its own target and descends to the
- * nearest `.esd-block-text`, which inside a Recommendation block is the title cell rather
- * than the block itself (SD-145082). Overriding `getTargetNodes` moves that resolution here
- * so the color lands on the block `<td>` only — inner text blocks keep their own controls.
+ * Base is `ButtonBackgroundColorBuiltInControl` because its `GENERAL.BACKGROUND_COLOR` form key
+ * round-trips through `getValues()`; the block-text base (`TextBlockBackgroundBuiltInControl`, the
+ * built-in this replaces) reports `textBlockBackgroundColor`, which our read path never sees. That
+ * borrowed base targets the block's Buy buttons, so `getTargetNodes` here is a GUARD that keeps it
+ * off the buttons — not the write path.
+ *
+ * The write is entirely ours (`getAdditionalModifications`): Stripo's built-in emits a stylesheet
+ * rule that inline styles from regeneration outrank (SD-143023), so it would silently no-op on the
+ * next edit. We write inline `background-color` + `bgcolor` on the block `<td>` instead — surviving
+ * regeneration and reaching Outlook, matching the migrator's convention.
  */
 export declare function createBlockBackgroundColorControl(controlId: string, blockRootSelector?: string): {
     new (): {
@@ -130,6 +136,7 @@ export declare function createBlockBackgroundColorControl(controlId: string, blo
         getLabels(): {
             title: string;
         };
+        /** Guard: redirect the borrowed button parent onto the block `<td>` so it never paints the Buy buttons. */
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
         /**
          * Writes the picked background onto the block as an inline style plus a `bgcolor`

package/dist/src/utils/urlSchemes.d.ts

@@ -0,0 +1,6 @@
+/**
+ * URL schemes that are safe to follow from partner-authored email HTML. Shared so a
+ * future bypass fix lands in one place — the preview guard and the recommendation
+ * sanitizer both gate on it. Stored with the trailing colon to match `anchor.protocol`.
+ */
+export declare const BASE_SAFE_URL_SCHEMES: readonly string[];

package/dist/utils/urlSchemes.js

@@ -0,0 +1,4 @@
+const t = ["http:", "https:", "mailto:"];
+export {
+  t as BASE_SAFE_URL_SCHEMES
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.12.0-beta.b9402d1",
+  "version": "3.12.0-beta.bec0e55",
   "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",