@vizel/core 0.0.1-alpha.1

package/dist/index20.js

@@ -0,0 +1,268 @@
+import l from "fuse.js";
+const h = [
+  // Text group
+  {
+    title: "Heading 1",
+    description: "Large section heading",
+    icon: "heading1",
+    group: "Text",
+    keywords: ["h1", "title", "header", "big"],
+    shortcut: "⌘⌥1",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setNode("heading", { level: 1 }).run();
+    }
+  },
+  {
+    title: "Heading 2",
+    description: "Medium section heading",
+    icon: "heading2",
+    group: "Text",
+    keywords: ["h2", "subtitle", "header"],
+    shortcut: "⌘⌥2",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setNode("heading", { level: 2 }).run();
+    }
+  },
+  {
+    title: "Heading 3",
+    description: "Small section heading",
+    icon: "heading3",
+    group: "Text",
+    keywords: ["h3", "header", "section"],
+    shortcut: "⌘⌥3",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setNode("heading", { level: 3 }).run();
+    }
+  },
+  // Lists group
+  {
+    title: "Bullet List",
+    description: "Create a simple bullet list",
+    icon: "bulletList",
+    group: "Lists",
+    keywords: ["ul", "unordered", "bullets", "points"],
+    shortcut: "⌘⇧8",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleBulletList().run();
+    }
+  },
+  {
+    title: "Numbered List",
+    description: "Create a numbered list",
+    icon: "orderedList",
+    group: "Lists",
+    keywords: ["ol", "ordered", "numbers", "steps"],
+    shortcut: "⌘⇧7",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleOrderedList().run();
+    }
+  },
+  {
+    title: "Task List",
+    description: "Create a task list with checkboxes",
+    icon: "taskList",
+    group: "Lists",
+    keywords: ["todo", "checkbox", "checklist", "tasks"],
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleTaskList().run();
+    }
+  },
+  // Blocks group
+  {
+    title: "Quote",
+    description: "Capture a quote",
+    icon: "blockquote",
+    group: "Blocks",
+    keywords: ["blockquote", "citation", "cite"],
+    shortcut: "⌘⇧B",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleBlockquote().run();
+    }
+  },
+  {
+    title: "Divider",
+    description: "Insert a horizontal divider",
+    icon: "horizontalRule",
+    group: "Blocks",
+    keywords: ["hr", "horizontal", "line", "separator", "break"],
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).setHorizontalRule().run();
+    }
+  },
+  {
+    title: "Details",
+    description: "Collapsible content block",
+    icon: "details",
+    group: "Blocks",
+    keywords: ["accordion", "toggle", "collapse", "expand", "summary", "details"],
+    command: ({ editor: e, range: t }) => {
+      e.can().setDetails?.() && e.chain().focus().deleteRange(t).setDetails().run();
+    }
+  },
+  {
+    title: "Code Block",
+    description: "Insert a code snippet",
+    icon: "codeBlock",
+    group: "Blocks",
+    keywords: ["pre", "code", "programming", "syntax", "snippet"],
+    shortcut: "⌘⌥C",
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).toggleCodeBlock().run();
+    }
+  },
+  {
+    title: "Table",
+    description: "Insert a table",
+    icon: "table",
+    group: "Blocks",
+    keywords: ["grid", "spreadsheet", "columns", "rows"],
+    command: ({ editor: e, range: t }) => {
+      e.chain().focus().deleteRange(t).insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
+    }
+  },
+  // Media group
+  {
+    title: "Image",
+    description: "Insert an image from URL",
+    icon: "image",
+    group: "Media",
+    keywords: ["picture", "photo", "img", "url"],
+    command: ({ editor: e, range: t }) => {
+      const o = window.prompt("Enter image URL:");
+      o && e.chain().focus().deleteRange(t).setImage({ src: o }).run();
+    }
+  },
+  {
+    title: "Upload Image",
+    description: "Upload an image from your device",
+    icon: "imageUpload",
+    group: "Media",
+    keywords: ["picture", "photo", "upload", "file"],
+    command: ({ editor: e, range: t }) => {
+      try {
+        e.chain().focus().deleteRange(t).run();
+      } catch {
+      }
+      const o = document.createElement("input");
+      o.type = "file", o.accept = "image/*", o.onchange = () => {
+        const i = o.files?.[0];
+        if (i) {
+          const n = new CustomEvent("vizel:upload-image", {
+            detail: { file: i, editor: e }
+          });
+          document.dispatchEvent(n);
+        }
+      }, o.click();
+    }
+  },
+  {
+    title: "Embed",
+    description: "Embed a URL (YouTube, Twitter, etc.)",
+    icon: "embed",
+    group: "Media",
+    keywords: ["link", "url", "youtube", "video", "twitter", "embed", "iframe", "oembed"],
+    command: ({ editor: e, range: t }) => {
+      if (!(typeof e.commands.setEmbed == "function")) {
+        const n = window.prompt("Enter URL:");
+        n && e.chain().focus().deleteRange(t).setLink({ href: n }).run();
+        return;
+      }
+      const i = window.prompt("Enter URL to embed:");
+      i && e.chain().focus().deleteRange(t).setEmbed({ url: i }).run();
+    }
+  },
+  // Advanced group
+  {
+    title: "Math Equation",
+    description: "Insert a mathematical expression",
+    icon: "mathBlock",
+    group: "Advanced",
+    keywords: ["latex", "formula", "equation", "katex", "math"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertMathBlock?.({ latex: "" }) && e.chain().focus().deleteRange(t).insertMathBlock({ latex: "" }).run();
+    }
+  },
+  {
+    title: "Inline Math",
+    description: "Insert an inline math expression",
+    icon: "mathInline",
+    group: "Advanced",
+    keywords: ["latex", "formula", "inline", "katex", "math"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertMath?.({ latex: "" }) && e.chain().focus().deleteRange(t).insertMath({ latex: "" }).run();
+    }
+  },
+  {
+    title: "Mermaid Diagram",
+    description: "Insert a Mermaid diagram",
+    icon: "mermaid",
+    group: "Advanced",
+    keywords: ["diagram", "chart", "flowchart", "mermaid", "sequence", "graph", "uml"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertDiagram?.({ code: "" }) && e.chain().focus().deleteRange(t).insertDiagram({ code: "", type: "mermaid" }).run();
+    }
+  },
+  {
+    title: "GraphViz Diagram",
+    description: "Insert a GraphViz (DOT) diagram",
+    icon: "graphviz",
+    group: "Advanced",
+    keywords: ["diagram", "graphviz", "dot", "graph", "network", "nodes", "edges"],
+    command: ({ editor: e, range: t }) => {
+      e.can().insertDiagram?.({ code: "" }) && e.chain().focus().deleteRange(t).insertDiagram({ code: "", type: "graphviz" }).run();
+    }
+  }
+], u = ["Text", "Lists", "Blocks", "Media", "Advanced"], m = {
+  keys: [
+    { name: "title", weight: 0.4 },
+    { name: "description", weight: 0.2 },
+    { name: "keywords", weight: 0.4 }
+  ],
+  threshold: 0.4,
+  includeScore: !0,
+  includeMatches: !0,
+  minMatchCharLength: 1
+}, s = /* @__PURE__ */ new WeakMap();
+function c(e) {
+  let t = s.get(e);
+  return t || (t = new l(e, m), s.set(e, t)), t;
+}
+function p(e, t) {
+  return t.trim() ? c(e).search(t).map((n) => n.item) : e;
+}
+function f(e, t) {
+  return t.trim() ? c(e).search(t).map((n) => {
+    const r = n.matches?.find((d) => d.key === "title")?.indices;
+    return {
+      item: n.item,
+      score: n.score ?? 0,
+      titleMatches: r
+    };
+  }) : e.map((n) => ({ item: n, score: 0 }));
+}
+function k(e, t = u) {
+  const o = /* @__PURE__ */ new Map();
+  for (const n of e) {
+    const a = n.group ?? "Other", r = o.get(a) ?? [];
+    r.push(n), o.set(a, r);
+  }
+  const i = [];
+  for (const n of t) {
+    const a = o.get(n);
+    a && a.length > 0 && (i.push({ name: n, items: a }), o.delete(n));
+  }
+  for (const [n, a] of o)
+    a.length > 0 && i.push({ name: n, items: a });
+  return i;
+}
+function w(e) {
+  return e.flatMap((t) => t.items);
+}
+export {
+  u as defaultGroupOrder,
+  h as defaultSlashCommands,
+  p as filterSlashCommands,
+  w as flattenSlashCommandGroups,
+  k as groupSlashCommands,
+  f as searchSlashCommands
+};

package/dist/index21.js

@@ -0,0 +1,72 @@
+const a = [
+  {
+    name: "paragraph",
+    label: "Text",
+    icon: "paragraph",
+    isActive: (e) => e.isActive("paragraph") && !e.isActive("bulletList") && !e.isActive("orderedList") && !e.isActive("taskList"),
+    command: (e) => e.chain().focus().setParagraph().run()
+  },
+  {
+    name: "heading1",
+    label: "Heading 1",
+    icon: "heading1",
+    isActive: (e) => e.isActive("heading", { level: 1 }),
+    command: (e) => e.chain().focus().setHeading({ level: 1 }).run()
+  },
+  {
+    name: "heading2",
+    label: "Heading 2",
+    icon: "heading2",
+    isActive: (e) => e.isActive("heading", { level: 2 }),
+    command: (e) => e.chain().focus().setHeading({ level: 2 }).run()
+  },
+  {
+    name: "heading3",
+    label: "Heading 3",
+    icon: "heading3",
+    isActive: (e) => e.isActive("heading", { level: 3 }),
+    command: (e) => e.chain().focus().setHeading({ level: 3 }).run()
+  },
+  {
+    name: "bulletList",
+    label: "Bullet List",
+    icon: "bulletList",
+    isActive: (e) => e.isActive("bulletList"),
+    command: (e) => e.chain().focus().toggleBulletList().run()
+  },
+  {
+    name: "orderedList",
+    label: "Numbered List",
+    icon: "orderedList",
+    isActive: (e) => e.isActive("orderedList"),
+    command: (e) => e.chain().focus().toggleOrderedList().run()
+  },
+  {
+    name: "taskList",
+    label: "Task List",
+    icon: "taskList",
+    isActive: (e) => e.isActive("taskList"),
+    command: (e) => e.chain().focus().toggleTaskList().run()
+  },
+  {
+    name: "blockquote",
+    label: "Quote",
+    icon: "blockquote",
+    isActive: (e) => e.isActive("blockquote"),
+    command: (e) => e.chain().focus().toggleBlockquote().run()
+  },
+  {
+    name: "codeBlock",
+    label: "Code",
+    icon: "codeBlock",
+    isActive: (e) => e.isActive("codeBlock"),
+    command: (e) => e.chain().focus().toggleCodeBlock().run()
+  }
+];
+function t(e, i = a) {
+  return i.find((c) => c.isActive(e));
+}
+export {
+  t as getVizelActiveNodeType,
+  a as vizelDefaultNodeTypes
+};

package/dist/index22.js

@@ -0,0 +1,360 @@
+import { renderVizelIcon as E } from "./index26.js";
+import { VizelTable as G } from "./index25.js";
+const P = [
+  { label: "Add row above", icon: "arrowUp", command: "addRowBefore" },
+  { label: "Add row below", icon: "arrowDown", command: "addRowAfter" },
+  { label: "Delete row", command: "deleteRow", destructive: !0 },
+  { divider: !0, label: "", command: "" },
+  { label: "Toggle header row", command: "toggleHeaderRow" },
+  { divider: !0, label: "", command: "" },
+  { label: "Delete table", command: "deleteTable", destructive: !0 }
+], Y = [
+  { label: "Add column left", icon: "arrowLeft", command: "addColumnBefore" },
+  { label: "Add column right", icon: "arrowRight", command: "addColumnAfter" },
+  { label: "Delete column", command: "deleteColumn", destructive: !0 },
+  { divider: !0, label: "", command: "" },
+  { label: "Toggle header column", command: "toggleHeaderColumn" }
+];
+function J(e, c) {
+  return [
+    ...Y,
+    { divider: !0, label: "", command: "" },
+    // Column-wide alignment (Markdown compatible)
+    {
+      label: "Align left",
+      icon: "alignLeft",
+      command: (l) => T(l, e, c, "left")
+    },
+    {
+      label: "Align center",
+      icon: "alignCenter",
+      command: (l) => T(l, e, c, "center")
+    },
+    {
+      label: "Align right",
+      icon: "alignRight",
+      command: (l) => T(l, e, c, "right")
+    },
+    { divider: !0, label: "", command: "" },
+    { label: "Delete table", command: "deleteTable", destructive: !0 }
+  ];
+}
+const U = [
+  // Cell operations only (alignment is now column-based for Markdown compatibility)
+  { label: "Merge cells", command: "mergeCells" },
+  { label: "Split cell", command: "splitCell" }
+], q = 20, Q = [
+  ...P.slice(0, 3),
+  { divider: !0, label: "", command: "" },
+  ...Y.slice(0, 3),
+  { divider: !0, label: "", command: "" },
+  ...U,
+  { divider: !0, label: "", command: "" },
+  { label: "Delete table", command: "deleteTable", destructive: !0 }
+];
+function ee(e, c, l) {
+  const r = e.querySelector("tr");
+  if (!r) return null;
+  const d = r.querySelectorAll("td, th");
+  if (d.length === 0) return null;
+  const t = [], o = d[0];
+  if (!o) return null;
+  const s = o.getBoundingClientRect();
+  t.push({ index: 0, position: s.left - l.left }), d.forEach((h, v) => {
+    const g = h.getBoundingClientRect();
+    t.push({ index: v + 1, position: g.right - l.left });
+  });
+  const m = c - l.left, a = t[0];
+  if (!a) return null;
+  let u = a, p = Math.abs(m - u.position);
+  for (const h of t) {
+    const v = Math.abs(m - h.position);
+    v < p && (p = v, u = h);
+  }
+  return p <= q ? u : null;
+}
+function te(e, c, l) {
+  const r = e.querySelectorAll("tr");
+  if (r.length === 0) return null;
+  const d = [], t = r[0];
+  if (!t) return null;
+  const o = t.getBoundingClientRect();
+  d.push({ index: 0, position: o.top - l.top }), r.forEach((p, h) => {
+    const v = p.getBoundingClientRect();
+    d.push({ index: h + 1, position: v.bottom - l.top });
+  });
+  const s = c - l.top, m = d[0];
+  if (!m) return null;
+  let a = m, u = Math.abs(s - a.position);
+  for (const p of d) {
+    const h = Math.abs(s - p.position);
+    h < u && (u = h, a = p);
+  }
+  return u <= q ? a : null;
+}
+function ne(e, c) {
+  const l = e.querySelectorAll("tr");
+  for (let r = 0; r < l.length; r++) {
+    const d = l[r], t = d.getBoundingClientRect();
+    if (c >= t.top && c <= t.bottom)
+      return { index: r, element: d };
+  }
+  return null;
+}
+function oe(e, c, l) {
+  const r = e.querySelector("tr");
+  if (!r) return null;
+  const d = r.querySelectorAll("td, th");
+  if (d.length === 0) return null;
+  for (let t = 0; t < d.length; t++) {
+    const s = d[t].getBoundingClientRect();
+    if (c >= s.left && c <= s.right) {
+      const m = s.left + s.width / 2 - l.left;
+      return { index: t, centerX: m };
+    }
+  }
+  return null;
+}
+function X(e, c, l) {
+  const { state: r } = e, d = r.doc.nodeAt(c);
+  if (!d) return;
+  let t = c + 1;
+  for (let o = 0; o < d.childCount; o++) {
+    const s = d.child(o);
+    if (o === l) {
+      const m = t + 1;
+      e.chain().focus().setTextSelection(m + 1).run();
+      return;
+    }
+    t += s.nodeSize;
+  }
+}
+function O(e, c, l) {
+  const { state: r } = e, d = r.doc.nodeAt(c);
+  if (!d || d.childCount === 0) return;
+  const t = d.child(0);
+  let o = c + 2;
+  for (let s = 0; s < t.childCount; s++) {
+    if (s === l || l > t.childCount && s === t.childCount - 1) {
+      e.chain().focus().setTextSelection(o + 1).run();
+      return;
+    }
+    o += t.child(s).nodeSize;
+  }
+  if (l === 0 && t.childCount > 0) {
+    const s = c + 3;
+    e.chain().focus().setTextSelection(s).run();
+  }
+}
+function le(e) {
+  try {
+    const { selection: c } = e.state, l = c.$from;
+    for (let r = l.depth; r > 0; r--)
+      if (l.node(r).type.name === "table")
+        return l.before(r);
+  } catch {
+  }
+}
+function x(e, c) {
+  let l = typeof e == "function" ? e() : void 0;
+  return l === void 0 && (l = le(c)), l;
+}
+function T(e, c, l, r) {
+  const { state: d, view: t } = e, o = d.doc.nodeAt(c);
+  if (!o) return;
+  const { tr: s } = d;
+  let m = c + 1;
+  for (let a = 0; a < o.childCount; a++) {
+    const u = o.child(a);
+    let p = m + 1;
+    for (let h = 0; h < u.childCount; h++) {
+      const v = u.child(h);
+      if (h === l) {
+        s.setNodeMarkup(p, void 0, {
+          ...v.attrs,
+          textAlign: r
+        });
+        break;
+      }
+      p += v.nodeSize;
+    }
+    m += u.nodeSize;
+  }
+  t.dispatch(s);
+}
+function A(e, c, l = Q) {
+  const r = document.createElement("div");
+  r.className = "vizel-table-menu", r.setAttribute("data-vizel-table-menu", "");
+  for (const o of l) {
+    if (o.divider) {
+      const a = document.createElement("div");
+      a.className = "vizel-table-menu-divider", r.appendChild(a);
+      continue;
+    }
+    const s = document.createElement("button");
+    if (s.className = "vizel-table-menu-item", o.destructive && s.classList.add("is-destructive"), s.type = "button", o.icon) {
+      const a = document.createElement("span");
+      a.className = "vizel-table-menu-item-icon", a.innerHTML = E(o.icon, {
+        width: 16,
+        height: 16
+      }), s.appendChild(a);
+    }
+    const m = document.createElement("span");
+    m.className = "vizel-table-menu-item-label", m.textContent = o.label, s.appendChild(m), s.addEventListener("click", (a) => {
+      if (a.preventDefault(), a.stopPropagation(), typeof o.command == "function")
+        o.command(e);
+      else {
+        const u = e.commands[o.command];
+        typeof u == "function" && u();
+      }
+      c();
+    }), r.appendChild(s);
+  }
+  const d = (o) => {
+    r.contains(o.target) || (c(), document.removeEventListener("click", d));
+  };
+  setTimeout(() => {
+    document.addEventListener("click", d);
+  }, 0);
+  const t = (o) => {
+    o.key === "Escape" && (c(), document.removeEventListener("keydown", t));
+  };
+  return document.addEventListener("keydown", t), r;
+}
+const re = G.extend({
+  name: "table",
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      showColumnInsert: !0,
+      showRowInsert: !0,
+      showRowHandle: !0
+    };
+  },
+  addNodeView() {
+    return ({ editor: e, getPos: c }) => {
+      const { showColumnInsert: l = !0, showRowInsert: r = !0, showRowHandle: d = !0 } = this.options, t = document.createElement("div");
+      t.className = "vizel-table-controls-wrapper", t.setAttribute("data-vizel-table-controls", "");
+      const o = document.createElement("table");
+      o.className = "vizel-table";
+      const s = document.createElement("tbody");
+      o.appendChild(s);
+      const m = document.createElement("button");
+      m.className = "vizel-table-insert-button vizel-table-column-insert", m.type = "button", m.innerHTML = E("plusSmall", { width: 12, height: 12 }), m.setAttribute("aria-label", "Insert column"), m.title = "Insert column", m.style.left = "32px", m.style.top = "6px";
+      const a = document.createElement("button");
+      a.className = "vizel-table-insert-button vizel-table-row-insert", a.type = "button", a.innerHTML = E("plusSmall", { width: 12, height: 12 }), a.setAttribute("aria-label", "Insert row"), a.title = "Insert row", a.style.left = "6px", a.style.top = "32px";
+      const u = document.createElement("button");
+      u.className = "vizel-table-row-handle", u.type = "button", u.innerHTML = E("grip", { width: 12, height: 12 }), u.setAttribute("aria-label", "Table row options"), u.title = "Row options (delete, align, etc.)", u.style.left = "4px", u.style.top = "44px";
+      const p = document.createElement("button");
+      p.className = "vizel-table-column-handle", p.type = "button", p.innerHTML = E("gripHorizontal", { width: 12, height: 12 }), p.setAttribute("aria-label", "Table column options"), p.title = "Column options (delete, align, etc.)", p.style.left = "80px", p.style.top = "4px";
+      let h = null, v = null, g = null, L = null, M = null;
+      const C = () => {
+        h && (h.remove(), h = null);
+      }, B = (n) => {
+        if (n.preventDefault(), n.stopPropagation(), !e.isEditable || v == null) return;
+        const f = x(c, e);
+        f != null && (O(e, f, Math.max(0, v.index - 1)), v.index === 0 ? e.chain().focus().addColumnBefore().run() : e.chain().focus().addColumnAfter().run());
+      };
+      m.addEventListener("mousedown", B);
+      const I = (n) => {
+        if (n.preventDefault(), n.stopPropagation(), !e.isEditable || g == null) return;
+        const f = x(c, e);
+        f != null && (X(e, f, Math.max(0, g.index - 1)), g.index === 0 ? e.chain().focus().addRowBefore().run() : e.chain().focus().addRowAfter().run());
+      };
+      a.addEventListener("mousedown", I);
+      const S = (n) => {
+        n.preventDefault(), n.stopPropagation();
+        const f = L;
+        if (!e.isEditable || f == null) return;
+        const i = x(c, e);
+        if (i == null) return;
+        X(e, i, f.index), C();
+        const b = A(e, C, P), w = u.getBoundingClientRect();
+        b.style.position = "fixed", b.style.left = `${w.right + 4}px`, b.style.top = `${w.top}px`, document.body.appendChild(b), h = b;
+      }, z = (n) => {
+        h && (n.preventDefault(), n.stopPropagation());
+      };
+      u.addEventListener("mousedown", S), u.addEventListener("click", z);
+      const H = (n) => {
+        n.preventDefault(), n.stopPropagation();
+        const f = M;
+        if (!e.isEditable || f == null) return;
+        const i = x(c, e);
+        if (i == null) return;
+        O(e, i, f.index), C();
+        const b = J(i, f.index), w = A(e, C, b), R = p.getBoundingClientRect();
+        w.style.position = "fixed", w.style.left = `${R.left}px`, w.style.top = `${R.bottom + 4}px`, document.body.appendChild(w), h = w;
+      }, D = (n) => {
+        h && (n.preventDefault(), n.stopPropagation());
+      };
+      p.addEventListener("mousedown", H), p.addEventListener("click", D);
+      let k = 0;
+      const V = 16, W = (n, f) => {
+        const i = ee(o, n, f);
+        i ? (v = i, m.style.left = `${i.position + 32}px`, m.style.top = "6px") : v || (v = { index: 0, position: 0 });
+      }, F = (n, f) => {
+        const i = te(o, n, f);
+        i ? (g = i, a.style.left = "6px", a.style.top = `${i.position + 32}px`) : g || (g = { index: 0, position: 0 });
+      }, K = (n, f) => {
+        const i = ne(o, n);
+        if (i) {
+          L = i;
+          const b = i.element.getBoundingClientRect();
+          u.style.left = "4px", u.style.top = `${b.top - f.top + 32 + (b.height - 24) / 2}px`;
+        }
+      }, Z = (n, f) => {
+        const i = oe(o, n, f);
+        i && (M = i, p.style.left = `${i.centerX + 32}px`, p.style.top = "4px");
+      }, N = (n) => {
+        if (!e.isEditable) return;
+        const f = Date.now();
+        if (f - k < V) return;
+        k = f;
+        const i = o.getBoundingClientRect(), b = n.clientX >= i.left && n.clientX <= i.right && n.clientY >= i.top && n.clientY <= i.bottom;
+        l && W(n.clientX, i), r && F(n.clientY, i), d && b && (K(n.clientY, i), Z(n.clientX, i));
+      }, _ = () => {
+        setTimeout(() => {
+          t.matches(":hover") || h || (v = null, g = null, L = null, M = null);
+        }, 100);
+      };
+      t.addEventListener("mousemove", N), t.addEventListener("mouseleave", _);
+      const $ = (n) => {
+        const i = n.target.closest("td, th");
+        if (!(i && e.isEditable)) return;
+        n.preventDefault(), n.stopPropagation();
+        const b = i.getBoundingClientRect(), w = b.left + b.width / 2, R = b.top + b.height / 2, j = new MouseEvent("click", {
+          bubbles: !0,
+          cancelable: !0,
+          clientX: w,
+          clientY: R,
+          view: window
+        });
+        i.dispatchEvent(j), C();
+        const y = A(e, C, U);
+        y.style.position = "fixed", y.style.left = `${n.clientX}px`, y.style.top = `${n.clientY}px`, document.body.appendChild(y), h = y;
+      };
+      return o.addEventListener("contextmenu", $), t.appendChild(m), t.appendChild(a), t.appendChild(u), t.appendChild(p), t.appendChild(o), {
+        dom: t,
+        contentDOM: s,
+        update: (n) => n.type.name === "table",
+        // Ignore mutations in the wrapper that are not in the content area (tbody)
+        // This prevents ProseMirror from re-rendering when buttons are manipulated
+        ignoreMutation: (n) => {
+          const f = n.target, i = t.contains(f), b = s.contains(f);
+          return !!(i && !b);
+        },
+        destroy: () => {
+          t.removeEventListener("mousemove", N), t.removeEventListener("mouseleave", _), o.removeEventListener("contextmenu", $), m.removeEventListener("mousedown", B), a.removeEventListener("mousedown", I), u.removeEventListener("mousedown", S), u.removeEventListener("click", z), p.removeEventListener("mousedown", H), p.removeEventListener("click", D), C();
+        }
+      };
+    };
+  }
+});
+export {
+  U as CELL_MENU_ITEMS,
+  Y as COLUMN_MENU_ITEMS_BASE,
+  P as ROW_MENU_ITEMS,
+  Q as VIZEL_TABLE_MENU_ITEMS,
+  re as VizelTableWithControls,
+  J as createColumnMenuItems
+};