@blocknote/xl-multi-column 0.47.1 → 0.47.2

package/dist/blocknote-xl-multi-column.js

@@ -1,15 +1,14 @@
-var F = Object.defineProperty;
-var Y = (o, e, t) => e in o ? F(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var p = (o, e, t) => Y(o, typeof e != "symbol" ? e + "" : e, t);
-import { Extension as Z, Node as j } from "@tiptap/core";
-import { getNodeById as S, createBlockSpecFromTiptapNode as z, BlockNoteSchema as q, getBlockInfo as $, nodeToBlock as x, UniqueID as J, getNearestBlockPos as Q } from "@blocknote/core";
-import { SideMenuExtension as E, insertOrUpdateBlockForSlashMenu as B } from "@blocknote/core/extensions";
-import { Plugin as H, PluginKey as ee } from "prosemirror-state";
-import { DecorationSet as D, Decoration as N } from "prosemirror-view";
-import { dropPoint as te } from "prosemirror-transform";
-import { jsx as T } from "react/jsx-runtime";
-import v from "react";
-const oe = {
+var U = Object.defineProperty;
+var G = (e, t, o) => t in e ? U(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var m = (e, t, o) => G(e, typeof t != "symbol" ? t + "" : t, o);
+import { getNearestBlockPos as K, createExtension as X, getBlockInfo as F, nodeToBlock as y, UniqueID as Z, getNodeById as k, createBlockSpecFromTiptapNode as M, BlockNoteSchema as q } from "@blocknote/core";
+import { Plugin as I, PluginKey as V } from "prosemirror-state";
+import { Extension as Y, Node as L } from "@tiptap/core";
+import { SideMenuExtension as _, insertOrUpdateBlockForSlashMenu as P } from "@blocknote/core/extensions";
+import { DecorationSet as E, Decoration as x } from "prosemirror-view";
+import { jsx as S } from "react/jsx-runtime";
+import g from "react";
+const $ = {
   slash_menu: {
     two_columns: {
       title: "عمودان",
@@ -24,7 +23,7 @@ const oe = {
       group: "الكتل الأساسية"
     }
   }
-}, ne = {
+}, J = {
   slash_menu: {
     two_columns: {
       title: "Zwei Spalten",
@@ -39,7 +38,7 @@ const oe = {
       group: "Grundlegende Blöcke"
     }
   }
-}, ie = {
+}, Q = {
   slash_menu: {
     two_columns: {
       title: "Two Columns",
@@ -54,7 +53,7 @@ const oe = {
       group: "Basic blocks"
     }
   }
-}, se = {
+}, ee = {
   slash_menu: {
     two_columns: {
       title: "Dos Columnas",
@@ -69,7 +68,7 @@ const oe = {
       group: "Bloques básicos"
     }
   }
-}, re = {
+}, te = {
   slash_menu: {
     two_columns: {
       title: "Deux Colonnes",
@@ -84,7 +83,7 @@ const oe = {
       group: "Blocs de base"
     }
   }
-}, le = {
+}, oe = {
   slash_menu: {
     two_columns: {
       title: "Dva Stupca",
@@ -99,7 +98,7 @@ const oe = {
       group: "Osnovni blokovi"
     }
   }
-}, ce = {
+}, ne = {
   slash_menu: {
     two_columns: {
       title: "Tvær Dálkar",
@@ -114,7 +113,7 @@ const oe = {
       group: "Grunnblokkar"
     }
   }
-}, ae = {
+}, ie = {
   slash_menu: {
     two_columns: {
       title: "二列",
@@ -129,7 +128,7 @@ const oe = {
       group: "基本ブロック"
     }
   }
-}, ue = {
+}, re = {
   slash_menu: {
     two_columns: {
       title: "두 열",
@@ -144,7 +143,7 @@ const oe = {
       group: "기본 블록"
     }
   }
-}, de = {
+}, le = {
   slash_menu: {
     two_columns: {
       title: "Twee Kolommen",
@@ -159,7 +158,7 @@ const oe = {
       group: "Basisblokken"
     }
   }
-}, he = {
+}, se = {
   slash_menu: {
     two_columns: {
       title: "Dwie Kolumny",
@@ -174,7 +173,7 @@ const oe = {
       group: "Podstawowe bloki"
     }
   }
-}, me = {
+}, ue = {
   slash_menu: {
     two_columns: {
       title: "Duas Colunas",
@@ -189,7 +188,7 @@ const oe = {
       group: "Blocos básicos"
     }
   }
-}, pe = {
+}, ae = {
   slash_menu: {
     two_columns: {
       title: "Два Столбца",
@@ -204,7 +203,7 @@ const oe = {
       group: "Базовые блоки"
     }
   }
-}, fe = {
+}, ce = {
   slash_menu: {
     two_columns: {
       title: "Hai Cột",
@@ -219,7 +218,7 @@ const oe = {
       group: "Khối cơ bản"
     }
   }
-}, ge = {
+}, de = {
   slash_menu: {
     two_columns: {
       title: "两列",
@@ -234,166 +233,285 @@ const oe = {
       group: "基础"
     }
   }
-}, Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ar: oe,
-  de: ne,
-  en: ie,
-  es: se,
-  fr: re,
-  hr: le,
-  is: ce,
-  ja: ae,
-  ko: ue,
-  nl: de,
-  pl: he,
-  pt: me,
-  ru: pe,
-  vi: fe,
-  zh: ge
+  ar: $,
+  de: J,
+  en: Q,
+  es: ee,
+  fr: te,
+  hr: oe,
+  is: ne,
+  ja: ie,
+  ko: re,
+  nl: le,
+  pl: se,
+  pt: ue,
+  ru: ae,
+  vi: ce,
+  zh: de
 }, Symbol.toStringTag, { value: "Module" }));
-function M(o) {
-  if (!o.dictionary.multi_column)
+function N(e) {
+  if (!e.dictionary.multi_column)
     throw new Error("Multi-column dictionary not found");
-  return o.dictionary.multi_column;
+  return e.dictionary.multi_column;
+}
+const B = 0.1;
+function j(e, t, o) {
+  const n = t.posAtCoords({
+    left: e.clientX,
+    top: e.clientY
+  });
+  if (!n)
+    return null;
+  const u = K(o.doc, n.pos);
+  let l = o.doc.resolve(u.posBeforeNode);
+  l.parent.type.name === "column" && (l = o.doc.resolve(l.before()));
+  const s = {
+    posBeforeNode: l.pos,
+    node: l.nodeAfter
+  }, i = t.nodeDOM(s.posBeforeNode);
+  if (i === null)
+    return {
+      position: "regular",
+      posBeforeNode: s.posBeforeNode,
+      node: s.node
+    };
+  const r = i.getBoundingClientRect();
+  let a = "regular";
+  return e.clientX <= r.left + r.width * B ? a = "left" : e.clientX >= r.right - r.width * B && (a = "right"), {
+    position: a,
+    posBeforeNode: s.posBeforeNode,
+    node: s.node
+  };
 }
-const C = new ee("ColumnResizePlugin");
-class be {
-  constructor(e, t) {
-    p(this, "editor");
-    p(this, "view");
-    p(this, "RESIZE_MARGIN_WIDTH_PX", 20);
-    p(this, "COLUMN_MIN_WIDTH_PERCENT", 0.5);
-    p(this, "getColumnHoverOrDefaultState", (e) => {
+const ze = {
+  hooks: {
+    computeDropPosition: (e) => {
+      const t = j(
+        e.event,
+        e.view,
+        e.view.state
+      );
+      return t === null || t.position === "regular" ? e.defaultPosition : {
+        pos: t.posBeforeNode,
+        orientation: t.position === "left" ? "block-vertical-left" : "block-vertical-right"
+      };
+    }
+  }
+};
+function me(e) {
+  return new I({
+    props: {
+      handleDrop(t, o, n, u) {
+        const l = j(o, t, t.state);
+        if (l === null)
+          return !1;
+        const s = F(l);
+        if (l.position === "regular" || n.content.childCount === 0)
+          return !1;
+        const i = y(
+          n.content.child(0),
+          e.pmSchema
+        );
+        if (s.blockNoteType === "column") {
+          const r = t.state.doc.resolve(s.bnBlock.beforePos).node(), a = y(
+            r,
+            e.pmSchema
+          );
+          let c = 0;
+          a.children.forEach((d) => {
+            c += d.props.width;
+          });
+          const h = c / a.children.length;
+          if (h < 0.99 || h > 1.01) {
+            const d = 1 / h;
+            a.children.forEach((w) => {
+              w.props.width = w.props.width * d;
+            });
+          }
+          const p = a.children.findIndex(
+            (d) => d.id === s.bnBlock.node.attrs.id
+          ), b = a.children.map((d) => ({
+            ...d,
+            children: d.children.filter(
+              (w) => w.id !== i.id
+            )
+          })).filter((d) => d.children.length > 0).toSpliced(l.position === "left" ? p : p + 1, 0, {
+            type: "column",
+            children: [i],
+            props: {},
+            content: void 0,
+            id: Z.options.generateID()
+          });
+          e.getBlock(i.id) && e.removeBlocks([i]), e.updateBlock(a, {
+            children: b
+          });
+        } else {
+          const r = y(s.bnBlock.node, e.pmSchema);
+          if (r.id === i.id)
+            return !0;
+          const a = l.position === "left" ? [i, r] : [r, i];
+          e.getBlock(i.id) && e.removeBlocks([i]), e.replaceBlocks(
+            [r],
+            [
+              {
+                type: "columnList",
+                children: a.map((c) => ({
+                  type: "column",
+                  children: [c]
+                }))
+              }
+            ]
+          );
+        }
+        return !0;
+      }
+    }
+  });
+}
+const he = X(
+  ({ editor: e }) => ({
+    key: "multiColumnDropHandler",
+    prosemirrorPlugins: [me(e)]
+  })
+), f = new V("ColumnResizePlugin");
+class pe {
+  constructor(t, o) {
+    m(this, "editor");
+    m(this, "view");
+    m(this, "RESIZE_MARGIN_WIDTH_PX", 20);
+    m(this, "COLUMN_MIN_WIDTH_PERCENT", 0.5);
+    m(this, "getColumnHoverOrDefaultState", (t) => {
       if (!this.editor.isEditable)
         return { type: "default" };
-      const t = e.target;
-      if (!this.view.dom.contains(t))
+      const o = t.target;
+      if (!this.view.dom.contains(o))
         return { type: "default" };
-      const n = t.closest(
+      const n = o.closest(
         ".bn-block-column"
       );
       if (!n)
         return { type: "default" };
-      const s = e.clientX, d = n.getBoundingClientRect(), c = s < d.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : s > d.right - this.RESIZE_MARGIN_WIDTH_PX ? "right" : "none", l = c === "left" ? n.previousElementSibling : c === "right" ? n.nextElementSibling : void 0;
-      if (!l)
+      const u = t.clientX, l = n.getBoundingClientRect(), s = u < l.left + this.RESIZE_MARGIN_WIDTH_PX ? "left" : u > l.right - this.RESIZE_MARGIN_WIDTH_PX ? "right" : "none", i = s === "left" ? n.previousElementSibling : s === "right" ? n.nextElementSibling : void 0;
+      if (!i)
         return { type: "default" };
-      const i = c === "left" ? l : n, g = c === "left" ? n : l, a = i.getAttribute("data-id"), r = g.getAttribute("data-id"), u = S(a, this.view.state.doc), m = S(
-        r,
+      const r = s === "left" ? i : n, a = s === "left" ? n : i, c = r.getAttribute("data-id"), h = a.getAttribute("data-id"), p = k(c, this.view.state.doc), b = k(
+        h,
         this.view.state.doc
       );
-      if (!u || !m || !u.posBeforeNode)
+      if (!p || !b || !p.posBeforeNode)
         throw new Error("Column not found");
       return {
         type: "hover",
         leftColumn: {
-          element: i,
-          id: a,
-          ...u
+          element: r,
+          id: c,
+          ...p
         },
         rightColumn: {
-          element: g,
-          id: r,
-          ...m
+          element: a,
+          id: h,
+          ...b
         }
       };
     });
     // When the user mouses down near the boundary between two columns, we
     // want to set the plugin state to resize, so the columns can be resized
     // by moving the mouse.
-    p(this, "mouseDownHandler", (e) => {
-      var i;
-      let t = this.getColumnHoverOrDefaultState(e);
-      if (t.type === "default")
+    m(this, "mouseDownHandler", (t) => {
+      var r;
+      let o = this.getColumnHoverOrDefaultState(t);
+      if (o.type === "default")
         return;
-      e.preventDefault();
-      const n = e.clientX, s = t.leftColumn.element.getBoundingClientRect().width, d = t.rightColumn.element.getBoundingClientRect().width, c = t.leftColumn.node.attrs.width, l = t.rightColumn.node.attrs.width;
-      t = {
+      t.preventDefault();
+      const n = t.clientX, u = o.leftColumn.element.getBoundingClientRect().width, l = o.rightColumn.element.getBoundingClientRect().width, s = o.leftColumn.node.attrs.width, i = o.rightColumn.node.attrs.width;
+      o = {
         type: "resize",
         startPos: n,
         leftColumn: {
-          ...t.leftColumn,
-          widthPx: s,
-          widthPercent: c
+          ...o.leftColumn,
+          widthPx: u,
+          widthPercent: s
         },
         rightColumn: {
-          ...t.rightColumn,
-          widthPx: d,
-          widthPercent: l
+          ...o.rightColumn,
+          widthPx: l,
+          widthPercent: i
         }
       }, this.view.dispatch(
-        this.view.state.tr.setMeta(C, t)
-      ), (i = this.editor.getExtension(E)) == null || i.freezeMenu();
+        this.view.state.tr.setMeta(f, o)
+      ), (r = this.editor.getExtension(_)) == null || r.freezeMenu();
     });
     // If the plugin isn't in a resize state, we want to update it to either a
     // hover state if the mouse is near the boundary between two columns, or
     // default otherwise. If the plugin is in a resize state, we want to
     // update the column widths based on the horizontal mouse movement.
-    p(this, "mouseMoveHandler", (e) => {
-      var i, g;
-      const t = C.getState(this.view.state);
-      if (!t)
+    m(this, "mouseMoveHandler", (t) => {
+      var r, a;
+      const o = f.getState(this.view.state);
+      if (!o)
         return;
-      if (t.type !== "resize") {
-        const a = this.getColumnHoverOrDefaultState(e), r = t.type === "default" && a.type === "default", u = t.type !== "default" && a.type !== "default" && t.leftColumn.id === a.leftColumn.id && t.rightColumn.id === a.rightColumn.id;
-        if (r || u || a.type === "hover" && ((g = (i = this.editor.getExtension(E)) == null ? void 0 : i.store.state) != null && g.show))
+      if (o.type !== "resize") {
+        const c = this.getColumnHoverOrDefaultState(t), h = o.type === "default" && c.type === "default", p = o.type !== "default" && c.type !== "default" && o.leftColumn.id === c.leftColumn.id && o.rightColumn.id === c.rightColumn.id;
+        if (h || p || c.type === "hover" && ((a = (r = this.editor.getExtension(_)) == null ? void 0 : r.store.state) != null && a.show))
           return;
         this.view.dispatch(
-          this.view.state.tr.setMeta(C, a)
+          this.view.state.tr.setMeta(f, c)
         );
         return;
       }
-      const s = (e.clientX - t.startPos) * t.leftColumn.widthPercent, d = (t.leftColumn.widthPx + s) / t.leftColumn.widthPx - 1;
-      let c = t.leftColumn.widthPercent + d, l = t.rightColumn.widthPercent - d;
-      c < this.COLUMN_MIN_WIDTH_PERCENT ? (l -= this.COLUMN_MIN_WIDTH_PERCENT - c, c = this.COLUMN_MIN_WIDTH_PERCENT) : l < this.COLUMN_MIN_WIDTH_PERCENT && (c -= this.COLUMN_MIN_WIDTH_PERCENT - l, l = this.COLUMN_MIN_WIDTH_PERCENT), this.view.dispatch(
+      const u = (t.clientX - o.startPos) * o.leftColumn.widthPercent, l = (o.leftColumn.widthPx + u) / o.leftColumn.widthPx - 1;
+      let s = o.leftColumn.widthPercent + l, i = o.rightColumn.widthPercent - l;
+      s < this.COLUMN_MIN_WIDTH_PERCENT ? (i -= this.COLUMN_MIN_WIDTH_PERCENT - s, s = this.COLUMN_MIN_WIDTH_PERCENT) : i < this.COLUMN_MIN_WIDTH_PERCENT && (s -= this.COLUMN_MIN_WIDTH_PERCENT - i, i = this.COLUMN_MIN_WIDTH_PERCENT), this.view.dispatch(
         this.view.state.tr.setNodeAttribute(
-          t.leftColumn.posBeforeNode,
+          o.leftColumn.posBeforeNode,
           "width",
-          c
+          s
         ).setNodeAttribute(
-          t.rightColumn.posBeforeNode,
+          o.rightColumn.posBeforeNode,
           "width",
-          l
+          i
         ).setMeta("addToHistory", !1)
       );
     });
     // If the plugin is in a resize state, we want to revert it to a default
     // or hover, depending on where the mouse cursor is, when the user
     // releases the mouse button.
-    p(this, "mouseUpHandler", (e) => {
-      var s;
-      const t = C.getState(this.view.state);
-      if (!t || t.type !== "resize")
+    m(this, "mouseUpHandler", (t) => {
+      var u;
+      const o = f.getState(this.view.state);
+      if (!o || o.type !== "resize")
         return;
-      const n = this.getColumnHoverOrDefaultState(e);
+      const n = this.getColumnHoverOrDefaultState(t);
       this.view.dispatch(
-        this.view.state.tr.setMeta(C, n)
-      ), (s = this.editor.getExtension(E)) == null || s.unfreezeMenu();
+        this.view.state.tr.setMeta(f, n)
+      ), (u = this.editor.getExtension(_)) == null || u.unfreezeMenu();
     });
-    this.editor = e, this.view = t, this.view.dom.addEventListener("mousedown", this.mouseDownHandler), document.body.addEventListener("mousemove", this.mouseMoveHandler), document.body.addEventListener("mouseup", this.mouseUpHandler);
+    this.editor = t, this.view = o, this.view.dom.addEventListener("mousedown", this.mouseDownHandler), document.body.addEventListener("mousemove", this.mouseMoveHandler), document.body.addEventListener("mouseup", this.mouseUpHandler);
   }
   destroy() {
     this.view.dom.removeEventListener("mousedown", this.mouseDownHandler), document.body.removeEventListener("mousemove", this.mouseMoveHandler), document.body.removeEventListener("mouseup", this.mouseUpHandler);
   }
 }
-const we = (o) => new H({
-  key: C,
+const fe = (e) => new I({
+  key: f,
   props: {
     // This adds a border between the columns when the user is
     // resizing them or when the cursor is near their boundary.
-    decorations: (e) => {
-      const t = C.getState(e);
-      return !t || t.type === "default" ? D.empty : D.create(e.doc, [
-        N.node(
-          t.leftColumn.posBeforeNode,
-          t.leftColumn.posBeforeNode + t.leftColumn.node.nodeSize,
+    decorations: (t) => {
+      const o = f.getState(t);
+      return !o || o.type === "default" ? E.empty : E.create(t.doc, [
+        x.node(
+          o.leftColumn.posBeforeNode,
+          o.leftColumn.posBeforeNode + o.leftColumn.node.nodeSize,
           {
             style: "box-shadow: 4px 0 0 #ccc; cursor: col-resize"
           }
         ),
-        N.node(
-          t.rightColumn.posBeforeNode,
-          t.rightColumn.posBeforeNode + t.rightColumn.node.nodeSize,
+        x.node(
+          o.rightColumn.posBeforeNode,
+          o.rightColumn.posBeforeNode + o.rightColumn.node.nodeSize,
           {
             style: "cursor: col-resize"
           }
@@ -403,18 +521,18 @@ const we = (o) => new H({
   },
   state: {
     init: () => ({ type: "default" }),
-    apply: (e, t) => {
-      const n = e.getMeta(C);
-      return n === void 0 ? t : n;
+    apply: (t, o) => {
+      const n = t.getMeta(f);
+      return n === void 0 ? o : n;
     }
   },
-  view: (e) => new be(o, e)
-}), Ce = (o) => Z.create({
+  view: (t) => new pe(e, t)
+}), ge = (e) => Y.create({
   name: "columnResize",
   addProseMirrorPlugins() {
-    return [we(o)];
+    return [fe(e)];
   }
-}), ve = j.create({
+}), be = L.create({
   name: "column",
   group: "bnBlock childContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -438,16 +556,16 @@ const we = (o) => new H({
         // value, which handles all the resizing for us, instead of manually
         // having to set the `width` property of each column.
         default: 1,
-        parseHTML: (o) => {
-          const e = o.getAttribute("data-width");
-          if (e === null)
+        parseHTML: (e) => {
+          const t = e.getAttribute("data-width");
+          if (t === null)
             return null;
-          const t = parseFloat(e);
-          return isFinite(t) ? t : null;
+          const o = parseFloat(t);
+          return isFinite(o) ? o : null;
         },
-        renderHTML: (o) => ({
-          "data-width": o.width.toString(),
-          style: `flex-grow: ${o.width};`
+        renderHTML: (e) => ({
+          "data-width": e.width.toString(),
+          style: `flex-grow: ${e.width};`
         })
       }
     };
@@ -456,24 +574,24 @@ const we = (o) => new H({
     return [
       {
         tag: "div",
-        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === this.name ? {} : !1
+        getAttrs: (e) => typeof e == "string" ? !1 : e.getAttribute("data-node-type") === this.name ? {} : !1
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
-    const e = document.createElement("div");
-    e.className = "bn-block-column", e.setAttribute("data-node-type", this.name);
-    for (const [t, n] of Object.entries(o))
-      e.setAttribute(t, n);
+  renderHTML({ HTMLAttributes: e }) {
+    const t = document.createElement("div");
+    t.className = "bn-block-column", t.setAttribute("data-node-type", this.name);
+    for (const [o, n] of Object.entries(e))
+      t.setAttribute(o, n);
     return {
-      dom: e,
-      contentDOM: e
+      dom: t,
+      contentDOM: t
     };
   },
   addExtensions() {
-    return [Ce(this.options.editor)];
+    return [ge(this.options.editor)];
   }
-}), ye = j.create({
+}), we = L.create({
   name: "columnList",
   group: "childContainer bnBlock blockGroupChild",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -487,23 +605,23 @@ const we = (o) => new H({
     return [
       {
         tag: "div",
-        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === this.name ? {} : !1
+        getAttrs: (e) => typeof e == "string" ? !1 : e.getAttribute("data-node-type") === this.name ? {} : !1
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
-    const e = document.createElement("div");
-    e.className = "bn-block-column-list", e.setAttribute("data-node-type", this.name);
-    for (const [t, n] of Object.entries(o))
-      e.setAttribute(t, n);
-    return e.style.display = "flex", {
-      dom: e,
-      contentDOM: e
+  renderHTML({ HTMLAttributes: e }) {
+    const t = document.createElement("div");
+    t.className = "bn-block-column-list", t.setAttribute("data-node-type", this.name);
+    for (const [o, n] of Object.entries(e))
+      t.setAttribute(o, n);
+    return t.style.display = "flex", {
+      dom: t,
+      contentDOM: t
     };
   }
-}), W = z(
+}), H = M(
   {
-    node: ve,
+    node: be,
     type: "column",
     content: "none"
   },
@@ -511,374 +629,151 @@ const we = (o) => new H({
     width: {
       default: 1
     }
-  }
-), A = z(
+  },
+  [he()]
+), z = M(
   {
-    node: ye,
+    node: we,
     type: "columnList",
     content: "none"
   },
   {}
-), I = q.create({
+), D = q.create({
   blockSpecs: {
-    column: W,
-    columnList: A
+    column: H,
+    columnList: z
   }
-}), Ue = (o) => o.extend({
+}), Re = (e) => e.extend({
   blockSpecs: {
-    column: W,
-    columnList: A
+    column: H,
+    columnList: z
   }
-}), k = 0.1;
-function ke(o) {
-  return { left: o.clientX, top: o.clientY };
-}
-function Ge(o) {
-  const e = o.editor;
-  return new H({
-    view(t) {
-      return new _e(t, o);
-    },
-    props: {
-      handleDrop(t, n, s, d) {
-        const c = t.posAtCoords(ke(n));
-        if (!c)
-          throw new Error("Could not get event position");
-        const l = V(t.state, c), i = $(l), a = t.nodeDOM(l.posBeforeNode).getBoundingClientRect();
-        let r = "regular";
-        if (n.clientX <= a.left + a.width * k && (r = "left"), n.clientX >= a.right - a.width * k && (r = "right"), r === "regular")
-          return !1;
-        const u = x(
-          s.content.child(0),
-          e.pmSchema
-          // TODO: cache?
-        );
-        if (i.blockNoteType === "column") {
-          const m = t.state.doc.resolve(i.bnBlock.beforePos).node(), h = x(
-            m,
-            e.pmSchema
-          );
-          let f = 0;
-          h.children.forEach((b) => {
-            f += b.props.width;
-          });
-          const w = f / h.children.length;
-          if (w < 0.99 || w > 1.01) {
-            const b = 1 / w;
-            h.children.forEach((y) => {
-              y.props.width = y.props.width * b;
-            });
-          }
-          const O = h.children.findIndex(
-            (b) => b.id === i.bnBlock.node.attrs.id
-          ), K = h.children.map((b) => ({
-            ...b,
-            children: b.children.filter(
-              (y) => y.id !== u.id
-            )
-          })).filter((b) => b.children.length > 0).toSpliced(r === "left" ? O : O + 1, 0, {
-            type: "column",
-            children: [u],
-            props: {},
-            content: void 0,
-            id: J.options.generateID()
-          });
-          e.getBlock(u.id) && e.removeBlocks([u]), e.updateBlock(h, {
-            children: K
-          });
-        } else {
-          const m = x(i.bnBlock.node, e.pmSchema);
-          if (m.id === u.id)
-            return;
-          const h = r === "left" ? [u, m] : [m, u];
-          e.getBlock(u.id) && e.removeBlocks([u]), e.replaceBlocks(
-            [m],
-            [
-              {
-                type: "columnList",
-                children: h.map((f) => ({
-                  type: "column",
-                  children: [f]
-                }))
-              }
-            ]
-          );
-        }
-        return !0;
-      }
-    }
-  });
-}
-class _e {
-  constructor(e, t) {
-    p(this, "width");
-    p(this, "color");
-    p(this, "class");
-    p(this, "cursorPos");
-    p(this, "element", null);
-    p(this, "timeout");
-    p(this, "handlers");
-    this.editorView = e, this.width = t.width ?? 1, this.color = t.color === !1 ? void 0 : t.color || "black", this.class = t.class, this.handlers = ["dragover", "dragend", "drop", "dragleave"].map((n) => {
-      const s = (d) => {
-        this[n](d);
-      };
-      return e.dom.addEventListener(
-        n,
-        s,
-        // drop event captured in bubbling phase to make sure
-        // "cursorPos" is set to undefined before the "handleDrop" handler is called
-        // (otherwise an error could be thrown, see https://github.com/TypeCellOS/BlockNote/pull/1240)
-        n === "drop" ? !0 : void 0
-      ), { name: n, handler: s };
-    });
-  }
-  destroy() {
-    this.handlers.forEach(
-      ({ name: e, handler: t }) => this.editorView.dom.removeEventListener(
-        e,
-        t,
-        e === "drop" ? !0 : void 0
-      )
-    );
-  }
-  update(e, t) {
-    this.cursorPos != null && t.doc !== e.state.doc && (this.cursorPos.pos > e.state.doc.content.size ? this.setCursor(void 0) : this.updateOverlay());
-  }
-  setCursor(e) {
-    var t, n;
-    e === this.cursorPos || (e == null ? void 0 : e.pos) === ((t = this.cursorPos) == null ? void 0 : t.pos) && (e == null ? void 0 : e.position) === ((n = this.cursorPos) == null ? void 0 : n.position) || (this.cursorPos = e, e ? this.updateOverlay() : (this.element.parentNode.removeChild(this.element), this.element = null));
-  }
-  updateOverlay() {
-    if (!this.cursorPos)
-      throw new Error("updateOverlay called with no cursor position");
-    const e = this.editorView.state.doc.resolve(this.cursorPos.pos), t = !e.parent.inlineContent;
-    let n;
-    const s = this.editorView.dom, d = s.getBoundingClientRect(), c = d.width / s.offsetWidth, l = d.height / s.offsetHeight;
-    if (t) {
-      const r = e.nodeBefore, u = e.nodeAfter;
-      if (r || u)
-        if (this.cursorPos.position === "left" || this.cursorPos.position === "right") {
-          const m = this.editorView.nodeDOM(this.cursorPos.pos);
-          if (!m)
-            throw new Error("nodeDOM returned null in updateOverlay");
-          const h = m.getBoundingClientRect(), f = this.width / 2 * l, w = this.cursorPos.position === "left" ? h.left : h.right;
-          n = {
-            left: w - f,
-            right: w + f,
-            top: h.top,
-            bottom: h.bottom
-            // left: blockRect.left,
-            // right: blockRect.right,
-          };
-        } else {
-          const m = this.editorView.nodeDOM(
-            this.cursorPos.pos - (r ? r.nodeSize : 0)
-          );
-          if (m) {
-            const h = m.getBoundingClientRect();
-            let f = r ? h.bottom : h.top;
-            r && u && (f = (f + this.editorView.nodeDOM(this.cursorPos.pos).getBoundingClientRect().top) / 2);
-            const w = this.width / 2 * l;
-            this.cursorPos.position === "regular" && (n = {
-              left: h.left,
-              right: h.right,
-              top: f - w,
-              bottom: f + w
-            });
-          }
-        }
-    }
-    if (!n) {
-      const r = this.editorView.coordsAtPos(this.cursorPos.pos), u = this.width / 2 * c;
-      n = {
-        left: r.left - u,
-        right: r.left + u,
-        top: r.top,
-        bottom: r.bottom
-      };
-    }
-    const i = this.editorView.dom.offsetParent;
-    this.element || (this.element = i.appendChild(document.createElement("div")), this.class && (this.element.className = this.class), this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;", this.color && (this.element.style.backgroundColor = this.color)), this.element.classList.toggle("prosemirror-dropcursor-block", t), this.element.classList.toggle(
-      "prosemirror-dropcursor-vertical",
-      this.cursorPos.position !== "regular"
-    ), this.element.classList.toggle("prosemirror-dropcursor-inline", !t);
-    let g, a;
-    if (!i || i === document.body && getComputedStyle(i).position === "static")
-      g = -window.scrollX, a = -window.scrollY;
-    else {
-      const r = i.getBoundingClientRect(), u = r.width / i.offsetWidth, m = r.height / i.offsetHeight;
-      g = r.left - i.scrollLeft * u, a = r.top - i.scrollTop * m;
-    }
-    this.element.style.left = (n.left - g) / c + "px", this.element.style.top = (n.top - a) / l + "px", this.element.style.width = (n.right - n.left) / c + "px", this.element.style.height = (n.bottom - n.top) / l + "px";
-  }
-  scheduleRemoval(e) {
-    clearTimeout(this.timeout), this.timeout = setTimeout(() => this.setCursor(void 0), e);
-  }
-  // this gets executed on every mouse move when dragging (drag over)
-  dragover(e) {
-    if (!this.editorView.editable)
-      return;
-    const t = this.editorView.posAtCoords({
-      left: e.clientX,
-      top: e.clientY
-    }), n = t && t.inside >= 0 && this.editorView.state.doc.nodeAt(t.inside), s = n && n.type.spec.disableDropCursor, d = typeof s == "function" ? s(this.editorView, t, e) : s;
-    if (t && !d) {
-      let c = "regular", l = t.pos;
-      const i = V(this.editorView.state, t), a = this.editorView.nodeDOM(i.posBeforeNode).getBoundingClientRect();
-      if (e.clientX <= a.left + a.width * k && (c = "left", l = i.posBeforeNode), e.clientX >= a.right - a.width * k && (c = "right", l = i.posBeforeNode), c === "regular" && this.editorView.dragging && this.editorView.dragging.slice) {
-        const r = te(
-          this.editorView.state.doc,
-          l,
-          this.editorView.dragging.slice
-        );
-        r != null && (l = r);
-      }
-      this.setCursor({ pos: l, position: c }), this.scheduleRemoval(5e3);
-    }
-  }
-  dragend() {
-    this.scheduleRemoval(20);
-  }
-  drop() {
-    this.setCursor(void 0);
-  }
-  dragleave(e) {
-    (e.target === this.editorView.dom || !this.editorView.dom.contains(e.relatedTarget)) && this.setCursor(void 0);
-  }
-}
-function V(o, e) {
-  const t = Q(o.doc, e.pos);
-  let n = o.doc.resolve(t.posBeforeNode);
-  return n.parent.type.name === "column" && (n = o.doc.resolve(n.before())), {
-    posBeforeNode: n.pos,
-    node: n.nodeAfter
-  };
-}
-var X = {
+});
+var R = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, L = v.createContext && /* @__PURE__ */ v.createContext(X), Pe = ["attr", "size", "title"];
-function xe(o, e) {
-  if (o == null) return {};
-  var t = Ee(o, e), n, s;
+}, O = g.createContext && /* @__PURE__ */ g.createContext(R), Ce = ["attr", "size", "title"];
+function ve(e, t) {
+  if (e == null) return {};
+  var o = ye(e, t), n, u;
   if (Object.getOwnPropertySymbols) {
-    var d = Object.getOwnPropertySymbols(o);
-    for (s = 0; s < d.length; s++)
-      n = d[s], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(o, n) && (t[n] = o[n]);
+    var l = Object.getOwnPropertySymbols(e);
+    for (u = 0; u < l.length; u++)
+      n = l[u], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
   }
-  return t;
+  return o;
 }
-function Ee(o, e) {
-  if (o == null) return {};
-  var t = {};
-  for (var n in o)
-    if (Object.prototype.hasOwnProperty.call(o, n)) {
-      if (e.indexOf(n) >= 0) continue;
-      t[n] = o[n];
+function ye(e, t) {
+  if (e == null) return {};
+  var o = {};
+  for (var n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n)) {
+      if (t.indexOf(n) >= 0) continue;
+      o[n] = e[n];
     }
-  return t;
+  return o;
 }
-function _() {
-  return _ = Object.assign ? Object.assign.bind() : function(o) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (o[n] = t[n]);
+function C() {
+  return C = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var o = arguments[t];
+      for (var n in o)
+        Object.prototype.hasOwnProperty.call(o, n) && (e[n] = o[n]);
     }
-    return o;
-  }, _.apply(this, arguments);
+    return e;
+  }, C.apply(this, arguments);
 }
-function R(o, e) {
-  var t = Object.keys(o);
+function T(e, t) {
+  var o = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(o);
-    e && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(o, s).enumerable;
-    })), t.push.apply(t, n);
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(u) {
+      return Object.getOwnPropertyDescriptor(e, u).enumerable;
+    })), o.push.apply(o, n);
   }
-  return t;
+  return o;
 }
-function P(o) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? R(Object(t), !0).forEach(function(n) {
-      Oe(o, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(t)) : R(Object(t)).forEach(function(n) {
-      Object.defineProperty(o, n, Object.getOwnPropertyDescriptor(t, n));
+function v(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var o = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? T(Object(o), !0).forEach(function(n) {
+      _e(e, n, o[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : T(Object(o)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(o, n));
     });
   }
-  return o;
+  return e;
 }
-function Oe(o, e, t) {
-  return e = Se(e), e in o ? Object.defineProperty(o, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = t, o;
+function _e(e, t, o) {
+  return t = ke(t), t in e ? Object.defineProperty(e, t, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = o, e;
 }
-function Se(o) {
-  var e = Be(o, "string");
-  return typeof e == "symbol" ? e : e + "";
+function ke(e) {
+  var t = Pe(e, "string");
+  return typeof t == "symbol" ? t : t + "";
 }
-function Be(o, e) {
-  if (typeof o != "object" || !o) return o;
-  var t = o[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var n = t.call(o, e);
+function Pe(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var o = e[Symbol.toPrimitive];
+  if (o !== void 0) {
+    var n = o.call(e, t);
     if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(o);
+  return (t === "string" ? String : Number)(e);
 }
-function U(o) {
-  return o && o.map((e, t) => /* @__PURE__ */ v.createElement(e.tag, P({
-    key: t
-  }, e.attr), U(e.child)));
+function W(e) {
+  return e && e.map((t, o) => /* @__PURE__ */ g.createElement(t.tag, v({
+    key: o
+  }, t.attr), W(t.child)));
 }
-function G(o) {
-  return (e) => /* @__PURE__ */ v.createElement(De, _({
-    attr: P({}, o.attr)
-  }, e), U(o.child));
+function A(e) {
+  return (t) => /* @__PURE__ */ g.createElement(Ee, C({
+    attr: v({}, e.attr)
+  }, t), W(e.child));
 }
-function De(o) {
-  var e = (t) => {
+function Ee(e) {
+  var t = (o) => {
     var {
       attr: n,
-      size: s,
-      title: d
-    } = o, c = xe(o, Pe), l = s || t.size || "1em", i;
-    return t.className && (i = t.className), o.className && (i = (i ? i + " " : "") + o.className), /* @__PURE__ */ v.createElement("svg", _({
+      size: u,
+      title: l
+    } = e, s = ve(e, Ce), i = u || o.size || "1em", r;
+    return o.className && (r = o.className), e.className && (r = (r ? r + " " : "") + e.className), /* @__PURE__ */ g.createElement("svg", C({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, n, c, {
-      className: i,
-      style: P(P({
-        color: o.color || t.color
-      }, t.style), o.style),
-      height: l,
-      width: l,
+    }, o.attr, n, s, {
+      className: r,
+      style: v(v({
+        color: e.color || o.color
+      }, o.style), e.style),
+      height: i,
+      width: i,
       xmlns: "http://www.w3.org/2000/svg"
-    }), d && /* @__PURE__ */ v.createElement("title", null, d), o.children);
+    }), l && /* @__PURE__ */ g.createElement("title", null, l), e.children);
   };
-  return L !== void 0 ? /* @__PURE__ */ v.createElement(L.Consumer, null, (t) => e(t)) : e(X);
+  return O !== void 0 ? /* @__PURE__ */ g.createElement(O.Consumer, null, (o) => t(o)) : t(R);
 }
-function Ne(o) {
-  return G({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm9 -1v18" }, child: [] }] })(o);
+function xe(e) {
+  return A({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm9 -1v18" }, child: [] }] })(e);
 }
-function Te(o) {
-  return G({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm6 -1v18m6 -18v18" }, child: [] }] })(o);
+function Se(e) {
+  return A({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 3m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1zm6 -1v18m6 -18v18" }, child: [] }] })(e);
 }
-function Me(o) {
-  return "column" in o.schema.blockSchema && o.schema.blockSchema.columnList === I.blockSchema.columnList && "column" in o.schema.blockSchema && o.schema.blockSchema.column === I.blockSchema.column;
+function Ne(e) {
+  return "column" in e.schema.blockSchema && e.schema.blockSchema.columnList === D.blockSchema.columnList && "column" in e.schema.blockSchema && e.schema.blockSchema.column === D.blockSchema.column;
 }
-function Ke(o) {
-  const e = [];
-  return Me(o) && e.push(
+function We(e) {
+  const t = [];
+  return Ne(e) && t.push(
     {
-      ...M(o).slash_menu.two_columns,
-      icon: /* @__PURE__ */ T(Ne, { size: 18 }),
+      ...N(e).slash_menu.two_columns,
+      icon: /* @__PURE__ */ S(xe, { size: 18 }),
       onItemClick: () => {
-        B(o, {
+        P(e, {
           type: "columnList",
           children: [
             {
@@ -902,10 +797,10 @@ function Ke(o) {
       }
     },
     {
-      ...M(o).slash_menu.three_columns,
-      icon: /* @__PURE__ */ T(Te, { size: 18 }),
+      ...N(e).slash_menu.three_columns,
+      icon: /* @__PURE__ */ S(Se, { size: 18 }),
       onItemClick: () => {
-        B(o, {
+        P(e, {
           type: "columnList",
           children: [
             {
@@ -936,17 +831,18 @@ function Ke(o) {
         });
       }
     }
-  ), e;
+  ), t;
 }
 export {
-  W as ColumnBlock,
-  A as ColumnListBlock,
-  Me as checkMultiColumnBlocksInSchema,
-  M as getMultiColumnDictionary,
-  Ke as getMultiColumnSlashMenuItems,
-  Xe as locales,
-  Ge as multiColumnDropCursor,
-  I as multiColumnSchema,
-  Ue as withMultiColumn
+  H as ColumnBlock,
+  z as ColumnListBlock,
+  Ne as checkMultiColumnBlocksInSchema,
+  j as detectEdgePosition,
+  N as getMultiColumnDictionary,
+  We as getMultiColumnSlashMenuItems,
+  He as locales,
+  ze as multiColumnDropCursor,
+  D as multiColumnSchema,
+  Re as withMultiColumn
 };
 //# sourceMappingURL=blocknote-xl-multi-column.js.map