@boxcc/maildeno-editor 0.4.13 → 0.4.14

package/README.md

@@ -78,6 +78,7 @@ export default function Editor() {
 | `element` | The underlying `<maildeno-editor>` DOM node. |
 | `on(event, fn)` / `off(event, fn)` | Subscribe to editor events. Currently `"save"`. Only fires if `onSave` was passed to `init()` at mount time — subscribing after the fact doesn't retroactively enable saving or reveal a button that was never rendered. |
 | `setTheme(theme)` | Re-theme live, any time after mount. |
+| `setTemplateName(name)` | Update the name shown in the header and used for saves and exports. Pass `""` to clear it. |
 | `getHtml(mode?)` | Current template as an HTML email string, or `null` if empty. |
 | `getMjml(mode?)` | Current template as MJML. |
 | `getReactEmail(mode?)` | Current template as React Email `.tsx` source. |

package/dist/{HealthIndicator-4Iw6N-g_.js → HealthIndicator-BLID6Ty0.js}

@@ -1,6 +1,6 @@
 import { C as F, L as _, N as be, P as ye, T as ke, X as W, f as X, g as r, gt as A, h as O, l as H, mt as g, n as V, st as D, u as N, v as T, vt as Ie, y as b, yt as k, z as J } from "./vue.runtime.esm-bundler-D2AjRP90.js";
-import { H as Le, U as Ee, V as Ce, W as Ae } from "./element-B3gq8Xvd.js";
-import { n as we } from "./useEmailBuilder-BR4wfai1.js";
+import { H as Le, U as Ee, V as Ce, W as Ae } from "./element-DQw3HLit.js";
+import { n as we } from "./useEmailBuilder-2yCUzRx2.js";
 var Se = 60, Te = 40, Re = 500, Ne = 80, Ge = 60, $e = 80, ne = 398, Y = 30, re = 140, oe = 117, Me = 105, Oe = {
   heading: 317,
   paragraph: 337,

package/dist/{HealthIndicator-ZohgzF2_.js → HealthIndicator-DfzqzPNw.js}

@@ -1,4 +1,4 @@
-import { n as be } from "./useEmailBuilder-B19p-2yp.js";
+import { n as be } from "./useEmailBuilder-D3uV7dwL.js";
 import { n as ye, r as ke, t as Ie } from "./mergeTagDefinitions-Cler19nv.js";
 import { t as Le } from "./_plugin-vue_export-helper-Dj7HTbfw.js";
 import { Fragment as X, Transition as F, computed as O, createCommentVNode as T, createElementBlock as _, createElementVNode as r, createVNode as W, defineComponent as Ee, normalizeClass as A, normalizeStyle as Ce, onBeforeUnmount as Ae, onMounted as we, openBlock as b, ref as D, renderList as J, toDisplayString as k, unref as g, withCtx as V, withKeys as H, withModifiers as N } from "vue";

package/dist/{PreviewCanvas-QN4C68KA.js → PreviewCanvas-D3SpILsV.js}

@@ -1,4 +1,4 @@
-import { C as O, n as X } from "./useEmailBuilder-B19p-2yp.js";
+import { n as O, w as X } from "./useEmailBuilder-D3uV7dwL.js";
 import { o as z, r as C, t as q } from "./borderRadius-CkSa1lQ9.js";
 import { Fragment as $, computed as d, createBlock as V, createCommentVNode as I, createElementBlock as o, createElementVNode as p, createStaticVNode as ce, createTextVNode as ue, defineComponent as J, normalizeClass as ge, normalizeStyle as l, openBlock as i, renderList as _, resolveComponent as pe, resolveDynamicComponent as me, toDisplayString as P, unref as B, vShow as y, withDirectives as h } from "vue";
 var fe = ["innerHTML"], ve = ["innerHTML"], be = ["src", "alt"], xe = ["src", "alt"], ye = {
@@ -17,7 +17,7 @@ var fe = ["innerHTML"], ve = ["innerHTML"], be = ["src", "alt"], xe = ["src", "a
     depth: {}
   },
   setup(w) {
-    const c = w, f = d(() => c.component.componentType ?? c.component.type), { visibilityPreviewContext: W } = X(), { evaluateVisibility: T } = O(), v = d(() => {
+    const c = w, f = d(() => c.component.componentType ?? c.component.type), { visibilityPreviewContext: W } = O(), { evaluateVisibility: T } = X(), v = d(() => {
       const e = f.value, r = e === "row" || e === "row-spacer" ? c.component.visibility : c.component.props?.visibility;
       return T(r, W.value);
     }), n = d(() => {
@@ -424,7 +424,7 @@ var fe = ["innerHTML"], ve = ["innerHTML"], be = ["src", "alt"], xe = ["src", "a
     forceMobile: { type: Boolean }
   },
   setup(w) {
-    const c = w, { visibilityPreviewContext: f } = X(), { evaluateVisibility: W } = O(), T = d(() => c.canvas?.bodyBackgroundColor ?? "#f9fafb"), v = d(() => (c.rows ?? []).length > 0), n = d(() => {
+    const c = w, { visibilityPreviewContext: f } = O(), { evaluateVisibility: W } = X(), T = d(() => c.canvas?.bodyBackgroundColor ?? "#f9fafb"), v = d(() => (c.rows ?? []).length > 0), n = d(() => {
       const t = c.canvas?.width ?? 600;
       if (!c.forceMobile) return t;
       const s = c.canvas?.mobileBreakpoint ?? 600;

package/dist/{PreviewCanvas-DzpLghCo.js → PreviewCanvas-PtW1UL1J.js}

@@ -1,5 +1,5 @@
 import { H as ce, L as i, S as ue, T as O, V as ge, Z as y, _ as V, c as h, f as $, g as p, gt as pe, h as d, mt as B, v as I, vt as l, x as ve, y as a, yt as P, z as _ } from "./vue.runtime.esm-bundler-D2AjRP90.js";
-import { C as X, n as Z } from "./useEmailBuilder-BR4wfai1.js";
+import { n as X, w as Z } from "./useEmailBuilder-2yCUzRx2.js";
 import { o as z, r as C, t as q } from "./borderRadius-CkSa1lQ9.js";
 var fe = ["innerHTML"], me = ["innerHTML"], be = ["src", "alt"], xe = ["src", "alt"], ye = {
   style: {
@@ -17,7 +17,7 @@ var fe = ["innerHTML"], me = ["innerHTML"], be = ["src", "alt"], xe = ["src", "a
     depth: {}
   },
   setup(w) {
-    const c = w, f = d(() => c.component.componentType ?? c.component.type), { visibilityPreviewContext: H } = Z(), { evaluateVisibility: T } = X(), m = d(() => {
+    const c = w, f = d(() => c.component.componentType ?? c.component.type), { visibilityPreviewContext: H } = X(), { evaluateVisibility: T } = Z(), m = d(() => {
       const e = f.value, r = e === "row" || e === "row-spacer" ? c.component.visibility : c.component.props?.visibility;
       return T(r, H.value);
     }), n = d(() => {
@@ -424,7 +424,7 @@ var fe = ["innerHTML"], me = ["innerHTML"], be = ["src", "alt"], xe = ["src", "a
     forceMobile: { type: Boolean }
   },
   setup(w) {
-    const c = w, { visibilityPreviewContext: f } = Z(), { evaluateVisibility: H } = X(), T = d(() => c.canvas?.bodyBackgroundColor ?? "#f9fafb"), m = d(() => (c.rows ?? []).length > 0), n = d(() => {
+    const c = w, { visibilityPreviewContext: f } = X(), { evaluateVisibility: H } = Z(), T = d(() => c.canvas?.bodyBackgroundColor ?? "#f9fafb"), m = d(() => (c.rows ?? []).length > 0), n = d(() => {
       const t = c.canvas?.width ?? 600;
       if (!c.forceMobile) return t;
       const s = c.canvas?.mobileBreakpoint ?? 600;

package/dist/{RichTextEditor-CmM4XRFC.js → RichTextEditor-D6DQqbJg.js}

@@ -1,5 +1,5 @@
 import { I as Yi } from "./PopperContent-eLmz1Gjd.js";
-import { _ as Fc, n as _c } from "./useEmailBuilder-B19p-2yp.js";
+import { n as Fc, v as _c } from "./useEmailBuilder-D3uV7dwL.js";
 import { A as J, C as Uo, D as jc, E as L, M as Kc, N as Uc, O as go, P as Wc, S as Kt, T as Cn, _ as ot, a as Sn, b as Wo, c as _, d as D, f as qc, g as Gc, h as qo, j as Jc, k as Xi, l as Y, m as Ct, n as Ls, o as Ps, p as Yc, r as Xc, s as O, t as Qc, u as G, v as _e, w as Xt, x as Ir, y as Qi } from "./Dialog-By0JLN8s.js";
 import { t as Zc } from "./_plugin-vue_export-helper-Dj7HTbfw.js";
 import { Fragment as ed, Teleport as Zi, computed as pt, createBlock as pn, createCommentVNode as ve, createElementBlock as be, createElementVNode as S, createVNode as et, customRef as td, defineComponent as st, getCurrentInstance as nd, h as Rr, markRaw as rd, nextTick as Go, normalizeClass as Be, normalizeStyle as ut, onBeforeUnmount as $r, onMounted as el, openBlock as ee, ref as W, renderList as od, shallowRef as sd, toDisplayString as Qt, unref as R, vModelText as id, vShow as Gr, watch as Me, watchEffect as ld, withCtx as Yn, withDirectives as Wn, withKeys as ad, withModifiers as hn } from "vue";
@@ -11600,7 +11600,7 @@ var ay = V.create({
   __name: "RichTextEditor",
   props: { component: {} },
   setup(e) {
-    const t = Ts.extend({ content: "inline*" }), n = e, r = Yi(), o = (b) => b ? /<ul>\s*<li>.*?<\/li>\s*<\/ul>/s.test(b) : !1, { mergeTagInsertQueue: s, updateComponent: i, mergeTagPreviewContext: l, mergeTagPreviewActive: a } = _c(), { googleFonts: c, loadGoogleFont: d } = Fc(), u = (b, v) => {
+    const t = Ts.extend({ content: "inline*" }), n = e, r = Yi(), o = (b) => b ? /<ul>\s*<li>.*?<\/li>\s*<\/ul>/s.test(b) : !1, { mergeTagInsertQueue: s, updateComponent: i, mergeTagPreviewContext: l, mergeTagPreviewActive: a } = Fc(), { googleFonts: c, loadGoogleFont: d } = _c(), u = (b, v) => {
       if (a.value) {
         const A = b.trim().toLowerCase().replace(/\s+/g, "_"), j = l.value[A];
         if (j !== void 0 && j !== "") return j;

package/dist/{RichTextEditor-Cz1-_ZtA.js → RichTextEditor-DDEfKPZm.js}

@@ -1,6 +1,6 @@
 import { $ as Fc, C as et, E as _c, K as Me, L as ee, M as Uo, N as Ir, O as Rr, P as Xi, T as ot, X as Xn, Z as Wn, _ as pn, c as Gr, f as jc, g as S, gt as Be, h as pt, l as Kc, lt as Uc, mt as R, p as Yi, q as Wc, rt as qc, s as Gc, st as W, u as hn, v as ve, vt as ut, y as be, yt as Yt, z as Jc } from "./vue.runtime.esm-bundler-D2AjRP90.js";
-import { A as Qt, B as Xc, C as st, D as $r, E as Wo, F as Qi, I as J, L as Yc, M as L, N as Qc, O as Kt, P as go, R as Zc, S as ed, T as Zi, V as td, _ as D, b as Ct, c as nd, d as Cn, f as Ls, g as G, h as X, j as Sn, k as qo, m as _, o as rd, p as O, s as Ps, v as od, w as _e, x as Go, y as sd, z as id } from "./element-B3gq8Xvd.js";
-import { _ as ld, n as ad } from "./useEmailBuilder-BR4wfai1.js";
+import { A as Qt, B as Xc, C as st, D as $r, E as Wo, F as Qi, I as J, L as Yc, M as L, N as Qc, O as Kt, P as go, R as Zc, S as ed, T as Zi, V as td, _ as D, b as Ct, c as nd, d as Cn, f as Ls, g as G, h as X, j as Sn, k as qo, m as _, o as rd, p as O, s as Ps, v as od, w as _e, x as Go, y as sd, z as id } from "./element-DQw3HLit.js";
+import { n as ld, v as ad } from "./useEmailBuilder-2yCUzRx2.js";
 import { I as el } from "./PopperContent-N2nAEFeH.js";
 var Is = Object.defineProperty, cd = (e, t) => {
   let n = {};
@@ -11599,7 +11599,7 @@ var ay = V.create({
   __name: "RichTextEditor",
   props: { component: {} },
   setup(e) {
-    const t = Ts.extend({ content: "inline*" }), n = e, r = el(), o = (b) => b ? /<ul>\s*<li>.*?<\/li>\s*<\/ul>/s.test(b) : !1, { mergeTagInsertQueue: s, updateComponent: i, mergeTagPreviewContext: l, mergeTagPreviewActive: a } = ad(), { googleFonts: c, loadGoogleFont: d } = ld(), u = (b, v) => {
+    const t = Ts.extend({ content: "inline*" }), n = e, r = el(), o = (b) => b ? /<ul>\s*<li>.*?<\/li>\s*<\/ul>/s.test(b) : !1, { mergeTagInsertQueue: s, updateComponent: i, mergeTagPreviewContext: l, mergeTagPreviewActive: a } = ld(), { googleFonts: c, loadGoogleFont: d } = ad(), u = (b, v) => {
       if (a.value) {
         const A = b.trim().toLowerCase().replace(/\s+/g, "_"), j = l.value[A];
         if (j !== void 0 && j !== "") return j;

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/{RowPreviewRow-DPaSbxmB.js → RowPreviewRow-C2XAe5Xs.js}

@@ -12,7 +12,7 @@ var I = {
     depth: {}
   },
   setup(n) {
-    const f = P(() => import("./RowPreviewChildren-_A9gPQCs.js")), x = n;
+    const f = P(() => import("./RowPreviewChildren-BGnilx-K.js")), x = n;
     function g(e) {
       const r = e?.backgroundGradient;
       if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {

package/dist/{RowPreviewRow-Dx4ExtSN.js → RowPreviewRow-DG4AdMrv.js}

@@ -12,7 +12,7 @@ var z = {
     depth: {}
   },
   setup(n) {
-    const f = C(() => import("./RowPreviewChildren-BYaMZID3.js")), w = n;
+    const f = C(() => import("./RowPreviewChildren-CalQWx1C.js")), w = n;
     function g(e) {
       const r = e?.backgroundGradient;
       if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {

package/dist/{SavedRowsPanel-DqSHB6Jk.js → SavedRowsPanel-2JBfYdxN.js}

@@ -1,14 +1,14 @@
-import { C as G, K as O, L as s, M as ge, N as xe, P as ne, S as V, T as K, X as Z, Z as he, _ as H, f as S, g as t, gt as Q, h as R, l as ee, mt as T, n as be, r as we, s as ye, st as b, u as M, v as W, vt as I, w as te, y as d, yt as z, z as j } from "./vue.runtime.esm-bundler-D2AjRP90.js";
-import { J as ke, K as _e, V as Ce, Y as Re, l as Se, q as $e, u as re } from "./element-B3gq8Xvd.js";
-import { R as Pe, U as Te, _ as Ie, n as De } from "./useEmailBuilder-BR4wfai1.js";
+import { C as W, K as G, L as s, M as ge, N as xe, P as ne, S as V, T as K, X as Z, Z as he, _ as H, f as S, g as t, gt as Q, h as R, l as ee, mt as T, n as be, r as we, s as ye, st as b, u as F, v as O, vt as I, w as te, y as d, yt as M, z as j } from "./vue.runtime.esm-bundler-D2AjRP90.js";
+import { J as ke, K as _e, V as Ce, Y as Re, l as Se, q as $e, u as re } from "./element-DQw3HLit.js";
+import { W as Pe, n as Te, v as Ie, z as De } from "./useEmailBuilder-2yCUzRx2.js";
 import { o as oe, r as ae } from "./borderRadius-CkSa1lQ9.js";
-var Fe = {
+var ze = {
   key: 1,
   style: {
     height: "4px",
     width: "100%"
   }
-}, Me = /* @__PURE__ */ K({
+}, Fe = /* @__PURE__ */ K({
   __name: "RowPreviewChildren",
   props: {
     children: {},
@@ -16,7 +16,7 @@ var Fe = {
     depth: {}
   },
   setup(m) {
-    const w = te(() => import("./RowPreviewRow-Dx4ExtSN.js")), k = te(() => import("./RowPreviewLegacyComponent-NECG3wpn.js"));
+    const w = te(() => import("./RowPreviewRow-DG4AdMrv.js")), k = te(() => import("./RowPreviewLegacyComponent-NECG3wpn.js"));
     function f(v) {
       const g = v?.backgroundGradient;
       if (g?.useGradient === !0 && Array.isArray(g?.gradient?.colors) && g.gradient.colors.length >= 2) {
@@ -56,9 +56,9 @@ var Fe = {
       key: 3,
       comp: c,
       scale: m.scale
-    }, null, 8, ["comp", "scale"]))], 64)) : (s(), d("div", Fe))], 64))), 128));
+    }, null, 8, ["comp", "scale"]))], 64)) : (s(), d("div", ze))], 64))), 128));
   }
-}), ze = Me, je = {
+}), Me = Fe, je = {
   key: 0,
   class: "w-full border border-dashed border-(--md-border) rounded",
   style: { "min-height": "10px" }
@@ -108,7 +108,7 @@ var Fe = {
       }
       for (const i of w.row.columns ?? []) r(i.children ?? i.components ?? []);
     };
-    O(() => w.row, () => _(), {
+    G(() => w.row, () => _(), {
       deep: !0,
       immediate: !0
     }), ne(() => _());
@@ -130,10 +130,10 @@ var Fe = {
         top: "flex-start",
         middle: "center",
         bottom: "flex-end"
-      }, u = r.width ?? 100, x = i?.columns?.length || 1, h = i?.gap ?? 0, y = x > 1 ? h * (x - 1) / x : 0, F = y > 0 ? `calc(${u}% - ${y}px)` : `${u}%`, C = {
-        flex: `0 0 ${F}`,
-        width: F,
-        maxWidth: F,
+      }, u = r.width ?? 100, x = i?.columns?.length || 1, h = i?.gap ?? 0, y = x > 1 ? h * (x - 1) / x : 0, z = y > 0 ? `calc(${u}% - ${y}px)` : `${u}%`, C = {
+        flex: `0 0 ${z}`,
+        width: z,
+        maxWidth: z,
         boxSizing: "border-box",
         background: v(r),
         padding: `${r.padding?.top ?? 10}px ${r.padding?.right ?? 10}px ${r.padding?.bottom ?? 10}px ${r.padding?.left ?? 10}px`,
@@ -154,19 +154,19 @@ var Fe = {
       key: l.id,
       style: I($(l, m.row)),
       class: "overflow-hidden shrink-0"
-    }, [G(ze, {
+    }, [W(Me, {
       children: l.children ?? l.components ?? [],
       scale: m.scale,
       depth: 0
-    }, null, 8, ["children", "scale"]), (l.children ?? l.components ?? []).length === 0 ? (s(), d("div", je)) : W("", !0)], 4))), 128))], 4));
+    }, null, 8, ["children", "scale"]), (l.children ?? l.components ?? []).length === 0 ? (s(), d("div", je)) : O("", !0)], 4))), 128))], 4));
   }
 }), Ae = Be, Ee = {
   key: 0,
   class: "w-65 sticky top-16 h-[calc(100vh-5.25rem)] z-80"
-}, Le = { class: "bg-(--md-surface) flex flex-col h-full border-r border-(--md-border)/80" }, He = { class: "flex items-center justify-between px-3.5 py-3 shrink-0" }, Ne = { class: "relative group/close" }, Ve = { class: "px-3.5 pb-2 shrink-0" }, Ge = {
+}, Le = { class: "bg-(--md-surface) flex flex-col h-full border-r border-(--md-border)/80" }, He = { class: "flex items-center justify-between px-3.5 py-3 shrink-0" }, Ne = { class: "relative group/close" }, Ve = { class: "px-3.5 pb-2 shrink-0" }, We = {
   key: 0,
   class: "flex items-center gap-1"
-}, Oe = ["aria-pressed", "onClick"], We = {
+}, Ge = ["aria-pressed", "onClick"], Oe = {
   key: 1,
   class: "text-[11px] font-medium text-(--md-text-subtle)"
 }, Ke = { class: "flex-1 min-h-0 overflow-y-auto" }, Ue = {
@@ -187,7 +187,7 @@ var Fe = {
 }, ot = { class: "flex-1 text-[11px] font-medium text-(--md-text-muted) truncate" }, at = { class: "text-[10px] text-(--md-text-subtle) shrink-0 tabular-nums" }, st = 600, se = 25, nt = /* @__PURE__ */ K({
   __name: "SavedRowsPanel",
   setup(m) {
-    const { isOpen: w, close: k } = Re(), f = $e(), p = _e(), v = Pe(), g = Se(), c = Te(), { rows: _, saveToHistoryImmediate: D } = De(), { startLayoutDrag: $, endLayoutDrag: r } = ke(), i = {
+    const { isOpen: w, close: k } = Re(), f = $e(), p = _e(), v = De(), g = Se(), c = Pe(), { rows: _, saveToHistoryImmediate: D } = Te(), { startLayoutDrag: $, endLayoutDrag: r } = ke(), i = {
       rows: p.systemRows,
       isFetching: p.isFetching,
       ensureFetched: () => p.fetchRows(),
@@ -206,11 +206,11 @@ var Fe = {
       remove: (o) => f.deleteProductRow(o),
       cloneForCanvas: (o) => f.cloneRowForCanvas(o)
     }, u = b("user"), x = R(() => p.isSupported.value && p.systemRows.value.length > 0);
-    O(x, (o) => {
+    G(x, (o) => {
       !o && u.value === "system" && (u.value = "user");
     });
-    const h = R(() => u.value === "system" && x.value ? i : l), y = R(() => u.value === "system"), F = R(() => !y.value && c.value.rename !== !1), C = R(() => !y.value && c.value.delete !== !1);
-    O(w, async (o) => {
+    const h = R(() => u.value === "system" && x.value ? i : l), y = R(() => u.value === "system"), z = R(() => !y.value && c.value.rename !== !1), C = R(() => !y.value && c.value.delete !== !1);
+    G(w, async (o) => {
       o && await Promise.all([f.fetchRows(), p.fetchRows()]);
     }, { immediate: !0 });
     const ie = R(() => h.value.rows.value), N = b(null);
@@ -345,13 +345,13 @@ var Fe = {
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [t("path", { d: "M18 6 6 18M6 6l12 12" })], -1)])]), e[7] || (e[7] = t("div", { class: "pointer-events-none absolute right-0 top-full mt-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/close:opacity-100 -translate-y-0.5 group-hover/close:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:bottom-full after:right-2 after:border-4 after:border-transparent after:border-b-(--md-tooltip-bg)" }, " Close panel ", -1))])]),
-        t("div", Ve, [x.value ? (s(), d("div", Ge, [(s(), d(S, null, j(["user", "system"], (a) => t("button", {
+        t("div", Ve, [x.value ? (s(), d("div", We, [(s(), d(S, null, j(["user", "system"], (a) => t("button", {
           key: a,
           type: "button",
           class: Q(["px-2 py-1 rounded-md text-[11px] font-medium transition-colors", u.value === a ? "bg-(--md-accent-bg) text-(--md-accent-text)" : "text-(--md-text-subtle) hover:text-(--md-text-muted) hover:bg-(--md-surface-muted)"]),
           "aria-pressed": u.value === a,
           onClick: (n) => u.value = a
-        }, z(a === "user" ? "My Rows" : "Shared"), 11, Oe)), 64))])) : (s(), d("span", We, "My Rows"))]),
+        }, M(a === "user" ? "My Rows" : "Shared"), 11, Ge)), 64))])) : (s(), d("span", Oe, "My Rows"))]),
         t("div", Ke, [h.value.isFetching.value ? (s(), d("div", Ue, [(s(), d(S, null, j(3, (a) => t("div", {
           key: a,
           class: "rounded-lg border border-(--md-border) overflow-hidden"
@@ -372,7 +372,7 @@ var Fe = {
           V("then click "),
           t("span", { class: "text-(--md-row-selection-fg) font-medium" }, "Save"),
           V(" in the toolbar. ")
-        ])], -1)])])) : (s(), d("div", Ye, [G(we, { name: "row-list" }, {
+        ])], -1)])])) : (s(), d("div", Ye, [W(we, { name: "row-list" }, {
           default: Z(() => [(s(!0), d(S, null, j(ie.value, (a) => (s(), d("div", {
             key: a.id,
             draggable: "true",
@@ -397,7 +397,7 @@ var Fe = {
               transformOrigin: "top left",
               transform: `scale(${Y(a.id)})`
             })
-          }, [G(Ae, { row: a.row }, null, 8, ["row"])], 4), e[11] || (e[11] = t("div", { class: "absolute inset-0 bg-(--md-text)/0 group-hover:bg-(--md-text)/[0.03] transition-colors duration-150 flex items-center justify-center" }, [t("div", { class: "opacity-0 group-hover:opacity-100 transition-opacity duration-150 flex items-center gap-1.5 bg-(--md-surface)/90 backdrop-blur-sm border border-(--md-border) rounded-full px-2.5 py-1 shadow-sm" }, [t("svg", {
+          }, [W(Ae, { row: a.row }, null, 8, ["row"])], 4), e[11] || (e[11] = t("div", { class: "absolute inset-0 bg-(--md-text)/0 group-hover:bg-(--md-text)/[0.03] transition-colors duration-150 flex items-center justify-center" }, [t("div", { class: "opacity-0 group-hover:opacity-100 transition-opacity duration-150 flex items-center gap-1.5 bg-(--md-surface)/90 backdrop-blur-sm border border-(--md-border) rounded-full px-2.5 py-1 shadow-sm" }, [t("svg", {
             class: "w-3 h-3 text-(--md-text-subtle)",
             viewBox: "0 0 24 24",
             fill: "none",
@@ -405,9 +405,9 @@ var Fe = {
             "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, [t("path", { d: "M12 5v14M5 12l7-7 7 7" })]), t("span", { class: "text-[10px] font-medium text-(--md-text-muted)" }, "Click to insert")])], -1))], 4), F.value ? (s(), d("div", {
+          }, [t("path", { d: "M12 5v14M5 12l7-7 7 7" })]), t("span", { class: "text-[10px] font-medium text-(--md-text-muted)" }, "Click to insert")])], -1))], 4), z.value ? (s(), d("div", {
             key: 0,
-            onClick: e[5] || (e[5] = M(() => {
+            onClick: e[5] || (e[5] = F(() => {
             }, ["stop"])),
             class: "flex items-center gap-1.5 px-2 py-1.5"
           }, [
@@ -449,25 +449,25 @@ var Fe = {
             ])], -1)),
             P.value !== a.id ? (s(), d("span", {
               key: 0,
-              onDblclick: M((n) => fe(a), ["stop"]),
-              onClick: e[1] || (e[1] = M(() => {
+              onDblclick: F((n) => fe(a), ["stop"]),
+              onClick: e[1] || (e[1] = F(() => {
               }, ["stop"])),
               class: "flex-1 text-[11px] font-medium text-(--md-text-muted) truncate cursor-text"
-            }, z(a.name), 41, Xe)) : he((s(), d("input", {
+            }, M(a.name), 41, Xe)) : he((s(), d("input", {
               key: 1,
               "onUpdate:modelValue": e[2] || (e[2] = (n) => E.value = n),
               onBlur: (n) => J(a.id),
               onKeyup: [ee((n) => J(a.id), ["enter"]), e[3] || (e[3] = ee((n) => P.value = null, ["escape"]))],
-              onClick: e[4] || (e[4] = M(() => {
+              onClick: e[4] || (e[4] = F(() => {
               }, ["stop"])),
               class: "flex-1 text-[11px] text-(--md-text) border border-(--md-row-selection) bg-(--md-row-selection-bg)/40 rounded-md px-1.5 py-0.5 focus:outline-none focus:border-(--md-row-selection)",
               ref_for: !0,
               ref_key: "renameInputRef",
               ref: L
             }, null, 40, Ze)), [[ye, E.value]]),
-            t("span", Qe, z(X(a.createdAt)), 1),
+            t("span", Qe, M(X(a.createdAt)), 1),
             C.value ? (s(), d("div", et, [t("button", {
-              onClick: M((n) => ve(a.id), ["stop"]),
+              onClick: F((n) => ve(a.id), ["stop"]),
               class: "hidden group-hover:flex items-center justify-center w-5 h-5 shrink-0 rounded-md text-(--md-text-subtle) hover:text-(--md-danger) hover:bg-(--md-danger-bg) transition-colors focus:outline-none"
             }, [...e[12] || (e[12] = [t("svg", {
               class: "w-3 h-3",
@@ -477,16 +477,16 @@ var Fe = {
               "stroke-width": "1.75",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [t("path", { d: "M3 6h18M8 6V4h8v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), t("path", { d: "M10 11v6M14 11v6" })], -1)])], 8, tt), e[13] || (e[13] = t("div", { class: "pointer-events-none absolute bottom-full right-0 mb-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/del:opacity-100 translate-y-0.5 group-hover/del:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:top-full after:right-2 after:border-4 after:border-transparent after:border-t-(--md-tooltip-bg)" }, " Remove ", -1))])) : W("", !0)
-          ])) : (s(), d("div", rt, [t("span", ot, z(a.name), 1), t("span", at, z(X(a.createdAt)), 1)]))], 42, Je))), 128))]),
+            }, [t("path", { d: "M3 6h18M8 6V4h8v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), t("path", { d: "M10 11v6M14 11v6" })], -1)])], 8, tt), e[13] || (e[13] = t("div", { class: "pointer-events-none absolute bottom-full right-0 mb-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/del:opacity-100 translate-y-0.5 group-hover/del:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:top-full after:right-2 after:border-4 after:border-transparent after:border-t-(--md-tooltip-bg)" }, " Remove ", -1))])) : O("", !0)
+          ])) : (s(), d("div", rt, [t("span", ot, M(a.name), 1), t("span", at, M(X(a.createdAt)), 1)]))], 42, Je))), 128))]),
           _: 1
         })]))])
-      ])])) : W("", !0)]),
+      ])])) : O("", !0)]),
       _: 1
     }));
   }
 }), ct = /* @__PURE__ */ Ce(nt, [["__scopeId", "data-v-ef885a8c"]]);
 export {
   ct as default,
-  ze as t
+  Me as t
 };

package/dist/{SavedRowsPanel-DyXjSOEt.js → SavedRowsPanel-B6_VHQZm.js}

@@ -1,15 +1,15 @@
-import { R as ge, U as xe, _ as be, n as he } from "./useEmailBuilder-B19p-2yp.js";
+import { W as ge, n as xe, v as be, z as he } from "./useEmailBuilder-D3uV7dwL.js";
 import { o as X, r as Z } from "./borderRadius-CkSa1lQ9.js";
-import { d as we, i as ee, l as ye, p as ke, r as _e, s as Ce } from "./useToast-DD11IxqP.js";
+import { d as we, i as ee, l as ye, p as ke, r as _e, s as Ce } from "./useToast-D1GgDMqQ.js";
 import { t as Re } from "./_plugin-vue_export-helper-Dj7HTbfw.js";
-import { Fragment as $, Transition as $e, TransitionGroup as Se, computed as R, createBlock as H, createCommentVNode as G, createElementBlock as d, createElementVNode as t, createTextVNode as V, createVNode as O, defineAsyncComponent as te, defineComponent as U, nextTick as Pe, normalizeClass as re, normalizeStyle as I, onBeforeUnmount as Ie, onMounted as se, openBlock as a, ref as h, renderList as z, toDisplayString as M, unref as T, vModelText as Te, watch as W, withCtx as oe, withDirectives as De, withKeys as ne, withModifiers as j } from "vue";
+import { Fragment as $, Transition as $e, TransitionGroup as Se, computed as R, createBlock as H, createCommentVNode as W, createElementBlock as d, createElementVNode as t, createTextVNode as V, createVNode as G, defineAsyncComponent as te, defineComponent as U, nextTick as Pe, normalizeClass as re, normalizeStyle as I, onBeforeUnmount as Ie, onMounted as se, openBlock as a, ref as h, renderList as j, toDisplayString as z, unref as T, vModelText as Te, watch as O, withCtx as oe, withDirectives as De, withKeys as ne, withModifiers as M } from "vue";
 var Fe = {
   key: 1,
   style: {
     height: "4px",
     width: "100%"
   }
-}, Me = /* @__PURE__ */ U({
+}, ze = /* @__PURE__ */ U({
   __name: "RowPreviewChildren",
   props: {
     children: {},
@@ -17,7 +17,7 @@ var Fe = {
     depth: {}
   },
   setup(m) {
-    const w = te(() => import("./RowPreviewRow-DPaSbxmB.js")), k = te(() => import("./RowPreviewLegacyComponent-Df_1HTly.js"));
+    const w = te(() => import("./RowPreviewRow-C2XAe5Xs.js")), k = te(() => import("./RowPreviewLegacyComponent-Df_1HTly.js"));
     function f(v) {
       const g = v?.backgroundGradient;
       if (g?.useGradient === !0 && Array.isArray(g?.gradient?.colors) && g.gradient.colors.length >= 2) {
@@ -29,7 +29,7 @@ var Fe = {
     function p(v) {
       return v.height ?? v.props?.height ?? 8;
     }
-    return (v, g) => (a(!0), d($, null, z(m.children, (c, _) => (a(), d($, { key: c.id }, [(m.depth ?? 0) < 5 ? (a(), d($, { key: 0 }, [c.type === "row" ? (a(), H(T(w), {
+    return (v, g) => (a(!0), d($, null, j(m.children, (c, _) => (a(), d($, { key: c.id }, [(m.depth ?? 0) < 5 ? (a(), d($, { key: 0 }, [c.type === "row" ? (a(), H(T(w), {
       key: 0,
       row: c,
       scale: m.scale,
@@ -59,7 +59,7 @@ var Fe = {
       scale: m.scale
     }, null, 8, ["comp", "scale"]))], 64)) : (a(), d("div", Fe))], 64))), 128));
   }
-}), je = Me, ze = {
+}), Me = ze, je = {
   key: 0,
   class: "w-full border border-dashed border-(--md-border) rounded",
   style: { "min-height": "10px" }
@@ -109,7 +109,7 @@ var Fe = {
       }
       for (const i of w.row.columns ?? []) r(i.children ?? i.components ?? []);
     };
-    W(() => w.row, () => _(), {
+    O(() => w.row, () => _(), {
       deep: !0,
       immediate: !0
     }), se(() => _());
@@ -151,23 +151,23 @@ var Fe = {
     return (r, i) => (a(), d("div", {
       style: I(D.value),
       class: "flex w-full pointer-events-none select-none"
-    }, [(a(!0), d($, null, z(m.row.columns, (l) => (a(), d("div", {
+    }, [(a(!0), d($, null, j(m.row.columns, (l) => (a(), d("div", {
       key: l.id,
       style: I(S(l, m.row)),
       class: "overflow-hidden shrink-0"
-    }, [O(je, {
+    }, [G(Me, {
       children: l.children ?? l.components ?? [],
       scale: m.scale,
       depth: 0
-    }, null, 8, ["children", "scale"]), (l.children ?? l.components ?? []).length === 0 ? (a(), d("div", ze)) : G("", !0)], 4))), 128))], 4));
+    }, null, 8, ["children", "scale"]), (l.children ?? l.components ?? []).length === 0 ? (a(), d("div", je)) : W("", !0)], 4))), 128))], 4));
   }
 }), Ae = Ee, Be = {
   key: 0,
   class: "w-65 sticky top-16 h-[calc(100vh-5.25rem)] z-80"
-}, Le = { class: "bg-(--md-surface) flex flex-col h-full border-r border-(--md-border)/80" }, He = { class: "flex items-center justify-between px-3.5 py-3 shrink-0" }, Ne = { class: "relative group/close" }, Ve = { class: "px-3.5 pb-2 shrink-0" }, Ge = {
+}, Le = { class: "bg-(--md-surface) flex flex-col h-full border-r border-(--md-border)/80" }, He = { class: "flex items-center justify-between px-3.5 py-3 shrink-0" }, Ne = { class: "relative group/close" }, Ve = { class: "px-3.5 pb-2 shrink-0" }, We = {
   key: 0,
   class: "flex items-center gap-1"
-}, Oe = ["aria-pressed", "onClick"], We = {
+}, Ge = ["aria-pressed", "onClick"], Oe = {
   key: 1,
   class: "text-[11px] font-medium text-(--md-text-subtle)"
 }, Ue = { class: "flex-1 min-h-0 overflow-y-auto" }, Ke = {
@@ -188,7 +188,7 @@ var Fe = {
 }, ot = { class: "flex-1 text-[11px] font-medium text-(--md-text-muted) truncate" }, nt = { class: "text-[10px] text-(--md-text-subtle) shrink-0 tabular-nums" }, at = 600, ae = 25, st = /* @__PURE__ */ U({
   __name: "SavedRowsPanel",
   setup(m) {
-    const { isOpen: w, close: k } = ke(), f = ye(), p = Ce(), v = ge(), g = _e(), c = xe(), { rows: _, saveToHistoryImmediate: D } = he(), { startLayoutDrag: S, endLayoutDrag: r } = we(), i = {
+    const { isOpen: w, close: k } = ke(), f = ye(), p = Ce(), v = he(), g = _e(), c = ge(), { rows: _, saveToHistoryImmediate: D } = xe(), { startLayoutDrag: S, endLayoutDrag: r } = we(), i = {
       rows: p.systemRows,
       isFetching: p.isFetching,
       ensureFetched: () => p.fetchRows(),
@@ -207,11 +207,11 @@ var Fe = {
       remove: (o) => f.deleteProductRow(o),
       cloneForCanvas: (o) => f.cloneRowForCanvas(o)
     }, u = h("user"), x = R(() => p.isSupported.value && p.systemRows.value.length > 0);
-    W(x, (o) => {
+    O(x, (o) => {
       !o && u.value === "system" && (u.value = "user");
     });
     const b = R(() => u.value === "system" && x.value ? i : l), y = R(() => u.value === "system"), F = R(() => !y.value && c.value.rename !== !1), C = R(() => !y.value && c.value.delete !== !1);
-    W(w, async (o) => {
+    O(w, async (o) => {
       o && await Promise.all([f.fetchRows(), p.fetchRows()]);
     }, { immediate: !0 });
     const ie = R(() => b.value.rows.value), N = h(null);
@@ -346,14 +346,14 @@ var Fe = {
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
         }, [t("path", { d: "M18 6 6 18M6 6l12 12" })], -1)])]), e[7] || (e[7] = t("div", { class: "pointer-events-none absolute right-0 top-full mt-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/close:opacity-100 -translate-y-0.5 group-hover/close:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:bottom-full after:right-2 after:border-4 after:border-transparent after:border-b-(--md-tooltip-bg)" }, " Close panel ", -1))])]),
-        t("div", Ve, [x.value ? (a(), d("div", Ge, [(a(), d($, null, z(["user", "system"], (n) => t("button", {
+        t("div", Ve, [x.value ? (a(), d("div", We, [(a(), d($, null, j(["user", "system"], (n) => t("button", {
           key: n,
           type: "button",
           class: re(["px-2 py-1 rounded-md text-[11px] font-medium transition-colors", u.value === n ? "bg-(--md-accent-bg) text-(--md-accent-text)" : "text-(--md-text-subtle) hover:text-(--md-text-muted) hover:bg-(--md-surface-muted)"]),
           "aria-pressed": u.value === n,
           onClick: (s) => u.value = n
-        }, M(n === "user" ? "My Rows" : "Shared"), 11, Oe)), 64))])) : (a(), d("span", We, "My Rows"))]),
-        t("div", Ue, [b.value.isFetching.value ? (a(), d("div", Ke, [(a(), d($, null, z(3, (n) => t("div", {
+        }, z(n === "user" ? "My Rows" : "Shared"), 11, Ge)), 64))])) : (a(), d("span", Oe, "My Rows"))]),
+        t("div", Ue, [b.value.isFetching.value ? (a(), d("div", Ke, [(a(), d($, null, j(3, (n) => t("div", {
           key: n,
           class: "rounded-lg border border-(--md-border) overflow-hidden"
         }, [t("div", {
@@ -373,8 +373,8 @@ var Fe = {
           V("then click "),
           t("span", { class: "text-(--md-row-selection-fg) font-medium" }, "Save"),
           V(" in the toolbar. ")
-        ])], -1)])])) : (a(), d("div", Ye, [O(Se, { name: "row-list" }, {
-          default: oe(() => [(a(!0), d($, null, z(ie.value, (n) => (a(), d("div", {
+        ])], -1)])])) : (a(), d("div", Ye, [G(Se, { name: "row-list" }, {
+          default: oe(() => [(a(!0), d($, null, j(ie.value, (n) => (a(), d("div", {
             key: n.id,
             draggable: "true",
             class: re(["group relative rounded-lg border bg-(--md-surface) overflow-hidden transition-all duration-150 select-none cursor-grab active:cursor-grabbing", [N.value === n.id ? "ring-2 ring-(--md-row-selection) ring-offset-1 opacity-60 border-(--md-row-selection)" : "border-(--md-border)/80 hover:border-(--md-border-strong) hover:shadow-[0_2px_8px_rgba(0,0,0,0.07)]"]]),
@@ -398,7 +398,7 @@ var Fe = {
               transformOrigin: "top left",
               transform: `scale(${Y(n.id)})`
             })
-          }, [O(Ae, { row: n.row }, null, 8, ["row"])], 4), e[11] || (e[11] = t("div", { class: "absolute inset-0 bg-(--md-text)/0 group-hover:bg-(--md-text)/[0.03] transition-colors duration-150 flex items-center justify-center" }, [t("div", { class: "opacity-0 group-hover:opacity-100 transition-opacity duration-150 flex items-center gap-1.5 bg-(--md-surface)/90 backdrop-blur-sm border border-(--md-border) rounded-full px-2.5 py-1 shadow-sm" }, [t("svg", {
+          }, [G(Ae, { row: n.row }, null, 8, ["row"])], 4), e[11] || (e[11] = t("div", { class: "absolute inset-0 bg-(--md-text)/0 group-hover:bg-(--md-text)/[0.03] transition-colors duration-150 flex items-center justify-center" }, [t("div", { class: "opacity-0 group-hover:opacity-100 transition-opacity duration-150 flex items-center gap-1.5 bg-(--md-surface)/90 backdrop-blur-sm border border-(--md-border) rounded-full px-2.5 py-1 shadow-sm" }, [t("svg", {
             class: "w-3 h-3 text-(--md-text-subtle)",
             viewBox: "0 0 24 24",
             fill: "none",
@@ -408,7 +408,7 @@ var Fe = {
             "stroke-linejoin": "round"
           }, [t("path", { d: "M12 5v14M5 12l7-7 7 7" })]), t("span", { class: "text-[10px] font-medium text-(--md-text-muted)" }, "Click to insert")])], -1))], 4), F.value ? (a(), d("div", {
             key: 0,
-            onClick: e[5] || (e[5] = j(() => {
+            onClick: e[5] || (e[5] = M(() => {
             }, ["stop"])),
             class: "flex items-center gap-1.5 px-2 py-1.5"
           }, [
@@ -450,25 +450,25 @@ var Fe = {
             ])], -1)),
             P.value !== n.id ? (a(), d("span", {
               key: 0,
-              onDblclick: j((s) => fe(n), ["stop"]),
-              onClick: e[1] || (e[1] = j(() => {
+              onDblclick: M((s) => fe(n), ["stop"]),
+              onClick: e[1] || (e[1] = M(() => {
               }, ["stop"])),
               class: "flex-1 text-[11px] font-medium text-(--md-text-muted) truncate cursor-text"
-            }, M(n.name), 41, Qe)) : De((a(), d("input", {
+            }, z(n.name), 41, Qe)) : De((a(), d("input", {
               key: 1,
               "onUpdate:modelValue": e[2] || (e[2] = (s) => B.value = s),
               onBlur: (s) => J(n.id),
               onKeyup: [ne((s) => J(n.id), ["enter"]), e[3] || (e[3] = ne((s) => P.value = null, ["escape"]))],
-              onClick: e[4] || (e[4] = j(() => {
+              onClick: e[4] || (e[4] = M(() => {
               }, ["stop"])),
               class: "flex-1 text-[11px] text-(--md-text) border border-(--md-row-selection) bg-(--md-row-selection-bg)/40 rounded-md px-1.5 py-0.5 focus:outline-none focus:border-(--md-row-selection)",
               ref_for: !0,
               ref_key: "renameInputRef",
               ref: L
             }, null, 40, Xe)), [[Te, B.value]]),
-            t("span", Ze, M(Q(n.createdAt)), 1),
+            t("span", Ze, z(Q(n.createdAt)), 1),
             C.value ? (a(), d("div", et, [t("button", {
-              onClick: j((s) => ve(n.id), ["stop"]),
+              onClick: M((s) => ve(n.id), ["stop"]),
               class: "hidden group-hover:flex items-center justify-center w-5 h-5 shrink-0 rounded-md text-(--md-text-subtle) hover:text-(--md-danger) hover:bg-(--md-danger-bg) transition-colors focus:outline-none"
             }, [...e[12] || (e[12] = [t("svg", {
               class: "w-3 h-3",
@@ -478,16 +478,16 @@ var Fe = {
               "stroke-width": "1.75",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, [t("path", { d: "M3 6h18M8 6V4h8v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), t("path", { d: "M10 11v6M14 11v6" })], -1)])], 8, tt), e[13] || (e[13] = t("div", { class: "pointer-events-none absolute bottom-full right-0 mb-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/del:opacity-100 translate-y-0.5 group-hover/del:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:top-full after:right-2 after:border-4 after:border-transparent after:border-t-(--md-tooltip-bg)" }, " Remove ", -1))])) : G("", !0)
-          ])) : (a(), d("div", rt, [t("span", ot, M(n.name), 1), t("span", nt, M(Q(n.createdAt)), 1)]))], 42, Je))), 128))]),
+            }, [t("path", { d: "M3 6h18M8 6V4h8v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), t("path", { d: "M10 11v6M14 11v6" })], -1)])], 8, tt), e[13] || (e[13] = t("div", { class: "pointer-events-none absolute bottom-full right-0 mb-1.5 px-2 py-1 bg-(--md-tooltip-bg) text-(--md-tooltip-text) text-[10px] font-medium rounded-md whitespace-nowrap opacity-0 group-hover/del:opacity-100 translate-y-0.5 group-hover/del:translate-y-0 transition-all duration-150 z-50 after:content-[''] after:absolute after:top-full after:right-2 after:border-4 after:border-transparent after:border-t-(--md-tooltip-bg)" }, " Remove ", -1))])) : W("", !0)
+          ])) : (a(), d("div", rt, [t("span", ot, z(n.name), 1), t("span", nt, z(Q(n.createdAt)), 1)]))], 42, Je))), 128))]),
           _: 1
         })]))])
-      ])])) : G("", !0)]),
+      ])])) : W("", !0)]),
       _: 1
     }));
   }
 }), pt = /* @__PURE__ */ Re(st, [["__scopeId", "data-v-ef885a8c"]]);
 export {
   pt as default,
-  je as t
+  Me as t
 };

package/dist/components/features/emailBuilder/EmailEditor.vue.d.ts

@@ -145,6 +145,7 @@ type __VLS_Slots = {} & {
     assistant?: (props: typeof __VLS_80) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    setTemplateName: (name: string) => void;
     getHtml: (mode?: "prune" | "wrap") => string | null;
     getMjml: (mode?: "prune" | "wrap") => string | null;
     getReactEmail: (mode?: "prune" | "wrap") => string | null;