@useinsider/guido 3.12.0-beta.3450e5f → 3.12.0-beta.3aef680

package/dist/extensions/Blocks/controlFactories.js

@@ -1,7 +1,7 @@
-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) {
-  return class extends a {
+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;
     }
@@ -13,8 +13,8 @@ function z(o, n, r) {
     }
   };
 }
-function v(o, n, r) {
-  return class extends g {
+function H(o, n, r) {
+  return class extends x {
     getId() {
       return o;
     }
@@ -26,8 +26,8 @@ function v(o, n, r) {
     }
   };
 }
-function P(o, n, r) {
-  return class extends f {
+function U(o, n, r) {
+  return class extends T {
     getId() {
       return o;
     }
@@ -39,8 +39,8 @@ function P(o, n, r) {
     }
   };
 }
-function D(o, n, r) {
-  return class extends x {
+function Y(o, n, r) {
+  return class extends B {
     getId() {
       return o;
     }
@@ -52,8 +52,8 @@ function D(o, n, r) {
     }
   };
 }
-function K(o, n, r) {
-  return class extends C {
+function G(o, n, r) {
+  return class extends m {
     getId() {
       return o;
     }
@@ -65,8 +65,8 @@ function K(o, n, r) {
     }
   };
 }
-function L(o, n, r) {
-  return class extends T {
+function V(o, n, r) {
+  return class extends d {
     getId() {
       return o;
     }
@@ -89,16 +89,65 @@ function L(o, n, r) {
       const t = this.getTargetNodes(e);
       if (!t.length)
         return;
-      const s = this.api.getValues()[_], i = !s || E.has(s), c = this.api.getDocumentModifier();
+      const i = this.api.getValues()[a], l = !i || g.has(i), s = this.api.getDocumentModifier();
       return t.forEach((u) => {
-        const l = c.modifyHtml(u);
-        i ? l.removeStyle("background-color") : l.setStyle("background-color", s);
-      }), c;
+        const c = s.modifyHtml(u);
+        l ? c.removeStyle("background-color") : c.setStyle("background-color", i);
+      }), s;
     }
   };
 }
-function U(o, n, r) {
-  return class extends B {
+function K(o) {
+  const n = _.find((e) => e in o);
+  if (!n)
+    return;
+  const r = o[n];
+  return typeof r == "string" ? r : "";
+}
+function L(o, n) {
+  return n.startsWith(".") && "hasClass" in o && o.hasClass(n.slice(1));
+}
+function z(o, n) {
+  try {
+    return L(o, n) ? o : o.closest(n) ?? void 0;
+  } catch {
+    return;
+  }
+}
+function w(o, n) {
+  return class extends d {
+    getId() {
+      return o;
+    }
+    /** The parent control renders its own generic title; restore the block-level wording. */
+    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 e = z(r, n);
+      return e ? [e] : [];
+    }
+    /**
+     * Writes the picked background onto the block as an inline style plus a `bgcolor`
+     * attribute. This is the whole mechanism, not a mirror: the parent control's own
+     * 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(r) {
+      const [e] = this.getTargetNodes(r);
+      if (!e)
+        return;
+      const t = K(this.api.getValues());
+      if (t === void 0)
+        return;
+      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, n, r) {
+  return class extends y {
     getId() {
       return o;
     }
@@ -110,7 +159,7 @@ function U(o, n, r) {
     }
   };
 }
-function Y(o, n, r) {
+function X(o, n, r) {
   return class extends M {
     getId() {
       return o;
@@ -120,8 +169,8 @@ function Y(o, n, r) {
     }
   };
 }
-function w(o, n, r = ".ins-recommendation-product-container") {
-  return class extends I {
+function j(o, n, r = ".ins-recommendation-product-container") {
+  return class extends S {
     getId() {
       return o;
     }
@@ -131,8 +180,8 @@ function w(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function G(o, n, r = ".ins-recommendation-product-container") {
-  return class extends b {
+function J(o, n, r = ".ins-recommendation-product-container") {
+  return class extends N {
     getId() {
       return o;
     }
@@ -142,8 +191,8 @@ function G(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function H(o, n, r = ".ins-recommendation-product-container") {
-  return class extends S {
+function Q(o, n, r = ".ins-recommendation-product-container") {
+  return class extends A {
     getId() {
       return o;
     }
@@ -153,8 +202,8 @@ function H(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function V(o, n, r = ".ins-recommendation-product-container") {
-  return class extends A {
+function Z(o, n, r = ".ins-recommendation-product-container") {
+  return class extends k {
     getId() {
       return o;
     }
@@ -164,8 +213,8 @@ function V(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function W(o, n, r = ".ins-recommendation-product-container") {
-  return class extends N {
+function tt(o, n, r = ".ins-recommendation-product-container") {
+  return class extends h {
     getId() {
       return o;
     }
@@ -175,8 +224,8 @@ function W(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function X(o, n, 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;
     }
@@ -186,7 +235,7 @@ function X(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function j(o, n, r = ".ins-recommendation-product-container") {
+function nt(o, n, r = ".ins-recommendation-product-container") {
   return class extends $ {
     getId() {
       return o;
@@ -197,8 +246,8 @@ function j(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function J(o, n, r = ".ins-recommendation-product-container") {
-  return class extends k {
+function rt(o, n, r = ".ins-recommendation-product-container") {
+  return class extends q {
     getId() {
       return o;
     }
@@ -208,8 +257,8 @@ function J(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function Q(o, n, r = ".ins-recommendation-product-container") {
-  return class extends p {
+function ot(o, n, r = ".ins-recommendation-product-container") {
+  return class extends F {
     getId() {
       return o;
     }
@@ -219,8 +268,8 @@ function Q(o, n, r = ".ins-recommendation-product-container") {
     }
   };
 }
-function Z(o, n, r) {
-  return class extends h {
+function st(o, n, r) {
+  return class extends v {
     getId() {
       return o;
     }
@@ -242,21 +291,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 l = this.api.getValues()[O];
+      if (!l)
         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);
-      }), l;
+      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 tt(o, n, r) {
-  return class extends F {
+function it(o, n, r) {
+  return class extends R {
     getId() {
       return o;
     }
@@ -266,8 +315,8 @@ function tt(o, n, r) {
     }
   };
 }
-function et(o, n, r) {
-  return class extends m {
+function lt(o, n, r) {
+  return class extends b {
     getId() {
       return o;
     }
@@ -281,8 +330,8 @@ function et(o, n, r) {
     }
   };
 }
-function nt(o, n, r) {
-  return class extends y {
+function ct(o, n, r) {
+  return class extends I {
     getId() {
       return o;
     }
@@ -297,25 +346,26 @@ 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
+  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,
+  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-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height: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-daf7d5f8]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-daf7d5f8]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-daf7d5f8]{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}