@notectl/core 1.0.3 → 1.0.5

package/dist/plugins/table.mjs

@@ -0,0 +1,663 @@
+import { i as t, c as e, b as n, a as o } from "../chunks/Selection-D5ZjXoB7.mjs";
+import { u as r, b as i, c as l, d as s, g as a } from "../chunks/Document-CI3iCwEP.mjs";
+import { n as c } from "../chunks/TypeBrands-C09nE2qO.mjs";
+import { S as d } from "../chunks/Plugin-B9OZ6Y4c.mjs";
+function u() {
+  const t2 = l(c("paragraph"), [s("")], i());
+  return l(c("table_cell"), [t2], i());
+}
+function b(t2, e2) {
+  const n2 = t2.getNodePath(e2);
+  if (!n2) return null;
+  let o2 = null, i2 = null, l2 = null, s2 = null;
+  for (const e3 of n2) {
+    const n3 = t2.getBlock(e3);
+    n3 && ("table" === n3.type ? (o2 = e3, i2 = n3) : "table_row" === n3.type ? l2 = e3 : "table_cell" === n3.type && (s2 = e3));
+  }
+  const a2 = t2.getBlock(e2);
+  if ("table_cell" === a2?.type && (s2 = e2), !(o2 && i2 && s2 && l2)) return null;
+  const c2 = t2.doc.children.findIndex((t3) => t3.id === o2), d2 = r(i2), u2 = d2.findIndex((t3) => t3.id === l2);
+  if (-1 === u2) return null;
+  const b2 = d2[u2];
+  if (!b2) return null;
+  const h2 = r(b2), p2 = h2.findIndex((t3) => t3.id === s2);
+  if (-1 === p2) return null;
+  const f2 = h2.length, m2 = d2.length;
+  return { tableId: o2, tableIndex: c2, rowId: l2, rowIndex: u2, cellId: s2, colIndex: p2, totalRows: m2, totalCols: f2 };
+}
+function h(t2, e2, n2, o2) {
+  const i2 = t2.getBlock(e2);
+  if (!i2) return null;
+  const l2 = r(i2)[n2];
+  if (!l2) return null;
+  const s2 = r(l2)[o2];
+  return s2?.id ?? null;
+}
+function p(t2, e2) {
+  const n2 = t2.getBlock(e2);
+  if (!n2) return e2;
+  const o2 = r(n2)[0];
+  if (!o2) return e2;
+  let i2 = o2;
+  for (; ; ) {
+    const t3 = r(i2)[0];
+    if (!t3) return i2.id;
+    i2 = t3;
+  }
+}
+function f(t2, e2) {
+  const n2 = t2.getBlock(e2);
+  if (!n2) return e2;
+  const o2 = r(n2), i2 = o2[o2.length - 1];
+  if (!i2) return e2;
+  let l2 = i2;
+  for (; ; ) {
+    const t3 = r(l2), e3 = t3[t3.length - 1];
+    if (!e3) return l2.id;
+    l2 = e3;
+  }
+}
+function m(t2, e2) {
+  const n2 = t2.getNodePath(e2);
+  if (!n2) return false;
+  for (const e3 of n2) {
+    const n3 = t2.getBlock(e3);
+    if ("table" === n3?.type) return true;
+  }
+  return false;
+}
+function g(t2, n2, o2) {
+  const s2 = t2.getBlock(n2);
+  if (!s2) return null;
+  const a2 = r(s2), d2 = a2[0] ? r(a2[0]).length : 0;
+  if (0 === d2) return null;
+  const b2 = (function(t3) {
+    const e2 = [];
+    for (let n3 = 0; n3 < t3; n3++) e2.push(u());
+    return l(c("table_row"), e2, i());
+  })(d2), h2 = t2.transaction("command").insertNode([n2], o2, b2), p2 = r(b2)[0], f2 = p2 ? r(p2)[0] : void 0;
+  return f2 ? h2.setSelection(e(f2.id, 0)) : p2 && h2.setSelection(e(p2.id, 0)), h2.build();
+}
+function v(t2, e2, n2) {
+  const o2 = t2.getBlock(e2);
+  if (!o2) return null;
+  const i2 = r(o2), l2 = t2.transaction("command");
+  for (const t3 of i2) {
+    const o3 = u();
+    l2.insertNode([e2, t3.id], n2, o3);
+  }
+  return l2.setSelection(t2.selection), l2.build();
+}
+function w(t2, n2, o2, i2 = 0) {
+  const l2 = t2.getBlock(n2);
+  if (!l2) return null;
+  if (r(l2).length <= 1) return I(t2, n2);
+  const s2 = t2.transaction("command").removeNode([n2], o2), a2 = h(t2, n2, o2 > 0 ? o2 - 1 : 1, i2);
+  if (a2) {
+    const n3 = p(t2, a2);
+    s2.setSelection(e(n3, 0));
+  }
+  return s2.build();
+}
+function x(t2, n2, o2, i2 = 0) {
+  const l2 = t2.getBlock(n2);
+  if (!l2) return null;
+  const s2 = r(l2);
+  if ((s2[0] ? r(s2[0]).length : 0) <= 1) return I(t2, n2);
+  const a2 = t2.transaction("command");
+  for (let t3 = s2.length - 1; t3 >= 0; t3--) {
+    const e2 = s2[t3];
+    e2 && a2.removeNode([n2, e2.id], o2);
+  }
+  const c2 = h(t2, n2, i2, o2 > 0 ? o2 - 1 : 1);
+  if (c2) {
+    const n3 = p(t2, c2);
+    a2.setSelection(e(n3, 0));
+  }
+  return a2.build();
+}
+function I(t2, n2) {
+  const o2 = t2.doc.children.findIndex((t3) => t3.id === n2);
+  if (-1 === o2) return null;
+  const r2 = t2.transaction("command").removeNode([], o2), i2 = t2.doc.children[o2 + 1];
+  if (i2) return r2.setSelection(e(i2.id, 0)), r2.build();
+  const l2 = t2.doc.children[o2 - 1];
+  return l2 && r2.setSelection(e(l2.id, 0)), r2.build();
+}
+function y(n2, o2, s2) {
+  const a2 = n2.getState(), d2 = a2.selection;
+  if (t(d2)) return false;
+  const b2 = d2.anchor.blockId;
+  let h2 = -1;
+  for (let t2 = 0; t2 < a2.doc.children.length; t2++) {
+    const e2 = a2.doc.children[t2];
+    if (!e2) continue;
+    if (e2.id === b2) {
+      h2 = t2;
+      break;
+    }
+    const n3 = a2.getNodePath(b2);
+    if (n3 && n3[0] === e2.id) {
+      h2 = t2;
+      break;
+    }
+  }
+  -1 === h2 && (h2 = a2.doc.children.length - 1);
+  const p2 = (function(t2, e2) {
+    const n3 = i(), o3 = [];
+    for (let n4 = 0; n4 < t2; n4++) {
+      const t3 = [];
+      for (let n5 = 0; n5 < e2; n5++) t3.push(u());
+      o3.push(l(c("table_row"), t3, i()));
+    }
+    return l(c("table"), o3, n3);
+  })(o2, s2), f2 = l(c("paragraph")), m2 = h2 + 1, g2 = a2.transaction("command").insertNode([], m2, p2).insertNode([], m2 + 1, f2), v2 = r(p2)[0], w2 = v2 ? r(v2)[0] : void 0, x2 = w2 ? r(w2)[0] : void 0;
+  return x2 ? g2.setSelection(e(x2.id, 0)) : w2 && g2.setSelection(e(w2.id, 0)), n2.dispatch(g2.build()), true;
+}
+function k(e2) {
+  const n2 = e2.getState();
+  if (t(n2.selection)) return false;
+  const o2 = b(n2, n2.selection.anchor.blockId);
+  if (!o2) return false;
+  const r2 = g(n2, o2.tableId, o2.rowIndex + 1);
+  return !!r2 && (e2.dispatch(r2), true);
+}
+function S(e2, n2) {
+  const o2 = e2.getState();
+  if (t(o2.selection)) return false;
+  const r2 = b(o2, o2.selection.anchor.blockId);
+  if (!r2) return false;
+  const i2 = "left" === n2 ? r2.colIndex : r2.colIndex + 1, l2 = v(o2, r2.tableId, i2);
+  return !!l2 && (e2.dispatch(l2), true);
+}
+function C(e2) {
+  e2.registerCommand("insertTable", () => y(e2, 3, 3)), e2.registerCommand("addRowAbove", () => (function(e3) {
+    const n2 = e3.getState();
+    if (t(n2.selection)) return false;
+    const o2 = b(n2, n2.selection.anchor.blockId);
+    if (!o2) return false;
+    const r2 = g(n2, o2.tableId, o2.rowIndex);
+    return !!r2 && (e3.dispatch(r2), true);
+  })(e2)), e2.registerCommand("addRowBelow", () => k(e2)), e2.registerCommand("addColumnLeft", () => (function(t2) {
+    return S(t2, "left");
+  })(e2)), e2.registerCommand("addColumnRight", () => (function(t2) {
+    return S(t2, "right");
+  })(e2)), e2.registerCommand("deleteRow", () => (function(e3) {
+    const n2 = e3.getState();
+    if (t(n2.selection)) return false;
+    const o2 = b(n2, n2.selection.anchor.blockId);
+    if (!o2) return false;
+    const r2 = w(n2, o2.tableId, o2.rowIndex, o2.colIndex);
+    return !!r2 && (e3.dispatch(r2), true);
+  })(e2)), e2.registerCommand("deleteColumn", () => (function(e3) {
+    const n2 = e3.getState();
+    if (t(n2.selection)) return false;
+    const o2 = b(n2, n2.selection.anchor.blockId);
+    if (!o2) return false;
+    const r2 = x(n2, o2.tableId, o2.colIndex, o2.rowIndex);
+    return !!r2 && (e3.dispatch(r2), true);
+  })(e2)), e2.registerCommand("selectTable", () => (function(e3) {
+    const o2 = e3.getState(), r2 = o2.selection;
+    if (t(r2)) {
+      const t2 = o2.getBlock(r2.nodeId);
+      return "table" === t2?.type;
+    }
+    const i2 = b(o2, r2.anchor.blockId);
+    if (!i2) return false;
+    const l2 = o2.getNodePath(i2.tableId);
+    if (!l2) return false;
+    const s2 = o2.transaction("command").setSelection(n(i2.tableId, l2)).build();
+    return e3.dispatch(s2), true;
+  })(e2)), e2.registerCommand("deleteTable", () => (function(e3) {
+    const n2 = e3.getState(), o2 = (function(e4) {
+      if (t(e4.selection)) {
+        const t2 = e4.getBlock(e4.selection.nodeId);
+        return "table" !== t2?.type ? null : { tableId: t2.id };
+      }
+      const n3 = b(e4, e4.selection.anchor.blockId);
+      return n3 ? { tableId: n3.tableId } : null;
+    })(n2);
+    if (!o2) return false;
+    const r2 = I(n2, o2.tableId);
+    return !!r2 && (e3.dispatch(r2), true);
+  })(e2));
+}
+function L(e2, n2) {
+  const o2 = e2.getState();
+  if (t(o2.selection)) return false;
+  const r2 = o2.selection, i2 = b(o2, r2.anchor.blockId);
+  return !!i2 && n2(o2, r2, i2);
+}
+function R(t2) {
+  return L(t2, (n2, o2, r2) => {
+    const i2 = r2.tableIndex + 1;
+    if (i2 >= n2.doc.children.length) return false;
+    const l2 = n2.doc.children[i2];
+    if (!l2) return false;
+    const s2 = n2.transaction("command").setSelection(e(l2.id, 0)).build();
+    return t2.dispatch(s2), true;
+  });
+}
+function E(t2, n2, o2, r2) {
+  const i2 = t2.getState(), l2 = h(i2, n2, o2, r2);
+  if (!l2) return false;
+  const s2 = p(i2, l2), a2 = i2.transaction("command").setSelection(e(s2, 0)).build();
+  return t2.dispatch(a2), true;
+}
+function A(t2, n2, o2, r2) {
+  const i2 = t2.getState(), l2 = h(i2, n2, o2, r2);
+  if (!l2) return false;
+  const s2 = f(i2, l2), c2 = i2.getBlock(s2);
+  if (!c2) return false;
+  const d2 = a(c2), u2 = i2.transaction("command").setSelection(e(s2, d2)).build();
+  return t2.dispatch(u2), true;
+}
+function B(t2, e2) {
+  const o2 = t2.getState(), r2 = o2.getNodePath(e2);
+  if (!r2) return false;
+  const i2 = o2.transaction("input").setSelection(n(e2, r2)).build();
+  return t2.dispatch(i2), true;
+}
+const T = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 1v10M1 6h10" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>';
+function N(t2, e2, n2) {
+  const o2 = document.createElement("button");
+  return o2.className = t2, o2.innerHTML = e2, o2.title = n2, o2.type = "button", o2.setAttribute("aria-label", n2), o2.setAttribute("contenteditable", "false"), o2.addEventListener("mousedown", (t3) => {
+    t3.preventDefault(), t3.stopPropagation();
+  }), o2;
+}
+function M(t2) {
+  const e2 = document.createElement("div");
+  e2.className = `ntbl-insert-line ntbl-insert-line--${t2}`, e2.setAttribute("contenteditable", "false");
+  const n2 = N("ntbl-insert-btn", T, "horizontal" === t2 ? "Insert row" : "Insert column");
+  return e2.appendChild(n2), e2;
+}
+function H(t2, e2) {
+  const n2 = document.createElement("button");
+  n2.className = `ntbl-add-zone ${t2}`, n2.type = "button", n2.setAttribute("contenteditable", "false"), n2.setAttribute("aria-label", e2), n2.title = e2;
+  const o2 = document.createElement("span");
+  return o2.className = "ntbl-add-icon", o2.innerHTML = T, n2.appendChild(o2), n2.addEventListener("mousedown", (t3) => {
+    t3.preventDefault(), t3.stopPropagation();
+  }), n2;
+}
+function z(t2) {
+  const e2 = document.createElement("div");
+  return e2.className = t2, e2.setAttribute("contenteditable", "false"), e2;
+}
+function V(t2, e2, n2, o2) {
+  const r2 = document.createElement("div");
+  r2.className = `ntbl-handle ${t2}`, r2.dataset.index = String(e2);
+  const i2 = N("ntbl-handle-delete", '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 2l6 6M8 2l-6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>', n2);
+  return i2.addEventListener("click", (t3) => {
+    t3.preventDefault(), t3.stopPropagation(), o2(e2);
+  }), r2.appendChild(i2), r2;
+}
+function $(t2, e2) {
+  let n2 = 0, o2 = 0, r2 = t2;
+  for (; r2 && r2 !== e2; ) n2 += r2.offsetTop, o2 += r2.offsetLeft, r2 = r2.offsetParent;
+  return { top: n2, left: o2 };
+}
+class _ {
+  tableId;
+  numRows;
+  numCols;
+  activeRowIndex = -1;
+  activeColIndex = -1;
+  colBar;
+  rowBar;
+  insertLineH;
+  insertLineV;
+  addRowZone;
+  addColZone;
+  deleteTableBtn;
+  observer;
+  container;
+  tableEl;
+  getState;
+  dispatchFn;
+  onMouseMove = (t2) => {
+    const e2 = this.tableEl.getBoundingClientRect(), n2 = t2.clientX - e2.left, o2 = t2.clientY - e2.top;
+    if (!(n2 >= -10 && n2 <= e2.width + 10 && o2 >= -10 && o2 <= e2.height + 10)) return void this.hideInsertLines();
+    const r2 = (function(t3, e3, n3, o3) {
+      let r3 = Number.POSITIVE_INFINITY, i2 = null;
+      for (const t4 of n3) {
+        const n4 = Math.abs(e3 - t4.position);
+        n4 < r3 && n4 < 10 && (r3 = n4, i2 = t4);
+      }
+      let l2 = Number.POSITIVE_INFINITY, s2 = null;
+      for (const e4 of o3) {
+        const n4 = Math.abs(t3 - e4.position);
+        n4 < l2 && n4 < 10 && (l2 = n4, s2 = e4);
+      }
+      return i2 && (!s2 || r3 <= l2) ? { type: "row", border: i2 } : s2 ? { type: "col", border: s2 } : { type: "none", border: null };
+    })(n2, o2, (function(t3) {
+      const e3 = t3.querySelectorAll(":scope > tbody > tr"), n3 = t3.offsetTop, o3 = [];
+      for (let t4 = 1; t4 < e3.length; t4++) {
+        const r3 = e3[t4];
+        r3 && o3.push({ position: r3.offsetTop - n3, index: t4 });
+      }
+      return o3;
+    })(this.tableEl), (function(t3, e3) {
+      if (e3 <= 1) return [];
+      const n3 = t3 / e3, o3 = [];
+      for (let t4 = 1; t4 < e3; t4++) o3.push({ position: Math.round(n3 * t4), index: t4 });
+      return o3;
+    })(this.tableEl.offsetWidth, this.numCols));
+    "row" === r2.type && r2.border ? (this.showHorizontalLine(r2.border), this.hideVerticalLine()) : "col" === r2.type && r2.border ? (this.showVerticalLine(r2.border), this.hideHorizontalLine()) : this.hideInsertLines();
+  };
+  onMouseLeave = () => {
+    this.hideInsertLines();
+  };
+  constructor(t2, e2, n2, o2, i2) {
+    this.container = t2, this.tableEl = e2, this.getState = o2, this.dispatchFn = i2, this.tableId = n2.id, this.numRows = r(n2).length, this.numCols = this.countCols(n2), this.colBar = z("ntbl-col-bar"), this.rowBar = z("ntbl-row-bar"), this.insertLineH = M("horizontal"), this.insertLineV = M("vertical"), this.addRowZone = H("ntbl-add-row", "Add row"), this.addColZone = H("ntbl-add-col", "Add column"), this.deleteTableBtn = N("ntbl-delete-table-btn", '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"><path d="M9 3h6m-9 4h12M10 11v6m4-6v6m-9 3h14l-1-13H6L5 20z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>', "Delete table"), t2.append(this.colBar, this.rowBar, this.insertLineH, this.insertLineV, this.addRowZone, this.addColZone, this.deleteTableBtn), this.rebuildColHandles(), this.rebuildRowHandles(), this.bindEventListeners(), this.observer = new ResizeObserver(() => {
+      this.positionControls();
+    }), this.observer.observe(e2), requestAnimationFrame(() => this.positionControls());
+  }
+  update(t2) {
+    this.tableId = t2.id;
+    const e2 = r(t2).length, n2 = this.countCols(t2);
+    e2 === this.numRows && n2 === this.numCols || (this.numRows = e2, this.numCols = n2, this.rebuildColHandles(), this.rebuildRowHandles()), requestAnimationFrame(() => this.positionControls());
+  }
+  destroy() {
+    this.observer.disconnect(), this.container.removeEventListener("mousemove", this.onMouseMove), this.container.removeEventListener("mouseleave", this.onMouseLeave), this.colBar.remove(), this.rowBar.remove(), this.insertLineH.remove(), this.insertLineV.remove(), this.addRowZone.remove(), this.addColZone.remove(), this.deleteTableBtn.remove();
+  }
+  bindEventListeners() {
+    const t2 = this.insertLineH.querySelector(".ntbl-insert-btn"), e2 = this.insertLineV.querySelector(".ntbl-insert-btn");
+    t2.addEventListener("click", () => {
+      this.activeRowIndex >= 0 && this.dispatchTransaction(g(this.getState(), this.tableId, this.activeRowIndex));
+    }), e2.addEventListener("click", () => {
+      this.activeColIndex >= 0 && this.dispatchTransaction(v(this.getState(), this.tableId, this.activeColIndex));
+    }), this.addRowZone.addEventListener("click", () => {
+      this.dispatchTransaction(g(this.getState(), this.tableId, this.numRows));
+    }), this.addColZone.addEventListener("click", () => {
+      this.dispatchTransaction(v(this.getState(), this.tableId, this.numCols));
+    }), this.deleteTableBtn.addEventListener("click", () => {
+      this.dispatchTransaction(I(this.getState(), this.tableId));
+    }), this.container.addEventListener("mousemove", this.onMouseMove), this.container.addEventListener("mouseleave", this.onMouseLeave);
+  }
+  dispatchTransaction(t2) {
+    t2 && this.dispatchFn(t2);
+  }
+  countCols(t2) {
+    const e2 = r(t2);
+    return e2[0] ? r(e2[0]).length : 0;
+  }
+  positionControls() {
+    !(function(t2, e2, n2) {
+      const o2 = t2.children;
+      if (0 === o2.length) return;
+      const r2 = e2 / n2;
+      for (let t3 = 0; t3 < o2.length; t3++) {
+        const e3 = o2[t3];
+        e3.style.left = `${Math.round(r2 * t3)}px`, e3.style.width = `${Math.round(r2)}px`;
+      }
+      t2.style.width = `${e2}px`;
+    })(this.colBar, this.tableEl.offsetWidth, this.numCols), (function(t2, e2) {
+      const n2 = t2.children;
+      if (0 === n2.length) return;
+      const o2 = e2.querySelectorAll(":scope > tbody > tr"), r2 = e2.offsetTop;
+      let i2 = 0;
+      for (let t3 = 0; t3 < n2.length; t3++) {
+        const e3 = n2[t3], l2 = o2[t3];
+        if (l2) {
+          const t4 = l2.offsetTop - r2, n3 = l2.offsetHeight;
+          e3.style.top = `${t4}px`, e3.style.height = `${n3}px`, i2 = t4 + n3;
+        }
+      }
+      t2.style.height = `${i2}px`;
+    })(this.rowBar, this.tableEl), (function(t2, e2, n2, o2) {
+      const r2 = $(n2, o2), i2 = n2.offsetHeight, l2 = n2.offsetWidth;
+      t2.style.width = `${l2}px`, t2.style.left = `${r2.left}px`, e2.style.height = `${i2}px`, e2.style.top = `${r2.top}px`;
+    })(this.addRowZone, this.addColZone, this.tableEl, this.container);
+  }
+  showHorizontalLine(t2) {
+    this.activeRowIndex = t2.index;
+    const e2 = $(this.tableEl, this.container);
+    this.insertLineH.style.top = e2.top + t2.position - 1 + "px", this.insertLineH.style.left = `${e2.left}px`, this.insertLineH.style.width = `${this.tableEl.offsetWidth}px`, this.insertLineH.classList.add("ntbl-insert-line--visible");
+  }
+  showVerticalLine(t2) {
+    this.activeColIndex = t2.index;
+    const e2 = $(this.tableEl, this.container);
+    this.insertLineV.style.left = e2.left + t2.position - 1 + "px", this.insertLineV.style.top = `${e2.top}px`, this.insertLineV.style.height = `${this.tableEl.offsetHeight}px`, this.insertLineV.classList.add("ntbl-insert-line--visible");
+  }
+  hideInsertLines() {
+    this.hideHorizontalLine(), this.hideVerticalLine();
+  }
+  hideHorizontalLine() {
+    this.insertLineH.classList.remove("ntbl-insert-line--visible"), this.activeRowIndex = -1;
+  }
+  hideVerticalLine() {
+    this.insertLineV.classList.remove("ntbl-insert-line--visible"), this.activeColIndex = -1;
+  }
+  rebuildColHandles() {
+    this.colBar.innerHTML = "";
+    for (let t2 = 0; t2 < this.numCols; t2++) {
+      const e2 = V("ntbl-col-handle", t2, "Delete column", (t3) => {
+        this.dispatchTransaction(x(this.getState(), this.tableId, t3));
+      });
+      this.colBar.appendChild(e2);
+    }
+  }
+  rebuildRowHandles() {
+    this.rowBar.innerHTML = "";
+    for (let t2 = 0; t2 < this.numRows; t2++) {
+      const e2 = V("ntbl-row-handle", t2, "Delete row", (t3) => {
+        this.dispatchTransaction(w(this.getState(), this.tableId, t3));
+      });
+      this.rowBar.appendChild(e2);
+    }
+  }
+}
+const D = new d("tableSelection");
+const P = { maxPickerRows: 8, maxPickerCols: 8 };
+class Z {
+  id = "table";
+  name = "Table";
+  priority = 40;
+  config;
+  selectionService = null;
+  cleanupMouseSelection = null;
+  context = null;
+  constructor(t2) {
+    this.config = { ...P, ...t2 };
+  }
+  init(e2) {
+    e2.registerStyleSheet("\n/* Table */\n.notectl-table-wrapper {\n	margin: 8px 0;\n	overflow-x: auto;\n	position: relative;\n}\n\n.notectl-table {\n	width: 100%;\n	border-collapse: collapse;\n	table-layout: fixed;\n}\n\n.notectl-table td {\n	border: 1px solid var(--notectl-border);\n	padding: 8px 12px;\n	min-width: 60px;\n	vertical-align: top;\n	min-height: 1.6em;\n}\n\n.notectl-table td:focus-within {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: -2px;\n}\n\n.notectl-table-cell--selected {\n	background: var(--notectl-primary-muted);\n}\n\n/* Table Context Menu */\n.notectl-table-context-menu {\n	position: fixed;\n	background: var(--notectl-surface-overlay);\n	border: 1px solid var(--notectl-border);\n	border-radius: 6px;\n	box-shadow: 0 4px 12px var(--notectl-shadow);\n	padding: 4px 0;\n	min-width: 180px;\n	z-index: 10000;\n}\n\n.notectl-table-context-menu button {\n	display: block;\n	width: 100%;\n	padding: 8px 12px;\n	text-align: left;\n	border: none;\n	background: none;\n	cursor: pointer;\n	font-size: 14px;\n	color: var(--notectl-fg);\n	font-family: inherit;\n}\n\n.notectl-table-context-menu button:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-table-context-menu hr {\n	border: none;\n	border-top: 1px solid var(--notectl-border);\n	margin: 4px 0;\n}\n\n/* === Table Controls === */\n\n/* Outer container for table + controls */\n.ntbl-container {\n	position: relative;\n	margin: 8px 0;\n	padding: 24px 0 0 24px;\n}\n\n.ntbl-container .notectl-table-wrapper {\n	margin: 0;\n}\n\n.ntbl-container.notectl-table--selected .notectl-table-wrapper {\n	outline: 2px solid var(--notectl-primary-fg);\n	outline-offset: 2px;\n	border-radius: 6px;\n}\n\n/* --- Column Handle Bar --- */\n.ntbl-col-bar {\n	position: absolute;\n	top: 0;\n	left: 24px;\n	height: 20px;\n	display: flex;\n	opacity: 0;\n	transition: opacity 0.2s ease;\n	z-index: 3;\n	pointer-events: none;\n}\n\n.ntbl-container:hover .ntbl-col-bar,\n.ntbl-container:focus-within .ntbl-col-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n.ntbl-container.notectl-table--selected .ntbl-col-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n/* --- Row Handle Bar --- */\n.ntbl-row-bar {\n	position: absolute;\n	top: 24px;\n	left: 0;\n	width: 20px;\n	display: flex;\n	flex-direction: column;\n	opacity: 0;\n	transition: opacity 0.2s ease;\n	z-index: 3;\n	pointer-events: none;\n}\n\n.ntbl-container:hover .ntbl-row-bar,\n.ntbl-container:focus-within .ntbl-row-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n.ntbl-container.notectl-table--selected .ntbl-row-bar {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n/* --- Handle (shared base) --- */\n.ntbl-handle {\n	position: absolute;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	cursor: pointer;\n	transition: background 0.15s ease;\n	border-radius: 3px;\n}\n\n.ntbl-col-handle {\n	height: 100%;\n	background: var(--notectl-hover-bg);\n	border-radius: 4px 4px 0 0;\n}\n\n.ntbl-col-handle:hover {\n	background: var(--notectl-border);\n}\n\n.ntbl-row-handle {\n	width: 100%;\n	background: var(--notectl-hover-bg);\n	border-radius: 4px 0 0 4px;\n}\n\n.ntbl-row-handle:hover {\n	background: var(--notectl-border);\n}\n\n/* --- Handle Delete Button --- */\n.ntbl-handle-delete {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	width: 16px;\n	height: 16px;\n	border: none;\n	background: transparent;\n	color: var(--notectl-fg-muted);\n	cursor: pointer;\n	border-radius: 3px;\n	padding: 0;\n	opacity: 0;\n	transform: scale(0.7);\n	transition: opacity 0.15s, transform 0.15s,\n		background 0.15s, color 0.15s;\n}\n\n.ntbl-handle:hover .ntbl-handle-delete,\n.ntbl-handle:focus-within .ntbl-handle-delete {\n	opacity: 1;\n	transform: scale(1);\n}\n\n.ntbl-handle-delete:hover,\n.ntbl-handle-delete:focus-visible {\n	background: var(--notectl-danger-muted);\n	color: var(--notectl-danger);\n}\n\n.ntbl-handle-delete:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n/* --- Insert Lines --- */\n.ntbl-insert-line {\n	position: absolute;\n	pointer-events: none;\n	opacity: 0;\n	transition: opacity 0.15s ease;\n	z-index: 6;\n}\n\n.ntbl-insert-line--visible {\n	opacity: 1;\n	pointer-events: auto;\n}\n\n.ntbl-insert-line--horizontal {\n	height: 2px;\n	background: linear-gradient(\n		90deg,\n		transparent,\n		var(--notectl-primary) 8%,\n		var(--notectl-primary) 92%,\n		transparent\n	);\n	box-shadow: 0 0 6px var(--notectl-focus-ring);\n}\n\n.ntbl-insert-line--vertical {\n	width: 2px;\n	background: linear-gradient(\n		180deg,\n		transparent,\n		var(--notectl-primary) 8%,\n		var(--notectl-primary) 92%,\n		transparent\n	);\n	box-shadow: 0 0 6px var(--notectl-focus-ring);\n}\n\n/* --- Insert Button on Line --- */\n.ntbl-insert-btn {\n	position: absolute;\n	width: 20px;\n	height: 20px;\n	border-radius: 50%;\n	background: var(--notectl-bg);\n	border: 2px solid var(--notectl-primary);\n	color: var(--notectl-primary);\n	cursor: pointer;\n	pointer-events: all;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	padding: 0;\n	box-shadow: 0 2px 8px var(--notectl-focus-ring);\n	transition: background 0.15s, color 0.15s,\n		transform 0.15s, box-shadow 0.15s;\n}\n\n.ntbl-insert-line--horizontal .ntbl-insert-btn {\n	left: 50%;\n	top: -9px;\n	transform: translateX(-50%);\n}\n\n.ntbl-insert-line--vertical .ntbl-insert-btn {\n	top: 50%;\n	left: -9px;\n	transform: translateY(-50%);\n}\n\n.ntbl-insert-btn:hover,\n.ntbl-insert-btn:focus-visible {\n	background: var(--notectl-primary);\n	color: var(--notectl-bg);\n	box-shadow: 0 2px 12px var(--notectl-focus-ring);\n}\n\n.ntbl-insert-btn:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-insert-line--horizontal .ntbl-insert-btn:hover {\n	transform: translateX(-50%) scale(1.2);\n}\n\n.ntbl-insert-line--vertical .ntbl-insert-btn:hover {\n	transform: translateY(-50%) scale(1.2);\n}\n\n/* --- Add Row / Add Column Zones --- */\n.ntbl-add-zone {\n	position: absolute;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	cursor: pointer;\n	user-select: none;\n	opacity: 0;\n	transition: opacity 0.2s ease, background 0.2s ease,\n		border-color 0.2s ease;\n}\n\n.ntbl-container:hover .ntbl-add-zone,\n.ntbl-container:focus-within .ntbl-add-zone {\n	opacity: 1;\n}\n\n.ntbl-container.notectl-table--selected .ntbl-add-zone {\n	opacity: 1;\n}\n\n.ntbl-delete-table-btn {\n	position: absolute;\n	top: 0;\n	left: 0;\n	width: 20px;\n	height: 20px;\n	border: 1px solid var(--notectl-danger);\n	border-radius: 4px;\n	background: var(--notectl-bg);\n	color: var(--notectl-danger);\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	opacity: 0;\n	transition: opacity 0.2s ease, background 0.15s, border-color 0.15s;\n	z-index: 7;\n}\n\n.ntbl-container:hover .ntbl-delete-table-btn,\n.ntbl-container:focus-within .ntbl-delete-table-btn,\n.ntbl-container.notectl-table--selected .ntbl-delete-table-btn {\n	opacity: 1;\n}\n\n.ntbl-delete-table-btn:hover,\n.ntbl-delete-table-btn:focus-visible {\n	background: var(--notectl-danger-muted);\n	border-color: var(--notectl-danger);\n}\n\n.ntbl-delete-table-btn:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-add-row {\n	bottom: 0;\n	height: 24px;\n	border: 1px dashed var(--notectl-border);\n	border-radius: 0 0 6px 6px;\n	border-top: none;\n	color: var(--notectl-fg-muted);\n	transform: translateY(100%);\n}\n\n.ntbl-add-row:hover,\n.ntbl-add-row:focus-visible {\n	background: var(--notectl-primary-muted);\n	border-color: var(--notectl-primary);\n	color: var(--notectl-primary);\n}\n\n.ntbl-add-row:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-add-col {\n	right: 0;\n	top: 24px;\n	width: 24px;\n	border: 1px dashed var(--notectl-border);\n	border-radius: 0 6px 6px 0;\n	border-left: none;\n	color: var(--notectl-fg-muted);\n	transform: translateX(100%);\n}\n\n.ntbl-add-col:hover,\n.ntbl-add-col:focus-visible {\n	background: var(--notectl-primary-muted);\n	border-color: var(--notectl-primary);\n	color: var(--notectl-primary);\n}\n\n.ntbl-add-col:focus-visible {\n	outline: none;\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.ntbl-add-icon {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	transition: transform 0.2s ease;\n}\n\n.ntbl-add-zone:hover .ntbl-add-icon {\n	transform: scale(1.15);\n}\n"), this.context = e2, this.registerNodeSpecs(e2), this.registerNodeViews(e2), C(e2), (function(e3) {
+      const n2 = { Tab: () => (function(t2) {
+        return L(t2, (e4, n3, o2) => o2.colIndex < o2.totalCols - 1 ? E(t2, o2.tableId, o2.rowIndex, o2.colIndex + 1) : o2.rowIndex < o2.totalRows - 1 ? E(t2, o2.tableId, o2.rowIndex + 1, 0) : (k(t2), true));
+      })(e3), "Shift-Tab": () => (function(t2) {
+        return L(t2, (e4, n3, o2) => o2.colIndex > 0 ? E(t2, o2.tableId, o2.rowIndex, o2.colIndex - 1) : !(o2.rowIndex > 0) || E(t2, o2.tableId, o2.rowIndex - 1, o2.totalCols - 1));
+      })(e3), Enter: () => (function(e4) {
+        const n3 = e4.getState();
+        if (t(n3.selection)) return false;
+        const o2 = n3.getBlock(n3.selection.anchor.blockId);
+        if (o2 && "paragraph" !== o2.type) return false;
+        const r2 = b(n3, n3.selection.anchor.blockId);
+        return !!r2 && (!(r2.rowIndex < r2.totalRows - 1) || E(e4, r2.tableId, r2.rowIndex + 1, r2.colIndex));
+      })(e3), Backspace: () => (function(t2) {
+        return L(t2, (e4, n3, r2) => {
+          if (!o(n3)) return false;
+          if (0 !== n3.anchor.offset) return false;
+          if (0 !== r2.rowIndex || 0 !== r2.colIndex) return false;
+          const i2 = p(e4, r2.cellId);
+          return n3.anchor.blockId === i2 && B(t2, r2.tableId);
+        });
+      })(e3), Delete: () => (function(t2) {
+        return L(t2, (e4, n3, r2) => {
+          if (!o(n3)) return false;
+          const i2 = e4.getBlock(n3.anchor.blockId);
+          if (!i2) return false;
+          const l2 = a(i2);
+          if (n3.anchor.offset !== l2) return false;
+          if (r2.rowIndex !== r2.totalRows - 1 || r2.colIndex !== r2.totalCols - 1) return false;
+          const s2 = f(e4, r2.cellId);
+          return n3.anchor.blockId === s2 && B(t2, r2.tableId);
+        });
+      })(e3), ArrowDown: () => (function(t2) {
+        return L(t2, (e4, n3, o2) => {
+          const r2 = f(e4, o2.cellId);
+          return n3.anchor.blockId === r2 && (o2.rowIndex >= o2.totalRows - 1 ? R(t2) : E(t2, o2.tableId, o2.rowIndex + 1, o2.colIndex));
+        });
+      })(e3), ArrowUp: () => (function(t2) {
+        return L(t2, (e4, n3, o2) => {
+          const r2 = p(e4, o2.cellId);
+          return n3.anchor.blockId === r2 && !(o2.rowIndex <= 0) && E(t2, o2.tableId, o2.rowIndex - 1, o2.colIndex);
+        });
+      })(e3), ArrowRight: () => (function(t2) {
+        return L(t2, (e4, n3, r2) => {
+          if (!o(n3)) return false;
+          const i2 = e4.getBlock(n3.anchor.blockId);
+          if (!i2) return false;
+          const l2 = a(i2);
+          if (n3.anchor.offset !== l2) return false;
+          const s2 = f(e4, r2.cellId);
+          return n3.anchor.blockId === s2 && (r2.colIndex < r2.totalCols - 1 ? E(t2, r2.tableId, r2.rowIndex, r2.colIndex + 1) : !(r2.rowIndex < r2.totalRows - 1) || E(t2, r2.tableId, r2.rowIndex + 1, 0));
+        });
+      })(e3), ArrowLeft: () => (function(t2) {
+        return L(t2, (e4, n3, r2) => {
+          if (!o(n3)) return false;
+          if (0 !== n3.anchor.offset) return false;
+          const i2 = p(e4, r2.cellId);
+          return n3.anchor.blockId === i2 && (r2.colIndex > 0 ? A(t2, r2.tableId, r2.rowIndex, r2.colIndex - 1) : !(r2.rowIndex > 0) || A(t2, r2.tableId, r2.rowIndex - 1, r2.totalCols - 1));
+        });
+      })(e3), Escape: () => R(e3) };
+      e3.registerKeymap(n2);
+    })(e2), this.registerToolbarItem(e2), this.selectionService = (function(t2) {
+      let e3 = null, n2 = [], o2 = /* @__PURE__ */ new Set();
+      const r2 = { getSelectedRange: () => e3, setSelectedRange(r3) {
+        e3 = r3, (function() {
+          if (!e3) return n2 = [], void (o2 = /* @__PURE__ */ new Set());
+          const r4 = t2.getState(), i2 = [], l2 = Math.min(e3.fromRow, e3.toRow), s2 = Math.max(e3.fromRow, e3.toRow), a2 = Math.min(e3.fromCol, e3.toCol), c2 = Math.max(e3.fromCol, e3.toCol);
+          for (let t3 = l2; t3 <= s2; t3++) for (let n3 = a2; n3 <= c2; n3++) {
+            const o3 = h(r4, e3.tableId, t3, n3);
+            o3 && i2.push(o3);
+          }
+          n2 = i2, o2 = new Set(i2);
+        })(), (function(t3, e4) {
+          const n3 = t3.getContainer().querySelectorAll("td[data-block-id]");
+          for (const t4 of n3) {
+            const n4 = t4.getAttribute("data-block-id");
+            e4.has(n4) ? t4.classList.add("notectl-table-cell--selected") : t4.classList.remove("notectl-table-cell--selected");
+          }
+        })(t2, o2);
+      }, getSelectedCellIds: () => n2, isSelected: (t3) => o2.has(t3) };
+      return t2.registerService(D, r2), r2;
+    })(e2);
+  }
+  onReady() {
+    this.context && this.selectionService && (this.cleanupMouseSelection = (function(t2, e2) {
+      const n2 = t2.getContainer();
+      let o2 = null, r2 = false;
+      function i2(n3) {
+        const i3 = n3.target.closest("td[data-block-id]");
+        if (i3) if (n3.shiftKey) {
+          if (o2) {
+            const r3 = b(t2.getState(), i3.getAttribute("data-block-id"));
+            if (!r3 || r3.tableId !== o2.tableId) return;
+            n3.preventDefault(), e2.setSelectedRange({ tableId: o2.tableId, fromRow: o2.row, fromCol: o2.col, toRow: r3.rowIndex, toCol: r3.colIndex });
+          }
+        } else {
+          e2.setSelectedRange(null);
+          const n4 = b(t2.getState(), i3.getAttribute("data-block-id"));
+          if (!n4) return;
+          o2 = { tableId: n4.tableId, row: n4.rowIndex, col: n4.colIndex }, r2 = true;
+        }
+        else e2.setSelectedRange(null);
+      }
+      function l2(n3) {
+        if (!r2 || !o2) return;
+        const i3 = n3.target.closest("td[data-block-id]");
+        if (!i3) return;
+        const l3 = b(t2.getState(), i3.getAttribute("data-block-id"));
+        l3 && l3.tableId === o2.tableId && (l3.rowIndex === o2.row && l3.colIndex === o2.col || (n3.preventDefault(), e2.setSelectedRange({ tableId: o2.tableId, fromRow: o2.row, fromCol: o2.col, toRow: l3.rowIndex, toCol: l3.colIndex })));
+      }
+      function s2() {
+        r2 = false;
+      }
+      return n2.addEventListener("mousedown", i2), n2.addEventListener("mousemove", l2), document.addEventListener("mouseup", s2), () => {
+        n2.removeEventListener("mousedown", i2), n2.removeEventListener("mousemove", l2), document.removeEventListener("mouseup", s2);
+      };
+    })(this.context, this.selectionService));
+  }
+  destroy() {
+    this.cleanupMouseSelection?.(), this.cleanupMouseSelection = null, this.selectionService = null, this.context = null;
+  }
+  onStateChange(e2, n2, o2) {
+    if (this.selectionService?.getSelectedRange()) {
+      const e3 = n2.selection;
+      !t(e3) && m(n2, e3.anchor.blockId) || this.selectionService.setSelectedRange(null);
+    }
+  }
+  registerNodeSpecs(t2) {
+    t2.registerNodeSpec({ type: "table", group: "block", content: { allow: ["table_row"], min: 1 }, isolating: true, selectable: true, toDOM(t3) {
+      const e2 = document.createElement("div");
+      return e2.className = "notectl-table-wrapper", e2.setAttribute("data-block-id", t3.id), e2;
+    } }), t2.registerNodeSpec({ type: "table_row", group: "table_content", content: { allow: ["table_cell"], min: 1 }, toDOM(t3) {
+      const e2 = document.createElement("tr");
+      return e2.setAttribute("data-block-id", t3.id), e2.setAttribute("role", "row"), e2;
+    } }), t2.registerNodeSpec({ type: "table_cell", group: "table_content", content: { allow: ["paragraph", "list_item", "heading", "blockquote", "image", "horizontal_rule"] }, isolating: true, toDOM(t3) {
+      const e2 = document.createElement("td");
+      return e2.setAttribute("data-block-id", t3.id), e2.setAttribute("role", "cell"), e2;
+    } });
+  }
+  registerNodeViews(t2) {
+    t2.getSchemaRegistry(), t2.registerNodeView("table", (t3, e2, n2) => {
+      const o2 = document.createElement("div");
+      o2.className = "ntbl-container", o2.setAttribute("data-block-id", t3.id), o2.setAttribute("data-selectable", "true");
+      const i2 = document.createElement("div");
+      i2.className = "notectl-table-wrapper";
+      const l2 = document.createElement("table");
+      l2.className = "notectl-table", l2.setAttribute("role", "table");
+      const s2 = r(t3), a2 = s2.length, c2 = s2[0] ? r(s2[0]).length : 0;
+      l2.setAttribute("aria-label", `Table with ${a2} rows and ${c2} columns`);
+      const d2 = document.createElement("tbody");
+      l2.appendChild(d2), i2.appendChild(l2), o2.appendChild(i2);
+      const u2 = document.createElement("div");
+      u2.className = "notectl-sr-only", u2.setAttribute("aria-live", "polite"), u2.setAttribute("aria-atomic", "true"), o2.appendChild(u2);
+      const b2 = (function(t4, e3, n3, o3, r2) {
+        return new _(t4, e3, n3, o3, r2);
+      })(o2, l2, t3, e2, n2);
+      return { dom: o2, contentDOM: d2, update(t4) {
+        if ("table" !== t4.type) return false;
+        o2.setAttribute("data-block-id", t4.id), o2.setAttribute("data-selectable", "true");
+        const e3 = r(t4), n3 = e3.length, i3 = e3[0] ? r(e3[0]).length : 0;
+        return l2.setAttribute("aria-label", `Table with ${n3} rows and ${i3} columns`), b2.update(t4), false;
+      }, destroy() {
+        b2.destroy();
+      }, selectNode() {
+        o2.classList.add("notectl-table--selected");
+      }, deselectNode() {
+        o2.classList.remove("notectl-table--selected");
+      } };
+    }), t2.registerNodeView("table_row", (t3, e2, n2) => {
+      const o2 = document.createElement("tr");
+      return o2.setAttribute("data-block-id", t3.id), o2.setAttribute("role", "row"), { dom: o2, contentDOM: o2, update: (t4) => ("table_row" !== t4.type || o2.setAttribute("data-block-id", t4.id), false), destroy() {
+      } };
+    }), t2.registerNodeView("table_cell", (t3, e2, n2) => {
+      const o2 = document.createElement("td");
+      o2.setAttribute("data-block-id", t3.id), o2.setAttribute("role", "cell");
+      const r2 = t3.attrs?.colspan ?? 1, i2 = t3.attrs?.rowspan ?? 1;
+      r2 > 1 && (o2.colSpan = r2), i2 > 1 && (o2.rowSpan = i2);
+      const l2 = t3.attrs?.align;
+      return l2 && "left" !== l2 && (o2.style.textAlign = l2), { dom: o2, contentDOM: o2, update(t4) {
+        if ("table_cell" !== t4.type) return false;
+        o2.setAttribute("data-block-id", t4.id);
+        const e3 = t4.attrs?.colspan ?? 1, n3 = t4.attrs?.rowspan ?? 1;
+        return e3 > 1 ? o2.colSpan = e3 : o2.removeAttribute("colspan"), n3 > 1 ? o2.rowSpan = n3 : o2.removeAttribute("rowspan"), false;
+      }, destroy() {
+      } };
+    });
+  }
+  registerToolbarItem(e2) {
+    const n2 = this.config.maxPickerRows ?? 8, o2 = this.config.maxPickerCols ?? 8;
+    e2.registerToolbarItem({ id: "table", group: "insert", icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 3h18v18H3V3zm2 2v4h6V5H5zm8 0v4h6V5h-6zm-8 6v4h6v-4H5zm8 0v4h6v-4h-6zm-8 6v4h6v-4H5zm8 0v4h6v-4h-6z"/></svg>', label: "Insert Table", tooltip: "Insert Table", command: "insertTable", priority: 80, separatorAfter: this.config.separatorAfter, popupType: "gridPicker", popupConfig: { maxRows: n2, maxCols: o2, onSelect: (t2, n3) => {
+      y(e2, t2, n3);
+    } }, isActive: (e3) => !t(e3.selection) && m(e3, e3.selection.anchor.blockId) });
+  }
+}
+export {
+  Z as TablePlugin,
+  D as TableSelectionServiceKey,
+  b as findTableContext,
+  m as isInsideTable
+};
+//# sourceMappingURL=table.mjs.map