@boxcc/maildeno-editor 0.0.0-stage → 0.4.13

package/dist/SavedRowsPanel-DqSHB6Jk.js

@@ -0,0 +1,492 @@
+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 { o as oe, r as ae } from "./borderRadius-CkSa1lQ9.js";
+var Fe = {
+  key: 1,
+  style: {
+    height: "4px",
+    width: "100%"
+  }
+}, Me = /* @__PURE__ */ K({
+  __name: "RowPreviewChildren",
+  props: {
+    children: {},
+    scale: {},
+    depth: {}
+  },
+  setup(m) {
+    const w = te(() => import("./RowPreviewRow-Dx4ExtSN.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) {
+        const { type: c, direction: _, colors: D } = g.gradient, $ = D.map((r) => `${r.color} ${r.position}%`).join(", ");
+        return c === "radial" ? `radial-gradient(circle at center, ${$})` : `linear-gradient(${_}, ${$})`;
+      }
+      return v?.backgroundColor ?? v?.props?.backgroundColor ?? "transparent";
+    }
+    function p(v) {
+      return v.height ?? v.props?.height ?? 8;
+    }
+    return (v, g) => (s(!0), d(S, null, j(m.children, (c, _) => (s(), d(S, { key: c.id }, [(m.depth ?? 0) < 5 ? (s(), d(S, { key: 0 }, [c.type === "row" ? (s(), H(T(w), {
+      key: 0,
+      row: c,
+      scale: m.scale,
+      depth: (m.depth ?? 0) + 1
+    }, null, 8, [
+      "row",
+      "scale",
+      "depth"
+    ])) : c.type === "row-spacer" ? (s(), d("div", {
+      key: 1,
+      style: I({
+        width: "100%",
+        height: p(c) + "px",
+        background: f(c),
+        flexShrink: "0"
+      })
+    }, null, 4)) : c.type === "component" ? (s(), H(T(k), {
+      key: 2,
+      comp: {
+        ...c,
+        type: c.componentType ?? c.type
+      },
+      scale: m.scale
+    }, null, 8, ["comp", "scale"])) : (s(), H(T(k), {
+      key: 3,
+      comp: c,
+      scale: m.scale
+    }, null, 8, ["comp", "scale"]))], 64)) : (s(), d("div", Fe))], 64))), 128));
+  }
+}), ze = Me, je = {
+  key: 0,
+  class: "w-full border border-dashed border-(--md-border) rounded",
+  style: { "min-height": "10px" }
+}, Be = /* @__PURE__ */ K({
+  __name: "RowPreview",
+  props: {
+    row: {},
+    scale: {}
+  },
+  setup(m) {
+    const w = m, { WEB_SAFE_FONTS: k, FONTS_WITH_ITALICS: f, DEFAULT_WEIGHTS: p } = Ie(), 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, h = x.map((y) => `${y.color} ${y.position}%`).join(", ");
+        return l === "radial" ? `radial-gradient(circle at center, ${h})` : `linear-gradient(${u}, ${h})`;
+      }
+      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
+    }), ne(() => _());
+    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",
+        ...oe(r.border),
+        borderRadius: ae(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 $(r, i) {
+      const l = {
+        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,
+        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`,
+        ...oe(r.border),
+        borderRadius: ae(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) => (s(), d("div", {
+      style: I(D.value),
+      class: "flex w-full pointer-events-none select-none"
+    }, [(s(!0), d(S, null, j(m.row.columns, (l) => (s(), d("div", {
+      key: l.id,
+      style: I($(l, m.row)),
+      class: "overflow-hidden shrink-0"
+    }, [G(ze, {
+      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));
+  }
+}), 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 = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, Oe = ["aria-pressed", "onClick"], We = {
+  key: 1,
+  class: "text-[11px] font-medium text-(--md-text-subtle)"
+}, Ke = { class: "flex-1 min-h-0 overflow-y-auto" }, Ue = {
+  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"], Xe = ["onDblclick"], Ze = ["onBlur", "onKeyup"], Qe = { 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" }, 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 = {
+      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 = b("user"), x = R(() => p.isSupported.value && p.systemRows.value.length > 0);
+    O(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) => {
+      o && await Promise.all([f.fetchRows(), p.fetchRows()]);
+    }, { immediate: !0 });
+    const ie = R(() => h.value.rows.value), N = b(null);
+    function le(o, e) {
+      N.value = e, $(o, {
+        type: "product-row",
+        entryId: e
+      });
+    }
+    function de() {
+      N.value = null, r();
+    }
+    const U = b({}), q = b({});
+    function Y(o) {
+      const e = U.value[o];
+      return e && e > 0 ? e / st : 0;
+    }
+    function ue(o) {
+      const e = q.value[o];
+      return e ? Math.max(se, Math.round(e * Y(o))) : se;
+    }
+    const B = b(null), A = b(null);
+    function ce(o, e) {
+      !o || !B.value || (o.dataset.entryId = e, B.value.observe(o));
+    }
+    function pe(o, e) {
+      !o || !A.value || (o.dataset.entryId = e, A.value.observe(o));
+    }
+    ne(() => {
+      B.value = new ResizeObserver((o) => {
+        for (const e of o) {
+          const a = e.target.dataset.entryId;
+          if (a) {
+            const n = e.contentRect.width;
+            n > 0 && (U.value[a] = n);
+          }
+        }
+      }), A.value = new ResizeObserver((o) => {
+        for (const e of o) {
+          const a = e.target.dataset.entryId;
+          if (a) {
+            const n = e.borderBoxSize?.[0]?.blockSize ?? e.contentRect.height;
+            n > 0 && (q.value[a] = n);
+          }
+        }
+      });
+    }), xe(() => {
+      B.value?.disconnect(), A.value?.disconnect();
+    });
+    function me(o) {
+      if (P.value === o) return;
+      const e = h.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 h.value.remove(o);
+          } catch (e) {
+            console.error("[maildeno-editor] failed to delete saved row:", e), re(e) || g.add({
+              severity: "error",
+              summary: "Delete failed",
+              detail: "That row couldn't be removed.",
+              life: 4e3
+            });
+          }
+        },
+        reject: () => {
+        }
+      });
+    }
+    const P = b(null), E = b(""), L = b(null);
+    function fe(o) {
+      P.value = o.id, E.value = o.name, ge(() => {
+        (Array.isArray(L.value) ? L.value[0] : L.value)?.focus();
+      });
+    }
+    async function J(o) {
+      const e = "Saved";
+      if (P.value === o) {
+        const a = E.value.trim().toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, "");
+        try {
+          const n = await h.value.rename(o, a);
+          P.value = null, g.add({
+            severity: n ? "success" : "error",
+            summary: n ? "Rename successful" : "Save failed",
+            detail: n ? e : "Please try again",
+            life: 3e3
+          });
+        } catch (n) {
+          console.error("[maildeno-editor] failed to rename saved row:", n), re(n) || g.add({
+            severity: "error",
+            summary: "Rename failed",
+            detail: "Please try again",
+            life: 4e3
+          });
+        }
+      }
+    }
+    function X(o) {
+      return new Date(o).toLocaleDateString(void 0, {
+        month: "short",
+        day: "numeric"
+      });
+    }
+    return (o, e) => (s(), H(be, { name: "panel-slide" }, {
+      default: Z(() => [T(w) ? (s(), d("div", Ee, [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] = (...a) => T(k) && T(k)(...a)),
+          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 ? (s(), d("div", Ge, [(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"))]),
+        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"
+        }, [t("div", {
+          class: "bg-(--md-surface-muted) animate-pulse",
+          style: I({ height: 80 + a * 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))])) : h.value.rows.value.length === 0 ? (s(), 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)])])) : (s(), d("div", Ye, [G(we, { name: "row-list" }, {
+          default: Z(() => [(s(!0), d(S, null, j(ie.value, (a) => (s(), d("div", {
+            key: a.id,
+            draggable: "true",
+            class: Q(["group relative rounded-lg border bg-(--md-surface) overflow-hidden transition-all duration-150 select-none cursor-grab active:cursor-grabbing", [N.value === a.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: (n) => me(a.id),
+            onDragstart: (n) => le(n, a.id),
+            onDragend: de
+          }, [t("div", {
+            ref_for: !0,
+            ref: (n) => ce(n, a.id),
+            class: "relative overflow-hidden border-b border-(--md-border)",
+            style: I({
+              height: ue(a.id) + "px",
+              backgroundColor: a.row.backgroundColor || "#f9fafb"
+            })
+          }, [t("div", {
+            ref_for: !0,
+            ref: (n) => pe(n, a.id),
+            class: "absolute top-0 left-0 pointer-events-none",
+            style: I({
+              width: "600px",
+              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", {
+            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 ? (s(), 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 !== a.id ? (s(), d("span", {
+              key: 0,
+              onDblclick: M((n) => fe(a), ["stop"]),
+              onClick: e[1] || (e[1] = M(() => {
+              }, ["stop"])),
+              class: "flex-1 text-[11px] font-medium text-(--md-text-muted) truncate cursor-text"
+            }, z(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(() => {
+              }, ["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),
+            C.value ? (s(), d("div", et, [t("button", {
+              onClick: M((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",
+              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)
+          ])) : (s(), d("div", rt, [t("span", ot, z(a.name), 1), t("span", at, z(X(a.createdAt)), 1)]))], 42, Je))), 128))]),
+          _: 1
+        })]))])
+      ])])) : W("", !0)]),
+      _: 1
+    }));
+  }
+}), ct = /* @__PURE__ */ Ce(nt, [["__scopeId", "data-v-ef885a8c"]]);
+export {
+  ct as default,
+  ze as t
+};