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

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

@@ -1,11 +1,10 @@
 import { createBlockBackgroundColorControl as o } from "../../../controlFactories.js";
 import { RecommendationControlId as r } from "../../constants/controlIds.js";
 import { BLOCK_ROOT_SELECTOR as t } from "../../constants/selectors.js";
-const C = ".esd-block-text", m = o(
+const c = o(
   r.BLOCK_BACKGROUND,
-  t,
-  C
+  t
 );
 export {
-  m as BlockBackgroundColorControl
+  c as BlockBackgroundColorControl
 };

package/dist/extensions/Blocks/controlFactories.js

@@ -1,79 +1,79 @@
-import { TextAlignBuiltInControl as C, TextColorBuiltInControl as T, TextSizeBuiltInControl as B, TextStyleBuiltInControl as m, TextFontFamilyBuiltInControl as y, ButtonBackgroundColorBuiltInControl as g, TextPaddingsBuiltInControl as A, ImageSizeBuiltInControl as S, ImageMarginsBuiltInControl as I, ButtonAlignBuiltInControl as b, ButtonBorderBuiltInControl as k, ButtonBorderRadiusBuiltInControl as N, ButtonColorBuiltInControl as h, ButtonFontFamilyBuiltInControl as q, ButtonMarginsBuiltInControl as p, 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", f = "backgroundColor", x = /* @__PURE__ */ new Set(["", "transparent", "rgba(0, 0, 0, 0)"]), E = ["elementColor", f], K = "esd-extension-block-id";
-function U(r, e, o) {
+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) {
   return class extends C {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      if (!e || !o)
+      if (!e || !r)
         return [n];
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function Y(r, e, o) {
-  return class extends T {
+function P(o, e, r) {
+  return class extends B {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      if (!e || !o)
+      if (!e || !r)
         return [n];
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function G(r, e, o) {
-  return class extends B {
+function U(o, e, r) {
+  return class extends T {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      if (!e || !o)
+      if (!e || !r)
         return [n];
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function H(r, e, o) {
+function Y(o, e, r) {
   return class extends m {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      if (!e || !o)
+      if (!e || !r)
         return [n];
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function V(r, e, o) {
+function G(o, e, r) {
   return class extends y {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      if (!e || !o)
+      if (!e || !r)
         return [n];
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function w(r, e, o) {
-  return class extends g {
+function H(o, e, r) {
+  return class extends a {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      if (!e || !o)
+      if (!e || !r)
         return [n];
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
     /**
@@ -89,7 +89,7 @@ function w(r, e, o) {
       const t = this.getTargetNodes(n);
       if (!t.length)
         return;
-      const s = this.api.getValues()[f], i = !s || x.has(s), l = this.api.getDocumentModifier();
+      const s = this.api.getValues()[g], i = !s || f.has(s), l = this.api.getDocumentModifier();
       return t.forEach((u) => {
         const c = l.modifyHtml(u);
         i ? c.removeStyle("background-color") : c.setStyle("background-color", s);
@@ -97,44 +97,35 @@ function w(r, e, o) {
     }
   };
 }
-function L(r) {
-  const e = E.find((n) => n in r);
+function K(o) {
+  const e = E.find((n) => n in o);
   if (!e)
     return;
-  const o = r[e];
-  return typeof o == "string" ? o : "";
+  const r = o[e];
+  return typeof r == "string" ? r : "";
 }
-function z(r, e) {
-  return e.startsWith(".") && "hasClass" in r && r.hasClass(e.slice(1));
+function z(o, e) {
+  return e.startsWith(".") && "hasClass" in o && o.hasClass(e.slice(1));
 }
-function a(r, e) {
+function d(o, e) {
   try {
-    return z(r, e) ? r : r.closest(e) ?? void 0;
+    return z(o, e) ? o : o.closest(e) ?? void 0;
   } catch {
     return;
   }
 }
-function D(r, e) {
-  if (!("querySelectorAll" in r))
-    return [];
-  try {
-    return r.querySelectorAll(e).filter((o) => "getAttribute" in o && !o.getAttribute(K));
-  } catch {
-    return [];
-  }
-}
-function W(r, e, o) {
-  return class extends g {
+function V(o, e) {
+  return class extends a {
     getId() {
-      return r;
+      return o;
     }
     /** The parent control renders its own generic title; restore the block-level wording. */
     getLabels() {
       return { title: this.api.translate("Block Background Color") };
     }
-    getTargetNodes(n) {
-      const t = a(n, e);
-      return t ? [t] : [];
+    getTargetNodes(r) {
+      const n = d(r, e);
+      return n ? [n] : [];
     }
     /**
      * Writes the picked background onto the block as an inline style plus a `bgcolor`
@@ -142,153 +133,147 @@ function W(r, e, o) {
      * write never reaches the block element (verified at runtime). `bgcolor` is the
      * channel Outlook honours on a `<td>`, and matches what the migrator emits.
      */
-    getAdditionalModifications(n) {
-      const t = a(n, e);
-      if (!t)
+    getAdditionalModifications(r) {
+      const n = d(r, e);
+      if (!n)
         return;
-      const s = L(this.api.getValues());
-      if (s === void 0)
+      const t = K(this.api.getValues());
+      if (t === void 0)
         return;
-      const i = !s || x.has(s), l = this.api.getDocumentModifier();
-      return [
-        t,
-        ...D(t, o)
-      ].forEach((c) => {
-        const d = l.modifyHtml(c);
-        i ? d.removeStyle("background-color").removeAttribute("bgcolor") : d.setStyle("background-color", s).setAttribute("bgcolor", s);
-      }), l;
+      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;
     }
   };
 }
-function X(r, e, o) {
-  return class extends A {
+function w(o, e, r) {
+  return class extends I {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      if (!e || !o)
+      if (!e || !r)
         return [n];
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function j(r, e, o) {
+function W(o, e, r) {
   return class extends _ {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
       return [n];
     }
   };
 }
-function J(r, e, o = ".ins-recommendation-product-container") {
-  return class extends b {
+function X(o, e, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function Q(r, e, o = ".ins-recommendation-product-container") {
+function j(o, e, r = ".ins-recommendation-product-container") {
   return class extends h {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function Z(r, e, o = ".ins-recommendation-product-container") {
+function J(o, e, r = ".ins-recommendation-product-container") {
   return class extends k {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function tt(r, e, o = ".ins-recommendation-product-container") {
+function Q(o, e, r = ".ins-recommendation-product-container") {
   return class extends N {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function et(r, e, o = ".ins-recommendation-product-container") {
-  return class extends q {
+function Z(o, e, r = ".ins-recommendation-product-container") {
+  return class extends p {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function nt(r, e, o = ".ins-recommendation-product-container") {
-  return class extends p {
+function tt(o, e, r = ".ins-recommendation-product-container") {
+  return class extends q {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function rt(r, e, o = ".ins-recommendation-product-container") {
+function et(o, e, r = ".ins-recommendation-product-container") {
   return class extends $ {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function ot(r, e, o = ".ins-recommendation-product-container") {
+function nt(o, e, r = ".ins-recommendation-product-container") {
   return class extends F {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function st(r, e, o = ".ins-recommendation-product-container") {
+function rt(o, e, r = ".ins-recommendation-product-container") {
   return class extends v {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function it(r, e, o) {
+function ot(o, e, r) {
   return class extends M {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
     /**
@@ -302,7 +287,7 @@ function it(r, e, o) {
      * when this runs. Returned modifications are merged into the parent control's patch.
      */
     getAdditionalModifications(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       if (!t)
         return;
       const s = t.querySelectorAll(`[esd-extension-block-id="${e}"] a.es-button`);
@@ -312,31 +297,31 @@ function it(r, e, o) {
       if (!i)
         return;
       const l = i.bold ? "bold" : "normal", u = i.italic ? "italic" : "normal", c = this.api.getDocumentModifier();
-      return s.forEach((d) => {
-        c.modifyHtml(d).setStyle("font-weight", l).setStyle("font-style", u);
+      return s.forEach((x) => {
+        c.modifyHtml(x).setStyle("font-weight", l).setStyle("font-style", u);
       }), c;
     }
   };
 }
-function lt(r, e, o) {
+function st(o, e, r) {
   return class extends R {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
-      const t = n.closest(o);
+      const t = n.closest(r);
       return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
     }
   };
 }
-function ct(r, e, o) {
+function it(o, e, r) {
   return class extends S {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
       try {
-        const t = n.closest(o);
+        const t = n.closest(r);
         return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
       } catch {
         return [];
@@ -344,14 +329,14 @@ function ct(r, e, o) {
     }
   };
 }
-function ut(r, e, o) {
-  return class extends I {
+function lt(o, e, r) {
+  return class extends b {
     getId() {
-      return r;
+      return o;
     }
     getTargetNodes(n) {
       try {
-        const t = n.closest(o);
+        const t = n.closest(r);
         return t ? t.querySelectorAll(`[esd-extension-block-id="${e}"]`) : [];
       } catch {
         return [];
@@ -360,26 +345,26 @@ function ut(r, e, o) {
   };
 }
 export {
-  W as createBlockBackgroundColorControl,
-  J as createButtonAlignControl,
-  Z as createButtonBorderControl,
-  tt as createButtonBorderRadiusControl,
-  Q as createButtonColorControl,
-  lt as createButtonFitToContainerControl,
-  et as createButtonFontFamilyControl,
-  nt as createButtonMarginsControl,
-  rt as createButtonPaddingsControl,
-  ot as createButtonTextControl,
-  st as createButtonTextSizeControl,
-  it as createButtonTextStyleAndFontColorControl,
-  ut as createImageMarginsControl,
-  ct as createImageSizeControl,
-  X as createPaddingsControl,
-  U as createTextAlignControl,
-  w as createTextBackgroundColorControl,
-  Y as createTextColorControl,
-  V as createTextFontFamilyControl,
-  j as createTextLineSpacingControl,
-  G as createTextSizeControl,
-  H as createTextStyleControl
+  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,
+  G as createTextFontFamilyControl,
+  W as createTextLineSpacingControl,
+  U as createTextSizeControl,
+  Y as createTextStyleControl
 };

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

@@ -120,11 +120,10 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
  *
  * 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.
+ * 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.
  */
-export declare function createBlockBackgroundColorControl(controlId: string, blockRootSelector?: string, 
-/** Extra cells inside the block to keep in sync — e.g. a title cell holding a pre-fix color. */
-additionalTargetSelector?: string): {
+export declare function createBlockBackgroundColorControl(controlId: string, blockRootSelector?: string): {
     new (): {
         getId(): string;
         /** The parent control renders its own generic title; restore the block-level wording. */

package/package.json

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