email-builder-online 3.5.1 → 3.5.2

package/dist/index.mjs

@@ -20562,54 +20562,54 @@ const Fl = {
   size: "medium",
   buttonBackgroundColor: "#999999"
 };
-function IU({ style: t, props: e, blockId: n }) {
-  const i = Qv(), r = yi(), o = !Kv(), s = e?.text ?? Fl.text, l = e?.url ?? Fl.url, c = r === "desktop" ? e?.fullWidth ?? !1 : e?.fullWidthMobile ?? e?.fullWidth ?? !1, u = t?.buttonTextColor ?? e?.buttonTextColor ?? i.textColor, d = t?.buttonBackgroundColor ?? e?.buttonBackgroundColor ?? Fl.buttonBackgroundColor, p = {
+function IU({ style: t, props: e, blockId: n, isNotClient: i = !1 }) {
+  const r = Qv(), a = yi(), s = !Kv() && !i, l = e?.text ?? Fl.text, c = e?.url ?? Fl.url, u = a === "desktop" ? e?.fullWidth ?? !1 : e?.fullWidthMobile ?? e?.fullWidth ?? !1, d = t?.buttonTextColor ?? e?.buttonTextColor ?? r.textColor, p = t?.buttonBackgroundColor ?? e?.buttonBackgroundColor ?? Fl.buttonBackgroundColor, f = {
     backgroundColor: t?.backgroundColor ?? void 0,
-    textAlign: r == "desktop" ? t?.textAlign ?? void 0 : t?.textAlignMobile ?? t?.textAlign,
-    padding: uue(r == "desktop" ? t?.padding : t?.mobilePadding ?? t?.padding)
-  }, f = {
-    color: u,
-    fontSize: r == "desktop" ? t?.fontSize ?? 16 : t?.fontSizeMobile ?? t?.fontSize ?? 16,
+    textAlign: a == "desktop" ? t?.textAlign ?? void 0 : t?.textAlignMobile ?? t?.textAlign,
+    padding: uue(a == "desktop" ? t?.padding : t?.mobilePadding ?? t?.padding)
+  }, m = {
+    color: d,
+    fontSize: a == "desktop" ? t?.fontSize ?? 16 : t?.fontSizeMobile ?? t?.fontSize ?? 16,
     fontFamily: ic(t?.fontFamily),
     fontWeight: t?.fontWeight ?? "bold",
     display: "inline-block",
     textDecoration: "none"
-  }, m = {
+  }, h = {
     color: t?.borderColor,
-    top: r == "desktop" ? t?.borderTop ?? void 0 : t?.borderTopMobile ?? t?.borderTop,
-    bottom: r == "desktop" ? t?.borderBottom ?? void 0 : t?.borderBottomMobile ?? t?.borderBottom,
-    left: r == "desktop" ? t?.borderLeft ?? void 0 : t?.borderLeftMobile ?? t?.borderLeft,
-    right: r == "desktop" ? t?.borderRight ?? void 0 : t?.borderRightMobile ?? t?.borderRight
-  }, h = t?.background ?? "", g = t?.backgroundColor, b = g ? Bu(h, g) : h, y = xA(t), E = Zt(n);
+    top: a == "desktop" ? t?.borderTop ?? void 0 : t?.borderTopMobile ?? t?.borderTop,
+    bottom: a == "desktop" ? t?.borderBottom ?? void 0 : t?.borderBottomMobile ?? t?.borderBottom,
+    left: a == "desktop" ? t?.borderLeft ?? void 0 : t?.borderLeftMobile ?? t?.borderLeft,
+    right: a == "desktop" ? t?.borderRight ?? void 0 : t?.borderRightMobile ?? t?.borderRight
+  }, g = t?.background ?? "", b = t?.backgroundColor, y = b ? Bu(g, b) : g, E = xA(t), v = Zt(n);
   return /* @__PURE__ */ _(
     sa,
     {
-      background: b,
-      backgroundColor: g,
-      padding: p.padding,
-      align: p.textAlign,
+      background: y,
+      backgroundColor: b,
+      padding: f.padding,
+      align: f.textAlign,
       width: "100%",
-      className: `c${E}`,
+      className: `c${v}`,
       children: /* @__PURE__ */ _(
         "a",
         {
-          href: wA(l),
+          href: wA(c),
           target: "_blank",
-          className: `abtn-${E}`,
-          onClick: o ? (v) => v.preventDefault() : void 0,
+          className: `abtn-${v}`,
+          onClick: s ? (T) => T.preventDefault() : void 0,
           children: /* @__PURE__ */ _(
             sa,
             {
-              className: E,
-              padding: r == "desktop" ? QO(e?.size) : QO(e?.sizeMobile ?? e?.size),
-              borderRadius: y,
-              background: d,
-              backgroundColor: d,
+              className: v,
+              padding: a == "desktop" ? QO(e?.size) : QO(e?.sizeMobile ?? e?.size),
+              borderRadius: E,
+              background: p,
+              backgroundColor: p,
               isParent: !1,
               align: "center",
-              width: c ? "100%" : void 0,
-              border: m,
-              children: /* @__PURE__ */ _("span", { className: `btn${E}`, style: f, children: s })
+              width: u ? "100%" : void 0,
+              border: h,
+              children: /* @__PURE__ */ _("span", { className: `btn${v}`, style: m, children: l })
             }
           )
         }
@@ -24328,7 +24328,7 @@ const $f = ot().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), _8 = kt({
       }
     ) })
   ] });
-}, ape = "email-builder-online", ope = "3.5.1", GS = {
+}, ape = "email-builder-online", ope = "3.5.2", GS = {
   name: ape,
   version: ope
 };
@@ -24583,12 +24583,12 @@ const mpe = kt({
     contentAlignment: Jn(["top", "middle", "bottom"]).optional().nullable()
   }).optional().nullable()
 }).passthrough();
-function C8({ style: t, props: e, blockId: n }) {
-  const i = yi(), r = SA(), o = !Kv(), s = {
-    padding: tf(i == "desktop" ? t?.padding : t?.mobilePadding ?? t?.padding),
+function C8({ style: t, props: e, blockId: n, isNotClient: i = !1 }) {
+  const r = yi(), a = SA(), s = !Kv() && !i, l = {
+    padding: tf(r == "desktop" ? t?.padding : t?.mobilePadding ?? t?.padding),
     backgroundColor: t?.backgroundColor ?? void 0,
-    textAlign: i == "desktop" ? t?.textAlign ?? void 0 : t?.textAlignMobile ?? t?.textAlign ?? void 0
-  }, l = (y, E) => y === "fill" ? "100%" : y === "scale" ? `${E}%` : e?.width, c = e?.linkHref ?? null, u = i == "desktop" ? l(e?.size, e?.scale) : l(e?.sizeMobile, e?.scaleMobile), d = {
+    textAlign: r == "desktop" ? t?.textAlign ?? void 0 : t?.textAlignMobile ?? t?.textAlign ?? void 0
+  }, c = (E, v) => E === "fill" ? "100%" : E === "scale" ? `${v}%` : e?.width, u = e?.linkHref ?? null, d = r == "desktop" ? c(e?.size, e?.scale) : c(e?.sizeMobile, e?.scaleMobile), p = {
     position: "absolute",
     top: 0,
     left: 0,
@@ -24597,27 +24597,27 @@ function C8({ style: t, props: e, blockId: n }) {
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
-  }, p = t?.background ?? "", f = t?.backgroundColor, m = f ? Bu(p, f) : p, h = (y) => {
-    const E = y.currentTarget;
+  }, f = t?.background ?? "", m = t?.backgroundColor, h = m ? Bu(f, m) : f, g = (E) => {
+    const v = E.currentTarget;
     setTimeout(() => {
-      if (!e?.width && E.offsetWidth) {
-        const v = E.offsetWidth;
+      if (!e?.width && v.offsetWidth) {
+        const T = v.offsetWidth;
         Ice(n, {
           ...e,
-          width: v
+          width: T
         });
       }
     }, 100);
-  }, g = /* @__PURE__ */ U(it, { children: [
+  }, b = /* @__PURE__ */ U(it, { children: [
     /* @__PURE__ */ _(
       "img",
       {
         alt: e?.alt ?? "",
         src: e?.url ?? "",
-        width: u,
-        onLoad: h,
+        width: d,
+        onLoad: g,
         style: {
-          width: u,
+          width: d,
           height: "auto",
           outline: "none",
           border: "none",
@@ -24625,13 +24625,13 @@ function C8({ style: t, props: e, blockId: n }) {
           verticalAlign: e?.contentAlignment ?? "middle",
           display: "inline-block",
           maxWidth: "100%",
-          opacity: r.uploading && r.id === n ? 0.5 : 1,
+          opacity: a.uploading && a.id === n ? 0.5 : 1,
           transition: "opacity 0.2s ease-in-out",
           borderRadius: xA(t)
         }
       }
     ),
-    r.uploading && r.id === n && /* @__PURE__ */ _("div", { style: d, children: /* @__PURE__ */ _(
+    a.uploading && a.id === n && /* @__PURE__ */ _("div", { style: p, children: /* @__PURE__ */ _(
       "svg",
       {
         width: "24",
@@ -24651,23 +24651,23 @@ function C8({ style: t, props: e, blockId: n }) {
         children: /* @__PURE__ */ _("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
       }
     ) })
-  ] }), b = Zt(n);
-  return c ? /* @__PURE__ */ _(sa, { className: `${b}`, padding: s.padding, background: m, align: s.textAlign, width: "100%", children: /* @__PURE__ */ _(
+  ] }), y = Zt(n);
+  return u ? /* @__PURE__ */ _(sa, { className: `${y}`, padding: l.padding, background: h, align: l.textAlign, width: "100%", children: /* @__PURE__ */ _(
     "a",
     {
-      href: o ? void 0 : wA(c),
+      href: s ? void 0 : wA(u),
       style: {
         textDecoration: "none",
         display: "block",
         width: "100%",
         height: "100%",
-        pointerEvents: o ? "none" : void 0
+        pointerEvents: s ? "none" : void 0
       },
-      target: o ? void 0 : "_blank",
-      onClick: o ? (y) => y.preventDefault() : void 0,
-      children: g
+      target: s ? void 0 : "_blank",
+      onClick: s ? (E) => E.preventDefault() : void 0,
+      children: b
     }
-  ) }) : /* @__PURE__ */ _(sa, { className: `${b}`, padding: s.padding, background: m, align: s.textAlign, width: "100%", children: g });
+  ) }) : /* @__PURE__ */ _(sa, { className: `${y}`, padding: l.padding, background: h, align: l.textAlign, width: "100%", children: b });
 }
 const hpe = (t, e, n) => {
   const i = yi();
@@ -25362,16 +25362,38 @@ const SM = ot().regex(/^#[0-9a-fA-F]{6}$/).nullable().optional(), CM = kt({
   ),
   gapMobile: Pe().optional()
 }).passthrough();
-function k8({ style: t, items: e, blockId: n, gap: i = 1, gapMobile: r }) {
-  const a = yi(), o = t?.background ?? "", s = t?.backgroundColor, l = s ? Bu(o, s) : o, c = (a === "desktop" ? t?.textAlign : t?.textAlignMobile ?? t?.textAlign) ?? void 0, u = {
-    background: l,
+function k8({
+  style: t,
+  items: e,
+  blockId: n,
+  gap: i = 1,
+  gapMobile: r,
+  isNotClient: a = !1
+}) {
+  const o = yi(), s = t?.background ?? "", l = t?.backgroundColor, c = l ? Bu(s, l) : s, u = (o === "desktop" ? t?.textAlign : t?.textAlignMobile ?? t?.textAlign) ?? void 0, d = {
+    background: c,
     backgroundColor: t?.backgroundColor,
-    textAlign: c,
-    padding: tf(a === "desktop" ? t?.padding : t?.mobilePadding ?? t?.padding)
-  }, d = a === "desktop" ? i : r ?? i, p = Zt(n), m = !Kv();
-  return /* @__PURE__ */ _(ype, { blockId: `${p}`, items: e, wStyle: u, gap: d, isEditorMode: m });
+    textAlign: u,
+    padding: tf(o === "desktop" ? t?.padding : t?.mobilePadding ?? t?.padding)
+  }, p = o === "desktop" ? i : r ?? i, f = Zt(n), h = !Kv() && !a;
+  return /* @__PURE__ */ _(
+    ype,
+    {
+      blockId: `${f}`,
+      items: e,
+      wStyle: d,
+      gap: p,
+      guardLinksWhileEditingOnCanvas: h
+    }
+  );
 }
-const ype = ({ items: t, blockId: e, wStyle: n, gap: i, isEditorMode: r }) => {
+const ype = ({
+  items: t,
+  blockId: e,
+  wStyle: n,
+  gap: i,
+  guardLinksWhileEditingOnCanvas: r
+}) => {
   const a = (o) => {
     switch (o) {
       case 0:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email-builder-online",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",