@boxcc/maildeno-editor 0.0.0-stage → 0.4.14

package/dist/SavedRowsPanel-B6_VHQZm.js

@@ -0,0 +1,493 @@
+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-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 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%"
+  }
+}, ze = /* @__PURE__ */ U({
+  __name: "RowPreviewChildren",
+  props: {
+    children: {},
+    scale: {},
+    depth: {}
+  },
+  setup(m) {
+    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) {
+        const { type: c, direction: _, colors: D } = g.gradient, S = D.map((r) => `${r.color} ${r.position}%`).join(", ");
+        return c === "radial" ? `radial-gradient(circle at center, ${S})` : `linear-gradient(${_}, ${S})`;
+      }
+      return v?.backgroundColor ?? v?.props?.backgroundColor ?? "transparent";
+    }
+    function p(v) {
+      return v.height ?? v.props?.height ?? 8;
+    }
+    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,
+      depth: (m.depth ?? 0) + 1
+    }, null, 8, [
+      "row",
+      "scale",
+      "depth"
+    ])) : c.type === "row-spacer" ? (a(), d("div", {
+      key: 1,
+      style: I({
+        width: "100%",
+        height: p(c) + "px",
+        background: f(c),
+        flexShrink: "0"
+      })
+    }, null, 4)) : c.type === "component" ? (a(), H(T(k), {
+      key: 2,
+      comp: {
+        ...c,
+        type: c.componentType ?? c.type
+      },
+      scale: m.scale
+    }, null, 8, ["comp", "scale"])) : (a(), H(T(k), {
+      key: 3,
+      comp: c,
+      scale: m.scale
+    }, null, 8, ["comp", "scale"]))], 64)) : (a(), d("div", Fe))], 64))), 128));
+  }
+}), Me = ze, je = {
+  key: 0,
+  class: "w-full border border-dashed border-(--md-border) rounded",
+  style: { "min-height": "10px" }
+}, Ee = /* @__PURE__ */ U({
+  __name: "RowPreview",
+  props: {
+    row: {},
+    scale: {}
+  },
+  setup(m) {
+    const w = m, { WEB_SAFE_FONTS: k, FONTS_WITH_ITALICS: f, DEFAULT_WEIGHTS: p } = be(), v = (r) => {
+      const i = r?.backgroundGradient;
+      if (i?.useGradient === !0 && Array.isArray(i?.gradient?.colors) && i.gradient.colors.length >= 2) {
+        const { type: l, direction: u, colors: x } = i.gradient, b = x.map((y) => `${y.color} ${y.position}%`).join(", ");
+        return l === "radial" ? `radial-gradient(circle at center, ${b})` : `linear-gradient(${u}, ${b})`;
+      }
+      return r?.backgroundColor || "transparent";
+    }, g = (r) => {
+      if (f.has(r)) {
+        const i = p.map((u) => `0,${u}`), l = p.map((u) => `1,${u}`);
+        return `ital,wght@${[...i, ...l].join(";")}`;
+      }
+      return `wght@${p.join(";")}`;
+    }, c = (r) => {
+      if (!r || typeof document > "u" || k.has(r)) return;
+      const i = `https://fonts.googleapis.com/css2?family=${r.trim().replace(/\s+/g, "+")}:${g(r)}&display=swap`;
+      if (!document.querySelector(`link[href="${i}"]`)) {
+        const l = document.createElement("link");
+        l.rel = "stylesheet", l.href = i, document.head.appendChild(l);
+      }
+    }, _ = () => {
+      function r(i) {
+        for (const l of i) if (l.type === "row") for (const u of l.columns ?? []) r(u.children ?? u.components ?? []);
+        else {
+          const u = l.props;
+          if (!u?.fontFamily) continue;
+          const x = l.componentType ?? l.type;
+          [
+            "heading",
+            "paragraph",
+            "list",
+            "menu",
+            "button",
+            "anchor"
+          ].includes(x) && c(u.fontFamily);
+        }
+      }
+      for (const i of w.row.columns ?? []) r(i.children ?? i.components ?? []);
+    };
+    O(() => w.row, () => _(), {
+      deep: !0,
+      immediate: !0
+    }), se(() => _());
+    const D = R(() => {
+      const r = w.row, i = {
+        display: "flex",
+        flexDirection: "row",
+        background: v(r),
+        padding: `${r.padding?.top ?? 0}px ${r.padding?.right ?? 0}px ${r.padding?.bottom ?? 0}px ${r.padding?.left ?? 0}px`,
+        alignItems: "stretch",
+        ...X(r.border),
+        borderRadius: Z(r.border?.radius ?? 0),
+        gap: `${r.gap ?? 0}px`
+      };
+      return r.backgroundImage && (i.backgroundImage = `url(${r.backgroundImage})`, i.backgroundSize = r.backgroundSize || "cover", i.backgroundPosition = r.backgroundPosition || "center center"), i;
+    });
+    function S(r, i) {
+      const l = {
+        top: "flex-start",
+        middle: "center",
+        bottom: "flex-end"
+      }, u = r.width ?? 100, x = i?.columns?.length || 1, b = i?.gap ?? 0, y = x > 1 ? b * (x - 1) / x : 0, F = y > 0 ? `calc(${u}% - ${y}px)` : `${u}%`, C = {
+        flex: `0 0 ${F}`,
+        width: F,
+        maxWidth: F,
+        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`,
+        ...X(r.border),
+        borderRadius: Z(r.border?.radius ?? 0),
+        overflow: "hidden",
+        minWidth: "0",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: l[r.verticalAlign] || "flex-start"
+      };
+      return r.backgroundImage && (C.backgroundImage = `url(${r.backgroundImage})`, C.backgroundSize = r.backgroundSize || "cover", C.backgroundPosition = r.backgroundPosition || "center center", C.minHeight = "14px"), C;
+    }
+    return (r, i) => (a(), d("div", {
+      style: I(D.value),
+      class: "flex w-full pointer-events-none select-none"
+    }, [(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"
+    }, [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", 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" }, We = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, 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 = {
+  key: 0,
+  class: "p-2 flex flex-col gap-2"
+}, qe = {
+  key: 1,
+  class: "flex flex-col items-center gap-3 px-5 py-12 text-center"
+}, Ye = {
+  key: 2,
+  class: "p-2 flex flex-col gap-1.5"
+}, Je = ["onClick", "onDragstart"], Qe = ["onDblclick"], Xe = ["onBlur", "onKeyup"], Ze = { class: "text-[10px] text-(--md-text-subtle) shrink-0 tabular-nums" }, et = {
+  key: 2,
+  class: "relative group/del"
+}, tt = ["onClick"], rt = {
+  key: 1,
+  class: "flex items-center gap-1.5 px-2 py-1.5"
+}, 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 = he(), g = _e(), c = ge(), { rows: _, saveToHistoryImmediate: D } = xe(), { startLayoutDrag: S, endLayoutDrag: r } = we(), i = {
+      rows: p.systemRows,
+      isFetching: p.isFetching,
+      ensureFetched: () => p.fetchRows(),
+      rename: () => {
+        throw new Error("Shared rows are read-only");
+      },
+      remove: () => {
+        throw new Error("Shared rows are read-only");
+      },
+      cloneForCanvas: (o) => p.cloneRowForCanvas(o)
+    }, l = {
+      rows: f.productRows,
+      isFetching: f.isFetching,
+      ensureFetched: () => f.fetchRows(),
+      rename: (o, e) => f.renameProductRow(o, e),
+      remove: (o) => f.deleteProductRow(o),
+      cloneForCanvas: (o) => f.cloneRowForCanvas(o)
+    }, u = h("user"), x = R(() => p.isSupported.value && p.systemRows.value.length > 0);
+    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);
+    O(w, async (o) => {
+      o && await Promise.all([f.fetchRows(), p.fetchRows()]);
+    }, { immediate: !0 });
+    const ie = R(() => b.value.rows.value), N = h(null);
+    function le(o, e) {
+      N.value = e, S(o, {
+        type: "product-row",
+        entryId: e
+      });
+    }
+    function de() {
+      N.value = null, r();
+    }
+    const K = h({}), q = h({});
+    function Y(o) {
+      const e = K.value[o];
+      return e && e > 0 ? e / at : 0;
+    }
+    function ue(o) {
+      const e = q.value[o];
+      return e ? Math.max(ae, Math.round(e * Y(o))) : ae;
+    }
+    const E = h(null), A = h(null);
+    function ce(o, e) {
+      !o || !E.value || (o.dataset.entryId = e, E.value.observe(o));
+    }
+    function pe(o, e) {
+      !o || !A.value || (o.dataset.entryId = e, A.value.observe(o));
+    }
+    se(() => {
+      E.value = new ResizeObserver((o) => {
+        for (const e of o) {
+          const n = e.target.dataset.entryId;
+          if (n) {
+            const s = e.contentRect.width;
+            s > 0 && (K.value[n] = s);
+          }
+        }
+      }), A.value = new ResizeObserver((o) => {
+        for (const e of o) {
+          const n = e.target.dataset.entryId;
+          if (n) {
+            const s = e.borderBoxSize?.[0]?.blockSize ?? e.contentRect.height;
+            s > 0 && (q.value[n] = s);
+          }
+        }
+      });
+    }), Ie(() => {
+      E.value?.disconnect(), A.value?.disconnect();
+    });
+    function me(o) {
+      if (P.value === o) return;
+      const e = b.value.cloneForCanvas(o);
+      e && (_.value.push(e), D("add-product-row"));
+    }
+    function ve(o) {
+      v.require({
+        message: "Remove this product row from the library?",
+        header: "Clear product",
+        acceptLabel: "Yes",
+        rejectLabel: "Cancel",
+        acceptClass: "!bg-[var(--md-danger)] !hover:opacity-90 !border-[var(--md-danger)] !px-6 !py-2",
+        rejectClass: "!bg-[var(--md-border)] !hover:bg-[var(--md-border-strong)] !text-[var(--md-text)] !border-[var(--md-border)] !px-6 !py-2",
+        accept: async () => {
+          try {
+            await b.value.remove(o);
+          } catch (e) {
+            console.error("[maildeno-editor] failed to delete saved row:", e), ee(e) || g.add({
+              severity: "error",
+              summary: "Delete failed",
+              detail: "That row couldn't be removed.",
+              life: 4e3
+            });
+          }
+        },
+        reject: () => {
+        }
+      });
+    }
+    const P = h(null), B = h(""), L = h(null);
+    function fe(o) {
+      P.value = o.id, B.value = o.name, Pe(() => {
+        (Array.isArray(L.value) ? L.value[0] : L.value)?.focus();
+      });
+    }
+    async function J(o) {
+      const e = "Saved";
+      if (P.value === o) {
+        const n = B.value.trim().toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, "");
+        try {
+          const s = await b.value.rename(o, n);
+          P.value = null, g.add({
+            severity: s ? "success" : "error",
+            summary: s ? "Rename successful" : "Save failed",
+            detail: s ? e : "Please try again",
+            life: 3e3
+          });
+        } catch (s) {
+          console.error("[maildeno-editor] failed to rename saved row:", s), ee(s) || g.add({
+            severity: "error",
+            summary: "Rename failed",
+            detail: "Please try again",
+            life: 4e3
+          });
+        }
+      }
+    }
+    function Q(o) {
+      return new Date(o).toLocaleDateString(void 0, {
+        month: "short",
+        day: "numeric"
+      });
+    }
+    return (o, e) => (a(), H($e, { name: "panel-slide" }, {
+      default: oe(() => [T(w) ? (a(), d("div", Be, [t("div", Le, [
+        t("div", He, [e[8] || (e[8] = t("div", { class: "flex items-center gap-2" }, [t("svg", {
+          class: "w-3.5 h-3.5 text-(--md-text-subtle)",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [t("path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" })]), t("span", { class: "text-[11px] font-semibold text-(--md-text-subtle) uppercase tracking-[.08em]" }, " Saved Rows ")], -1)), t("div", Ne, [t("button", {
+          onClick: e[0] || (e[0] = (...n) => T(k) && T(k)(...n)),
+          class: "w-6 h-6 flex items-center justify-center rounded-md text-(--md-text-subtle) hover:text-(--md-text-muted) hover:bg-(--md-surface-muted) transition-colors focus:outline-none"
+        }, [...e[6] || (e[6] = [t("svg", {
+          class: "w-3.5 h-3.5",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "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", 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
+        }, 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", {
+          class: "bg-(--md-surface-muted) animate-pulse",
+          style: I({ height: 80 + n * 20 + "px" })
+        }, null, 4), e[9] || (e[9] = t("div", { class: "flex items-center gap-2 px-2.5 py-2" }, [t("div", { class: "h-2 flex-1 rounded-full bg-(--md-surface-muted) animate-pulse" }), t("div", { class: "h-2 w-7 rounded-full bg-(--md-surface-muted) animate-pulse" })], -1))])), 64))])) : b.value.rows.value.length === 0 ? (a(), d("div", qe, [...e[10] || (e[10] = [t("div", { class: "w-10 h-10 rounded-xl bg-(--md-surface-hover) border border-(--md-border)/80 flex items-center justify-center" }, [t("svg", {
+          class: "w-5 h-5 text-(--md-text-subtle)",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [t("path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z" })])], -1), t("div", { class: "space-y-1" }, [t("p", { class: "text-xs font-medium text-(--md-text-subtle)" }, " No saved rows yet "), t("p", { class: "text-[11px] text-(--md-text-subtle) leading-relaxed" }, [
+          V(" Select a row on the canvas,"),
+          t("br"),
+          V("then click "),
+          t("span", { class: "text-(--md-row-selection-fg) font-medium" }, "Save"),
+          V(" in the toolbar. ")
+        ])], -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)]"]]),
+            onClick: (s) => me(n.id),
+            onDragstart: (s) => le(s, n.id),
+            onDragend: de
+          }, [t("div", {
+            ref_for: !0,
+            ref: (s) => ce(s, n.id),
+            class: "relative overflow-hidden border-b border-(--md-border)",
+            style: I({
+              height: ue(n.id) + "px",
+              backgroundColor: n.row.backgroundColor || "#f9fafb"
+            })
+          }, [t("div", {
+            ref_for: !0,
+            ref: (s) => pe(s, n.id),
+            class: "absolute top-0 left-0 pointer-events-none",
+            style: I({
+              width: "600px",
+              transformOrigin: "top left",
+              transform: `scale(${Y(n.id)})`
+            })
+          }, [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",
+            stroke: "currentColor",
+            "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 ? (a(), d("div", {
+            key: 0,
+            onClick: e[5] || (e[5] = M(() => {
+            }, ["stop"])),
+            class: "flex items-center gap-1.5 px-2 py-1.5"
+          }, [
+            e[14] || (e[14] = t("div", { class: "shrink-0 text-(--md-text-subtle) group-hover:text-(--md-text-muted) transition-colors cursor-grab active:cursor-grabbing" }, [t("svg", {
+              class: "w-3 h-3",
+              viewBox: "0 0 16 16",
+              fill: "currentColor"
+            }, [
+              t("circle", {
+                cx: "5",
+                cy: "4",
+                r: "1.2"
+              }),
+              t("circle", {
+                cx: "11",
+                cy: "4",
+                r: "1.2"
+              }),
+              t("circle", {
+                cx: "5",
+                cy: "8",
+                r: "1.2"
+              }),
+              t("circle", {
+                cx: "11",
+                cy: "8",
+                r: "1.2"
+              }),
+              t("circle", {
+                cx: "5",
+                cy: "12",
+                r: "1.2"
+              }),
+              t("circle", {
+                cx: "11",
+                cy: "12",
+                r: "1.2"
+              })
+            ])], -1)),
+            P.value !== n.id ? (a(), d("span", {
+              key: 0,
+              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"
+            }, 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] = 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, z(Q(n.createdAt)), 1),
+            C.value ? (a(), d("div", et, [t("button", {
+              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",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "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)
+          ])) : (a(), d("div", rt, [t("span", ot, z(n.name), 1), t("span", nt, z(Q(n.createdAt)), 1)]))], 42, Je))), 128))]),
+          _: 1
+        })]))])
+      ])])) : W("", !0)]),
+      _: 1
+    }));
+  }
+}), pt = /* @__PURE__ */ Re(st, [["__scopeId", "data-v-ef885a8c"]]);
+export {
+  pt as default,
+  Me as t
+};

package/dist/_plugin-vue_export-helper-Dj7HTbfw.js

@@ -0,0 +1,8 @@
+var a = (t, r) => {
+  const e = t.__vccOpts || t;
+  for (const [_, o] of r) e[_] = o;
+  return e;
+};
+export {
+  a as t
+};

package/dist/adapters/errors.d.ts

@@ -0,0 +1,59 @@
+/**
+ * adapters/errors.ts — the one thing the editor and a host adapter need to
+ * agree on about failure.
+ *
+ * The editor has no user, role, plan or HTTP model, deliberately (see the
+ * README's "Positioning" section, and the comment at the top of
+ * SavedRowsPanel.vue). So it cannot say anything useful about a 403, a 402 or
+ * an expired session — only the host knows what its own statuses mean and
+ * what the user should do about them.
+ *
+ * That leaves a gap. A host adapter that catches its own 403 and shows a
+ * precise message ("your role can't delete saved rows — ask an admin") gets a
+ * second, vaguer toast from the editor's own catch block a moment later
+ * ("Delete failed"). Two toasts for one click, the less useful one last.
+ *
+ * `handled` closes it without teaching the editor anything about permissions.
+ * The host marks an error it has already surfaced; the editor only asks "did
+ * someone already tell the user?" and stays quiet if so. It still gets the
+ * rejection — which matters, because every optimistic update in this package
+ * is applied on resolve, so a swallowed failure would leave the UI showing a
+ * delete or rename that never happened.
+ *
+ * Hosts that don't use this lose nothing: unmarked errors take the editor's
+ * generic message exactly as before.
+ */
+/**
+ * Marks an error as already reported to the user, and returns it for
+ * rethrowing:
+ *
+ * ```ts
+ * catch (err) {
+ *   toast.add({ severity: "warn", summary: "Not allowed", detail });
+ *   throw markHandled(err);
+ * }
+ * ```
+ *
+ * Mutates in place when it can, so `err.status` / `err.data` and any other
+ * fields the host reads downstream survive. Some rejections can't be mutated
+ * — ofetch's FetchError is frozen, and a thrown string isn't an object at all
+ * — so those get a fresh Error carrying the original as `cause` rather than
+ * throwing a TypeError from inside a catch block, which would replace the
+ * real failure with a confusing one.
+ */
+export declare function markHandled(err: unknown): unknown;
+/**
+ * Whether the host already showed the user a message for this failure.
+ *
+ * Guard the editor's own toast with it, never the recovery logic — a handled
+ * error is still an error, and state that was rolled back or a panel that was
+ * left open must behave identically either way:
+ *
+ * ```ts
+ * catch (err) {
+ *   console.error("[maildeno-editor] failed to delete version:", err);
+ *   if (!isHandled(err)) toast.add({ severity: "error", summary: "Delete failed" });
+ * }
+ * ```
+ */
+export declare function isHandled(err: unknown): boolean;

package/dist/adapters/localStorageAdapter.d.ts

@@ -0,0 +1,6 @@
+import { EditorStorageAdapter } from './types';
+/**
+ * The default adapter — fully functional with zero backend. This is what
+ * ships when no storageAdapter prop is passed to <EmailEditor>.
+ */
+export declare function createLocalStorageAdapter(): EditorStorageAdapter;