@boxcc/maildeno-editor 0.0.0-stage → 0.4.14

package/dist/RowPreviewChildren-BGnilx-K.js

@@ -0,0 +1,4 @@
+import { t as r } from "./SavedRowsPanel-B6_VHQZm.js";
+export {
+  r as default
+};

package/dist/RowPreviewChildren-CalQWx1C.js

@@ -0,0 +1,4 @@
+import { t as r } from "./SavedRowsPanel-2JBfYdxN.js";
+export {
+  r as default
+};

package/dist/RowPreviewLegacyComponent-Df_1HTly.js

@@ -0,0 +1,403 @@
+import { o as y, r as h } from "./borderRadius-CkSa1lQ9.js";
+import { Fragment as S, computed as q, createBlock as J, createCommentVNode as k, createElementBlock as a, createElementVNode as d, createTextVNode as O, defineComponent as K, normalizeStyle as r, openBlock as o, renderList as w, resolveDynamicComponent as Q, toDisplayString as u } from "vue";
+var U = ["innerHTML"], X = ["src", "alt"], Y = ["src", "alt"], Z = {
+  style: {
+    width: "30%",
+    height: "30%",
+    color: "#9ca3af"
+  },
+  fill: "currentColor",
+  viewBox: "0 0 20 20"
+}, _ = ["src", "alt"], tt = ["src", "alt"], et = ["innerHTML"], nt = { key: 8 }, it = { key: 0 }, ot = ["src", "alt"], at = {
+  key: 1,
+  style: {
+    "font-size": "7px",
+    color: "#9ca3af",
+    "font-style": "italic"
+  }
+}, rt = {
+  key: 11,
+  class: "rounded truncate",
+  style: {
+    "font-size": "7px",
+    color: "#9ca3af",
+    background: "#f3f4f6",
+    padding: "1px 3px"
+  }
+}, lt = /* @__PURE__ */ K({
+  __name: "RowPreviewLegacyComponent",
+  props: {
+    comp: {},
+    scale: {}
+  },
+  setup(e) {
+    const $ = e, l = q(() => $.comp.componentType ?? $.comp.type);
+    function x(t) {
+      return t ? t.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (n, i, g) => {
+        const c = i.trim(), f = g?.trim();
+        return f ? `{{ ${c}|'${f}' }}` : `{{ ${c} }}`;
+      }) : "";
+    }
+    function m(t) {
+      const n = t?.backgroundGradient;
+      if (n?.useGradient === !0 && Array.isArray(n?.gradient?.colors) && n.gradient.colors.length >= 2) {
+        const { type: i, direction: g, colors: c } = n.gradient, f = c.map((p) => `${p.color} ${p.position}%`).join(", ");
+        return i === "radial" ? `radial-gradient(circle at center, ${f})` : `linear-gradient(${g}, ${f})`;
+      }
+      return t?.backgroundColor || "transparent";
+    }
+    function s(t) {
+      if (t && (t.includes(" ") || [
+        "Roboto",
+        "Open Sans",
+        "Lato",
+        "Montserrat",
+        "Poppins",
+        "Nunito",
+        "Raleway",
+        "Plus Jakarta Sans"
+      ].some((n) => t.includes(n))) && typeof document < "u") {
+        const n = `https://fonts.googleapis.com/css2?family=${t.replace(/ /g, "+")}:wght@300;400;500;600;700;800&display=swap`;
+        if (!document.querySelector(`link[href="${n}"]`)) {
+          const i = document.createElement("link");
+          i.href = n, i.rel = "stylesheet", document.head.appendChild(i);
+        }
+      }
+    }
+    function F(t) {
+      return t?.fontFamily && s(t.fontFamily), {
+        fontSize: Math.max(7, t?.fontSize || 24) + "px",
+        color: t?.color || "#111111",
+        fontWeight: t?.fontWeight || "bold",
+        fontFamily: t?.fontFamily || "Arial, sans-serif",
+        textAlign: t?.align || "left",
+        lineHeight: String(t?.lineHeight ?? 1.2),
+        letterSpacing: `${t?.letterSpacing ?? 0}px`,
+        textTransform: t?.textTransform || "none",
+        textDecoration: t?.textDecoration || "none",
+        background: m(t),
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 4}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`
+      };
+    }
+    function z(t) {
+      return t?.fontFamily && s(t.fontFamily), {
+        fontSize: Math.max(6, t?.fontSize || 16) + "px",
+        color: t?.color || "#111111",
+        fontFamily: t?.fontFamily || "Arial, sans-serif",
+        fontWeight: t?.fontWeight || "normal",
+        fontStyle: t?.fontStyle || "normal",
+        textAlign: t?.align || "left",
+        lineHeight: String(t?.lineHeight ?? 1.5),
+        letterSpacing: `${t?.letterSpacing ?? 0}px`,
+        textTransform: t?.textTransform || "none",
+        textDecoration: t?.textDecoration || "none",
+        background: m(t),
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 4}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`
+      };
+    }
+    function A(t) {
+      return {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 0}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`,
+        textAlign: t?.align || "left"
+      };
+    }
+    function C(t) {
+      const n = t?.align || "left";
+      return {
+        width: (t?.width || 100) + "%",
+        height: t?.height || "auto",
+        borderRadius: h(t?.borderRadius || 0),
+        ...y(t?.border),
+        display: "block",
+        margin: n === "center" ? "0 auto" : n === "right" ? "0 0 0 auto" : "0"
+      };
+    }
+    function H(t) {
+      return {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 0}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`,
+        textAlign: t?.align || "left",
+        maxWidth: "100%"
+      };
+    }
+    function T(t) {
+      const n = t?.align || "left";
+      return {
+        width: "100%",
+        maxWidth: "100%",
+        paddingBottom: "56.25%",
+        height: "0",
+        position: "relative",
+        display: "inline-block",
+        borderRadius: h(t?.borderRadius || 0),
+        ...y(t?.border),
+        overflow: "hidden",
+        marginLeft: n === "center" || n === "right" ? "auto" : "0",
+        marginRight: n === "center" ? "auto" : "0",
+        boxSizing: "border-box"
+      };
+    }
+    function M() {
+      return {
+        position: "absolute",
+        top: "0",
+        left: "0",
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+        display: "block"
+      };
+    }
+    function L() {
+      return {
+        position: "absolute",
+        top: "0",
+        left: "0",
+        width: "100%",
+        height: "100%",
+        background: "#e5e7eb",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      };
+    }
+    function R(t) {
+      return {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 4}px ${t?.margin?.left ?? 0}px`,
+        textAlign: t?.align || "center"
+      };
+    }
+    function W(t) {
+      t?.fontFamily && s(t.fontFamily);
+      const n = !!t?.icon;
+      return {
+        background: m(t),
+        color: t?.color || "#ffffff",
+        fontSize: Math.max(5, t?.fontSize || 16) + "px",
+        fontWeight: t?.fontWeight || "500",
+        fontFamily: t?.fontFamily || "Arial, sans-serif",
+        letterSpacing: `${t?.letterSpacing ?? 0}px`,
+        padding: `${t?.padding?.top ?? 8}px ${t?.padding?.right ?? 16}px ${t?.padding?.bottom ?? 8}px ${t?.padding?.left ?? 16}px`,
+        borderRadius: h(t?.borderRadius || 4),
+        ...y(t?.border),
+        ...n ? {
+          display: "inline-flex",
+          alignItems: "center",
+          verticalAlign: "middle"
+        } : { display: "inline-block" },
+        lineHeight: "1.2",
+        textDecoration: "none"
+      };
+    }
+    function b(t) {
+      const n = Math.max(4, t?.iconSize ?? 20), i = t?.iconGap ?? 8, g = t?.iconPosition !== "after";
+      return {
+        display: "block",
+        width: n + "px",
+        height: n + "px",
+        flexShrink: "0",
+        marginRight: g ? i + "px" : "0",
+        marginLeft: g ? "0" : i + "px"
+      };
+    }
+    function v(t) {
+      const n = t.target;
+      n.style.display = "none";
+    }
+    function D(t) {
+      return {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 4}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`,
+        textAlign: t?.align || "left"
+      };
+    }
+    function I(t) {
+      return t?.fontFamily && s(t.fontFamily), {
+        color: t?.color || "#007bff",
+        fontSize: Math.max(6, t?.fontSize || 16) + "px",
+        fontWeight: t?.fontWeight || "normal",
+        fontFamily: t?.fontFamily || "Arial, sans-serif",
+        letterSpacing: `${t?.letterSpacing ?? 0}px`,
+        textDecoration: t?.textDecoration || "underline"
+      };
+    }
+    function P(t) {
+      return t?.fontFamily && s(t.fontFamily), {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 0}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 16}px`,
+        fontSize: Math.max(6, t?.fontSize || 16) + "px",
+        fontFamily: t?.fontFamily || "Arial, sans-serif",
+        lineHeight: String(t?.lineHeight ?? 1.5),
+        letterSpacing: `${t?.letterSpacing ?? 0}px`,
+        color: t?.color || "#111111",
+        background: m(t)
+      };
+    }
+    function B(t) {
+      return {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 0}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`,
+        textAlign: t?.align || "left"
+      };
+    }
+    function E(t) {
+      const n = t?.align || "left";
+      return {
+        width: (t?.width || 100) + "%",
+        height: (t?.height || 1) + "px",
+        background: m(t),
+        border: "none",
+        margin: n === "center" ? "0 auto" : n === "right" ? "0 0 0 auto" : "0"
+      };
+    }
+    function j(t) {
+      return {
+        width: "100%",
+        height: (t?.height || 16) + "px",
+        background: m(t)
+      };
+    }
+    function N(t) {
+      return t?.fontFamily && s(t.fontFamily), {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 0}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`,
+        textAlign: t?.align || "left",
+        lineHeight: "0",
+        background: m(t)
+      };
+    }
+    function G(t, n, i) {
+      t?.fontFamily && s(t.fontFamily);
+      const g = t?.mobileStack === !0, c = t?.spacing ?? 8, f = n === 0, p = n === i - 1;
+      return {
+        display: "inline-block",
+        marginLeft: f ? "0px" : `${c / 2}px`,
+        marginRight: p ? "0px" : `${c / 2}px`,
+        fontSize: Math.max(6, t?.fontSize ?? 14) + "px",
+        lineHeight: String(t?.lineHeight ?? 1.4),
+        letterSpacing: (t?.letterSpacing ?? 0) + "px",
+        color: t?.color || "#111111",
+        fontWeight: t?.fontWeight || "normal",
+        fontFamily: t?.fontFamily ? `'${t.fontFamily}', Arial, sans-serif` : "Arial, sans-serif",
+        fontStyle: t?.fontStyle || "normal",
+        textTransform: t?.textTransform || "none",
+        textDecoration: t?.textDecoration || "none",
+        whiteSpace: g ? "normal" : "nowrap",
+        cursor: "default"
+      };
+    }
+    function V(t) {
+      return {
+        margin: `${t?.margin?.top ?? 0}px ${t?.margin?.right ?? 0}px ${t?.margin?.bottom ?? 0}px ${t?.margin?.left ?? 0}px`,
+        padding: `${t?.padding?.top ?? 0}px ${t?.padding?.right ?? 0}px ${t?.padding?.bottom ?? 0}px ${t?.padding?.left ?? 0}px`,
+        textAlign: t?.align || "left",
+        display: "flex",
+        flexWrap: "wrap",
+        gap: (t?.spacing ?? 8) + "px",
+        justifyContent: t?.align === "center" ? "center" : t?.align === "right" ? "flex-end" : "flex-start"
+      };
+    }
+    return (t, n) => l.value === "heading" ? (o(), J(Q(e.comp.props?.level || "h2"), {
+      key: 0,
+      style: r(F(e.comp.props)),
+      class: "truncate",
+      innerHTML: x(e.comp.props?.content) || "Heading"
+    }, null, 8, ["style", "innerHTML"])) : l.value === "paragraph" ? (o(), a("p", {
+      key: 1,
+      style: r([z(e.comp.props), {
+        display: "-webkit-box",
+        "-webkit-line-clamp": "2",
+        "-webkit-box-orient": "vertical"
+      }]),
+      class: "overflow-hidden",
+      innerHTML: x(e.comp.props?.content) || "Text"
+    }, null, 12, U)) : l.value === "image" ? (o(), a("div", {
+      key: 2,
+      style: r(A(e.comp.props))
+    }, [d("img", {
+      src: e.comp.props?.src,
+      alt: e.comp.props?.alt || "",
+      style: r(C(e.comp.props))
+    }, null, 12, X)], 4)) : l.value === "video" ? (o(), a("div", {
+      key: 3,
+      style: r(H(e.comp.props))
+    }, [d("div", { style: r(T(e.comp.props)) }, [e.comp.props?.coverImage ? (o(), a("img", {
+      key: 0,
+      src: e.comp.props.coverImage,
+      alt: e.comp.props?.alt || "Video",
+      style: r(M())
+    }, null, 12, Y)) : (o(), a("div", {
+      key: 1,
+      style: r(L())
+    }, [(o(), a("svg", Z, [...n[0] || (n[0] = [d("path", {
+      "fill-rule": "evenodd",
+      d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z",
+      "clip-rule": "evenodd"
+    }, null, -1)])]))], 4))], 4)], 4)) : l.value === "button" ? (o(), a("div", {
+      key: 4,
+      style: r(R(e.comp.props))
+    }, [d("span", {
+      style: r(W(e.comp.props)),
+      class: "inline-block truncate"
+    }, [
+      e.comp.props?.icon && e.comp.props?.iconPosition !== "after" ? (o(), a("img", {
+        key: 0,
+        src: e.comp.props.icon,
+        alt: e.comp.props?.iconAlt || "",
+        style: r(b(e.comp.props)),
+        onError: v
+      }, null, 44, _)) : k("", !0),
+      O(" " + u(e.comp.props?.text || "Button") + " ", 1),
+      e.comp.props?.icon && e.comp.props?.iconPosition === "after" ? (o(), a("img", {
+        key: 1,
+        src: e.comp.props.icon,
+        alt: e.comp.props?.iconAlt || "",
+        style: r(b(e.comp.props)),
+        onError: v
+      }, null, 44, tt)) : k("", !0)
+    ], 4)], 4)) : l.value === "anchor" ? (o(), a("div", {
+      key: 5,
+      style: r(D(e.comp.props))
+    }, [d("span", {
+      style: r(I(e.comp.props)),
+      class: "truncate block"
+    }, u(e.comp.props?.text || "Link"), 5)], 4)) : l.value === "list" ? (o(), a("div", {
+      key: 6,
+      style: r(P(e.comp.props)),
+      innerHTML: x(e.comp.props?.content) || "<ul><li>Item</li></ul>"
+    }, null, 12, et)) : l.value === "divider" ? (o(), a("div", {
+      key: 7,
+      style: r(B(e.comp.props))
+    }, [d("hr", { style: r(E(e.comp.props)) }, null, 4)], 4)) : l.value === "spacer" ? (o(), a("div", nt, [d("div", { style: r(j(e.comp.props)) }, null, 4)])) : l.value === "menu" ? (o(), a("div", {
+      key: 9,
+      style: r(N(e.comp.props))
+    }, [e.comp.props?.items?.some((i) => i.enabled && i.label) ? (o(!0), a(S, { key: 1 }, w(e.comp.props.items.filter((i) => i.enabled && i.label), (i, g) => (o(), a("span", {
+      key: i._id || g,
+      style: r(G(e.comp.props, Number(g), e.comp.props.items.filter((c) => c.enabled && c.label).length))
+    }, u(i.label), 5))), 128)) : (o(), a("div", it, " Menu "))], 4)) : l.value === "socials" ? (o(), a("div", {
+      key: 10,
+      style: r(V(e.comp.props))
+    }, [e.comp.props?.platforms?.some((i) => i.enabled && i.link) ? (o(!0), a(S, { key: 0 }, w(e.comp.props.platforms.filter((i) => i.enabled && i.link), (i) => (o(), a("span", {
+      key: i.name,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    }, [d("img", {
+      src: i.icon,
+      alt: i.name,
+      style: r({
+        width: (e.comp.props?.iconSize || 24) + "px",
+        height: (e.comp.props?.iconSize || 24) + "px",
+        display: "block"
+      })
+    }, null, 12, ot)]))), 128)) : (o(), a("span", at, "Socials"))], 4)) : (o(), a("div", rt, u(l.value), 1));
+  }
+}), dt = lt;
+export {
+  dt as default
+};