@vizel/core 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/index21.js

@@ -1,72 +1,89 @@
-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()
+import { TextStyle as t, Color as l } from "./index46.js";
+import { Highlight as i } from "./index47.js";
+const h = [
+  // Row 1: Grayscale
+  { name: "Default", color: "inherit" },
+  { name: "Dark Gray", color: "#374151" },
+  { name: "Gray", color: "#6b7280" },
+  { name: "Light Gray", color: "#9ca3af" },
+  // Row 2: Warm colors
+  { name: "Dark Red", color: "#b91c1c" },
+  { name: "Red", color: "#ef4444" },
+  { name: "Orange", color: "#f97316" },
+  { name: "Amber", color: "#f59e0b" },
+  // Row 3: Cool colors
+  { name: "Yellow", color: "#eab308" },
+  { name: "Lime", color: "#84cc16" },
+  { name: "Green", color: "#22c55e" },
+  { name: "Emerald", color: "#10b981" },
+  // Row 4: Blue spectrum
+  { name: "Teal", color: "#14b8a6" },
+  { name: "Cyan", color: "#06b6d4" },
+  { name: "Blue", color: "#3b82f6" },
+  { name: "Indigo", color: "#6366f1" },
+  // Row 5: Purple/Pink spectrum
+  { name: "Violet", color: "#8b5cf6" },
+  { name: "Purple", color: "#a855f7" },
+  { name: "Fuchsia", color: "#d946ef" },
+  { name: "Pink", color: "#ec4899" }
+], s = [
+  // Row 1: Basics
+  { name: "None", color: "transparent" },
+  { name: "Light Gray", color: "#e5e7eb" },
+  { name: "Warm Gray", color: "#e7e5e4" },
+  { name: "Cool Gray", color: "#e2e8f0" },
+  // Row 2: Warm highlights
+  { name: "Light Red", color: "#fecaca" },
+  { name: "Light Orange", color: "#fed7aa" },
+  { name: "Light Amber", color: "#fde68a" },
+  { name: "Yellow", color: "#fef08a" },
+  // Row 3: Green highlights
+  { name: "Light Lime", color: "#d9f99d" },
+  { name: "Light Green", color: "#bbf7d0" },
+  { name: "Light Emerald", color: "#a7f3d0" },
+  { name: "Light Teal", color: "#99f6e4" },
+  // Row 4: Blue highlights
+  { name: "Light Cyan", color: "#a5f3fc" },
+  { name: "Light Blue", color: "#bfdbfe" },
+  { name: "Light Indigo", color: "#c7d2fe" },
+  { name: "Light Violet", color: "#ddd6fe" },
+  // Row 5: Purple/Pink highlights
+  { name: "Light Purple", color: "#e9d5ff" },
+  { name: "Light Fuchsia", color: "#f5d0fe" },
+  { name: "Light Pink", color: "#fbcfe8" },
+  { name: "Light Rose", color: "#fecdd3" }
+], r = "vizel-recent-colors", m = 8;
+function f(o) {
+  if (typeof window > "u") return [];
+  try {
+    const e = localStorage.getItem(`${r}-${o}`);
+    return e ? JSON.parse(e) : [];
+  } catch {
+    return [];
   }
-];
-function t(e, i = a) {
-  return i.find((c) => c.isActive(e));
+}
+function u(o, e) {
+  if (!(typeof window > "u") && !(e === "inherit" || e === "transparent"))
+    try {
+      const n = f(o).filter((c) => c !== e), a = [e, ...n].slice(0, m);
+      localStorage.setItem(`${r}-${o}`, JSON.stringify(a));
+    } catch {
+    }
+}
+function b(o = {}) {
+  const { multicolor: e = !0 } = o;
+  return [
+    t,
+    l,
+    i.configure({
+      multicolor: e
+    })
+  ];
 }
 export {
-  t as getVizelActiveNodeType,
-  a as vizelDefaultNodeTypes
+  s as VIZEL_HIGHLIGHT_COLORS,
+  h as VIZEL_TEXT_COLORS,
+  u as addVizelRecentColor,
+  b as createVizelTextColorExtensions,
+  f as getVizelRecentColors
 };

package/dist/index22.js

@@ -1,360 +1,104 @@
-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();
-  }
+import { getIconData as g } from "./index34.js";
+import { iconToSVG as h } from "./index35.js";
+import s from "./index36.js";
+const u = {
+  // Text/Headings
+  heading1: "lucide:heading-1",
+  heading2: "lucide:heading-2",
+  heading3: "lucide:heading-3",
+  // Lists
+  bulletList: "lucide:list",
+  orderedList: "lucide:list-ordered",
+  taskList: "lucide:list-checks",
+  // Blocks
+  paragraph: "lucide:pilcrow",
+  blockquote: "lucide:quote",
+  horizontalRule: "lucide:minus",
+  details: "lucide:chevron-right",
+  codeBlock: "lucide:code",
+  table: "lucide:table",
+  // Media
+  image: "lucide:image",
+  imageUpload: "lucide:image-up",
+  embed: "lucide:link",
+  // Advanced
+  mathBlock: "lucide:sigma",
+  mathInline: "lucide:superscript",
+  mermaid: "lucide:git-graph",
+  graphviz: "lucide:workflow",
+  // Table controls
+  arrowUp: "lucide:arrow-up",
+  arrowDown: "lucide:arrow-down",
+  arrowLeft: "lucide:arrow-left",
+  arrowRight: "lucide:arrow-right",
+  alignLeft: "lucide:align-left",
+  alignCenter: "lucide:align-center",
+  alignRight: "lucide:align-right",
+  plus: "lucide:plus",
+  gripVertical: "lucide:grip-vertical",
+  gripHorizontal: "lucide:grip-horizontal",
+  // UI
+  check: "lucide:check",
+  loader: "lucide:loader-2",
+  circle: "lucide:circle",
+  warning: "lucide:alert-triangle",
+  chevronDown: "lucide:chevron-down",
+  x: "lucide:x",
+  // BubbleMenu toolbar
+  bold: "lucide:bold",
+  italic: "lucide:italic",
+  strikethrough: "lucide:strikethrough",
+  underline: "lucide:underline",
+  code: "lucide:code",
+  link: "lucide:link",
+  textColor: "lucide:baseline",
+  highlighter: "lucide:highlighter",
+  // Internal (NodeView rendering)
+  grip: "lucide:grip-vertical",
+  plusSmall: "lucide:plus",
+  listOrdered: "lucide:list-ordered"
+};
+function k(e, i) {
+  return i?.[e] ?? u[e];
 }
-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 {
-  }
+let t = null;
+function w(e) {
+  t = e;
 }
-function x(e, c) {
-  let l = typeof e == "function" ? e() : void 0;
-  return l === void 0 && (l = le(c)), l;
+function z(e, i) {
+  return t ? t(e, i) : (process.env.NODE_ENV === "development" && console.warn(
+    "[Vizel] Icon renderer not set. Call setVizelIconRenderer() from your framework package (@vizel/react, @vizel/vue, or @vizel/svelte)."
+  ), "");
 }
-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 p(e, i) {
+  const c = u[e];
+  if (!c) return "";
+  const [, d] = c.split(":");
+  if (!d) return "";
+  const l = g(s, d);
+  if (!l) return "";
+  const r = h(l, {
+    height: i?.height ?? 24,
+    width: i?.width ?? 24
+  }), n = [
+    'xmlns="http://www.w3.org/2000/svg"',
+    `width="${i?.width ?? 24}"`,
+    `height="${i?.height ?? 24}"`,
+    `viewBox="0 0 ${l.width ?? 24} ${l.height ?? 24}"`
+  ];
+  if (r.attributes)
+    for (const [o, a] of Object.entries(r.attributes))
+      ["width", "height", "viewBox"].includes(o) || n.push(`${o}="${a}"`);
+  return `<svg ${n.join(" ")}>${r.body}</svg>`;
 }
-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;
+function I() {
+  w(p);
 }
-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
+  k as getVizelIconId,
+  I as initVizelIconRenderer,
+  z as renderVizelIcon,
+  p as renderVizelIconSvg,
+  w as setVizelIconRenderer,
+  u as vizelDefaultIconIds
 };