@blocknote/core 0.9.2 → 0.9.3

package/dist/blocknote.js

@@ -1,6 +1,6 @@
 var Pt = Object.defineProperty;
 var Ot = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var u = (n, e, t) => (Ot(n, typeof e != "symbol" ? e + "" : e, t), t);
+var p = (n, e, t) => (Ot(n, typeof e != "symbol" ? e + "" : e, t), t);
 import { Extension as T, Mark as lt, Node as U, InputRule as K, mergeAttributes as A, combineTransactionSteps as Dt, getChangedRanges as Rt, findChildrenInRange as Vt, findChildren as tt, findParentNode as zt, extensions as L, isTextSelection as Ut, isNodeSelection as Ft, posToDOMRect as q, getMarkRange as et, Editor as Gt } from "@tiptap/core";
 import { Bold as $t } from "@tiptap/extension-bold";
 import { Code as jt } from "@tiptap/extension-code";
@@ -67,14 +67,14 @@ function k(n, e) {
       break;
     l -= 1, s = r.node(l);
   }
-  const { id: a, contentNode: d, contentType: c, numChildBlocks: h } = pt(s), p = r.start(l), f = r.end(l);
+  const { id: a, contentNode: d, contentType: c, numChildBlocks: h } = pt(s), u = r.start(l), f = r.end(l);
   return {
     id: a,
     node: s,
     contentNode: d,
     contentType: c,
     numChildBlocks: h,
-    startPos: p,
+    startPos: u,
     endPos: f,
     depth: l
   };
@@ -248,22 +248,22 @@ function Zo(n) {
           const l = o(), c = s._tiptapEditor.state.doc.resolve(l).node().attrs.id, h = s.getBlock(c);
           if (h.type !== n.type)
             throw new Error("Block type does not match");
-          const p = n.render(h, s);
-          if ("contentDOM" in p) {
+          const u = n.render(h, s);
+          if ("contentDOM" in u) {
             const g = ((m = this.options.domAttributes) == null ? void 0 : m.inlineContent) || {};
             for (const [b, C] of Object.entries(
               g
             ))
-              b !== "class" && p.contentDOM.setAttribute(b, C);
-            p.contentDOM.className = v(
-              p.contentDOM.className,
+              b !== "class" && u.contentDOM.setAttribute(b, C);
+            u.contentDOM.className = v(
+              u.contentDOM.className,
               y.inlineContent,
               g.class
             );
           }
-          return r.appendChild(p.dom), "contentDOM" in p ? {
+          return r.appendChild(u.dom), "contentDOM" in u ? {
             dom: r,
-            contentDOM: p.contentDOM
+            contentDOM: u.contentDOM
           } : {
             dom: r
           };
@@ -334,6 +334,7 @@ const Se = O({
     return [
       "div",
       A(e, {
+        ...t,
         class: v(
           y.blockContent,
           t.class
@@ -343,6 +344,7 @@ const Se = O({
       [
         "h" + n.attrs.level,
         {
+          ...o,
           class: v(
             y.inlineContent,
             o.class
@@ -426,6 +428,7 @@ const Se = O({
     return [
       "div",
       A(n, {
+        ...e,
         class: v(
           y.blockContent,
           e.class
@@ -435,6 +438,7 @@ const Se = O({
       [
         "p",
         {
+          ...t,
           class: v(
             y.inlineContent,
             t.class
@@ -457,12 +461,12 @@ const Se = O({
         if (d === void 0)
           return;
         if (!a) {
-          const p = k(o.doc, s - 2);
-          if (p === void 0)
+          const u = k(o.doc, s - 2);
+          if (u === void 0)
             return;
-          if (!(d.depth !== p.depth)) {
-            const m = p.contentNode;
-            if (p.contentType.name === "numberedListItem") {
+          if (!(d.depth !== u.depth)) {
+            const m = u.contentNode;
+            if (u.contentType.name === "numberedListItem") {
               const C = m.attrs.index;
               l = (parseInt(C) + 1).toString();
             }
@@ -545,6 +549,7 @@ const Se = O({
     return [
       "div",
       A(n, {
+        ...e,
         class: v(
           y.blockContent,
           e.class
@@ -556,6 +561,7 @@ const Se = O({
       [
         "p",
         {
+          ...t,
           class: v(
             y.inlineContent,
             t.class
@@ -732,7 +738,7 @@ const F = T.create({
           const { tr: l } = r, { types: a, attributeName: d, generateID: c } = this.options, h = Dt(
             o.doc,
             t
-          ), { mapping: p } = h;
+          ), { mapping: u } = h;
           if (Rt(h).forEach(({ newRange: m }) => {
             const g = Vt(
               r.doc,
@@ -749,7 +755,7 @@ const F = T.create({
                 });
                 return;
               }
-              const { deleted: Lt } = p.invert().mapResult(R);
+              const { deleted: Lt } = u.invert().mapResult(R);
               Lt && C.includes(Q) && l.setNodeMarkup(R, void 0, {
                 ...M.attrs,
                 [d]: c()
@@ -990,12 +996,12 @@ function E(n, e, t) {
     ...n.attrs,
     ...r.contentNode.attrs
   })) {
-    const p = e[r.contentType.name];
-    if (!p)
+    const u = e[r.contentType.name];
+    if (!u)
       throw Error(
         "Block is of an unrecognized type: " + r.contentType.name
       );
-    const f = p.propSchema;
+    const f = u.propSchema;
     c in f ? s[c] = h : c !== "id" && !(c in P) && console.warn("Block has an unrecognized attribute: " + c);
   }
   const l = He(r.contentNode), a = [];
@@ -1058,12 +1064,12 @@ const st = new S("previous-blocks"), Ne = {
           s.map((d) => [d.node.attrs.id, d])
         ), a = tt(r.doc, (d) => d.attrs.id);
         for (const d of a) {
-          const c = l.get(d.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, p = d.node.firstChild;
-          if (c && h && p) {
+          const c = l.get(d.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, u = d.node.firstChild;
+          if (c && h && u) {
             const f = {
-              index: p.attrs.index,
-              level: p.attrs.level,
-              type: p.type.name,
+              index: u.attrs.index,
+              level: u.attrs.level,
+              type: u.type.name,
               depth: r.doc.resolve(d.pos).depth
             };
             let m = {
@@ -1173,27 +1179,35 @@ const st = new S("previous-blocks"), Ne = {
         const { startPos: i, endPos: s, node: l, contentNode: a } = r;
         if (o) {
           if (e.children !== void 0) {
-            const d = [];
-            for (const c of e.children)
-              d.push(D(c, t.schema));
+            const f = [];
+            for (const m of e.children)
+              f.push(D(m, t.schema));
             l.childCount === 2 ? t.tr.replace(
               i + a.nodeSize + 1,
               s - 1,
-              new x(_.from(d), 0, 0)
+              new x(_.from(f), 0, 0)
             ) : t.tr.insert(
               i + a.nodeSize,
-              t.schema.nodes.blockGroup.create({}, d)
+              t.schema.nodes.blockGroup.create({}, f)
             );
           }
           if (e.content !== void 0) {
-            let d = [];
-            typeof e.content == "string" ? d.push(t.schema.text(e.content)) : d = Tt(e.content, t.schema), t.tr.replace(
+            let f = [];
+            typeof e.content == "string" ? f.push(t.schema.text(e.content)) : f = Tt(e.content, t.schema), t.tr.replace(
               i + 1,
               i + a.nodeSize - 1,
-              new x(_.from(d), 0, 0)
+              new x(_.from(f), 0, 0)
             );
           }
-          t.tr.setNodeMarkup(
+          const d = a.type.name, c = e.type || d, h = t.schema.nodes[d].spec.content, u = t.schema.nodes[c].spec.content;
+          h === "inline*" && u === "" ? t.tr.replaceWith(
+            i,
+            s,
+            t.schema.nodes[c].create({
+              ...a.attrs,
+              ...e.props
+            })
+          ) : t.tr.setNodeMarkup(
             i,
             e.type === void 0 ? void 0 : t.schema.nodes[e.type],
             {
@@ -1238,9 +1252,9 @@ const st = new S("previous-blocks"), Ne = {
           ), m = e.doc.resolve(d - 1), g = f.blockRange(m);
           t && e.tr.lift(g, c - 1);
         }
-        let h = n - 1, p = k(e.doc, h);
-        for (; p.numChildBlocks > 0; )
-          if (h--, p = k(e.doc, h), p === void 0)
+        let h = n - 1, u = k(e.doc, h);
+        for (; u.numChildBlocks > 0; )
+          if (h--, u = k(e.doc, h), u === void 0)
             return !1;
         return t && (t(
           e.tr.deleteRange(a, a + l.nodeSize).replace(
@@ -1258,8 +1272,8 @@ const st = new S("previous-blocks"), Ne = {
         const r = k(t.doc, n);
         if (r === void 0)
           return !1;
-        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = t.doc.cut(l + 1, n), h = t.doc.cut(n, a - 1), p = t.schema.nodes.blockContainer.createAndFill(), f = a + 1, m = f + 2;
-        return o && (t.tr.insert(f, p), t.tr.replace(
+        const { contentNode: i, contentType: s, startPos: l, endPos: a, depth: d } = r, c = t.doc.cut(l + 1, n), h = t.doc.cut(n, a - 1), u = t.schema.nodes.blockContainer.createAndFill(), f = a + 1, m = f + 2;
+        return o && (t.tr.insert(f, u), t.tr.replace(
           m,
           m + 1,
           h.content.size > 0 ? new x(
@@ -1448,7 +1462,7 @@ const st = new S("previous-blocks"), Ne = {
 class G {
   constructor() {
     // eslint-disable-next-line @typescript-eslint/ban-types
-    u(this, "callbacks", {});
+    p(this, "callbacks", {});
   }
   on(e, t) {
     return this.callbacks[e] || (this.callbacks[e] = []), this.callbacks[e].push(t), () => this.off(e, t);
@@ -1471,10 +1485,10 @@ const Ue = zt(
 class Fe {
   constructor(e, t, o = () => {
   }) {
-    u(this, "suggestionsMenuState");
-    u(this, "updateSuggestionsMenu");
-    u(this, "pluginState");
-    u(this, "handleScroll", () => {
+    p(this, "suggestionsMenuState");
+    p(this, "updateSuggestionsMenu");
+    p(this, "pluginState");
+    p(this, "handleScroll", () => {
       var e;
       if ((e = this.suggestionsMenuState) != null && e.show) {
         const t = document.querySelector(
@@ -1562,13 +1576,13 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
             };
           if (!d.active)
             return d;
-          const p = { ...d };
-          if (p.items = r(
+          const u = { ...d };
+          if (u.items = r(
             h.doc.textBetween(
               d.queryStartPos,
               h.selection.from
             )
-          ), p.notFoundCount = 0, p.items.length === 0 && (p.notFoundCount = Math.max(
+          ), u.notFoundCount = 0, u.items.length === 0 && (u.notFoundCount = Math.max(
             0,
             d.notFoundCount + (h.selection.from - c.selection.from)
           )), // Highlighting text should hide the menu.
@@ -1578,14 +1592,14 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
           a.getMeta("focus") || a.getMeta("blur") || a.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
           d.active && h.selection.from < d.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
           // the menu.
-          p.notFoundCount > 3)
+          u.notFoundCount > 3)
             return Y();
           if (((b = a.getMeta(t)) == null ? void 0 : b.selectedItemIndexChanged) !== void 0) {
             let C = a.getMeta(t).selectedItemIndexChanged;
-            C < 0 ? C = d.items.length - 1 : C >= d.items.length && (C = 0), p.keyboardHoveredItemIndex = C;
+            C < 0 ? C = d.items.length - 1 : C >= d.items.length && (C = 0), u.keyboardHoveredItemIndex = C;
           } else
-            c.selection.from !== h.selection.from && (p.keyboardHoveredItemIndex = 0);
-          return p;
+            c.selection.from !== h.selection.from && (u.keyboardHoveredItemIndex = 0);
+          return u;
         }
       },
       props: {
@@ -1602,7 +1616,7 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
             return !1;
           const {
             triggerCharacter: h,
-            queryStartPos: p,
+            queryStartPos: u,
             items: f,
             keyboardHoveredItemIndex: m
           } = t.getState(a.state);
@@ -1615,7 +1629,7 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
               selectedItemIndexChanged: m + 1
             })
           ), !0) : d.key === "Enter" ? (l(a), n._tiptapEditor.chain().focus().deleteRange({
-            from: p - h.length,
+            from: u - h.length,
             to: n._tiptapEditor.state.selection.from
           }).run(), i({
             item: f[m],
@@ -1624,10 +1638,10 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
         },
         // Setup decorator on the currently active suggestion.
         decorations(a) {
-          const { active: d, decorationId: c, queryStartPos: h, triggerCharacter: p } = this.getState(a);
+          const { active: d, decorationId: c, queryStartPos: h, triggerCharacter: u } = this.getState(a);
           if (!d)
             return null;
-          if (p === "") {
+          if (u === "") {
             const f = Ue(a.selection);
             if (f)
               return z.create(a.doc, [
@@ -1644,7 +1658,7 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
           }
           return z.create(a.doc, [
             V.inline(
-              h - p.length,
+              h - u.length,
               h,
               {
                 nodeName: "span",
@@ -1670,8 +1684,8 @@ const Ge = (n, e, t, o, r = () => [], i = () => {
 class $e extends G {
   constructor(t, o) {
     super();
-    u(this, "plugin");
-    u(this, "itemCallback");
+    p(this, "plugin");
+    p(this, "itemCallback");
     const r = Ge(
       t,
       (i) => {
@@ -1719,10 +1733,10 @@ const je = new S("blocknote-placeholder"), qe = T.create({
                 if ((d || !this.options.showOnlyCurrent) && c) {
                   const h = [this.options.emptyNodeClass];
                   this.editor.isEmpty && h.push(this.options.emptyEditorClass), d && h.push(this.options.hasAnchorClass), (o == null ? void 0 : o.triggerCharacter) === "" && (o != null && o.active) && h.push(this.options.isFilterClass);
-                  const p = V.node(a, a + l.nodeSize, {
+                  const u = V.node(a, a + l.nodeSize, {
                     class: h.join(" ")
                   });
-                  s.push(p);
+                  s.push(u);
                 }
                 return this.options.includeChildren;
               }), z.create(e, s);
@@ -1850,7 +1864,10 @@ const je = new S("blocknote-placeholder"), qe = T.create({
               throw new Error("Expected blockGroup");
             if (o = o.lastChild, !o || o.type.name !== "blockContainer")
               throw new Error("Expected blockContainer");
-            return o.nodeSize > 4;
+            const r = o.firstChild;
+            if (!r)
+              throw new Error("Expected blockContent");
+            return o.nodeSize > 4 || r.type.spec.content !== "inline*";
           }
         }
       })
@@ -2027,10 +2044,10 @@ function eo(n) {
     for (let s = 0; s < r; s++) {
       const a = o.children[s].children[0], d = a.children[0], c = a.children.length === 2 ? a.children[1] : null, h = e.has(
         d.properties.dataContentType
-      ), p = h ? n.orderedListItemBlockTypes.has(
+      ), u = h ? n.orderedListItemBlockTypes.has(
         d.properties.dataContentType
       ) ? "ol" : "ul" : null;
-      if (c !== null && t(c), i && i.tagName !== p) {
+      if (c !== null && t(c), i && i.tagName !== u) {
         o.children.splice(
           s - i.children.length,
           i.children.length,
@@ -2041,7 +2058,7 @@ function eo(n) {
       }
       if (h) {
         i || (i = nt(
-          document.createElement(p)
+          document.createElement(u)
         ));
         const f = nt(
           document.createElement("li")
@@ -2112,30 +2129,30 @@ async function ro(n, e, t) {
 }
 class io {
   constructor(e, t, o) {
-    u(this, "formattingToolbarState");
-    u(this, "updateFormattingToolbar");
-    u(this, "preventHide", !1);
-    u(this, "preventShow", !1);
-    u(this, "prevWasEditable", null);
-    u(this, "shouldShow", ({ view: e, state: t, from: o, to: r }) => {
+    p(this, "formattingToolbarState");
+    p(this, "updateFormattingToolbar");
+    p(this, "preventHide", !1);
+    p(this, "preventShow", !1);
+    p(this, "prevWasEditable", null);
+    p(this, "shouldShow", ({ view: e, state: t, from: o, to: r }) => {
       const { doc: i, selection: s } = t, { empty: l } = s, a = !i.textBetween(o, r).length && Ut(t.selection);
       return !(!e.hasFocus() || l || a);
     });
-    u(this, "viewMousedownHandler", () => {
+    p(this, "viewMousedownHandler", () => {
       this.preventShow = !0;
     });
-    u(this, "viewMouseupHandler", () => {
+    p(this, "viewMouseupHandler", () => {
       this.preventShow = !1, setTimeout(() => this.update(this.pmView));
     });
     // For dragging the whole editor.
-    u(this, "dragstartHandler", () => {
+    p(this, "dragstartHandler", () => {
       var e;
       (e = this.formattingToolbarState) != null && e.show && (this.formattingToolbarState.show = !1, this.updateFormattingToolbar());
     });
-    u(this, "focusHandler", () => {
+    p(this, "focusHandler", () => {
       setTimeout(() => this.update(this.pmView));
     });
-    u(this, "blurHandler", (e) => {
+    p(this, "blurHandler", (e) => {
       var o;
       if (this.preventHide) {
         this.preventHide = !1;
@@ -2146,7 +2163,7 @@ class io {
       e && e.relatedTarget && // Element is inside the editor.
       (t === e.relatedTarget || t.contains(e.relatedTarget)) || (o = this.formattingToolbarState) != null && o.show && (this.formattingToolbarState.show = !1, this.updateFormattingToolbar());
     });
-    u(this, "scrollHandler", () => {
+    p(this, "scrollHandler", () => {
       var e;
       (e = this.formattingToolbarState) != null && e.show && (this.formattingToolbarState.referencePos = this.getSelectionBoundingBox(), this.updateFormattingToolbar());
     });
@@ -2159,12 +2176,12 @@ class io {
     }, t.dom.addEventListener("mousedown", this.viewMousedownHandler), t.dom.addEventListener("mouseup", this.viewMouseupHandler), t.dom.addEventListener("dragstart", this.dragstartHandler), t.dom.addEventListener("focus", this.focusHandler), t.dom.addEventListener("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   update(e, t) {
-    var p, f;
+    var u, f;
     const { state: o, composing: r } = e, { doc: i, selection: s } = o, l = t && t.doc.eq(i) && t.selection.eq(s);
     if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (r || l))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: a } = s, d = Math.min(...a.map((m) => m.$from.pos)), c = Math.max(...a.map((m) => m.$to.pos)), h = (p = this.shouldShow) == null ? void 0 : p.call(this, {
+    const { ranges: a } = s, d = Math.min(...a.map((m) => m.$from.pos)), c = Math.max(...a.map((m) => m.$to.pos)), h = (u = this.shouldShow) == null ? void 0 : u.call(this, {
       view: e,
       state: o,
       from: d,
@@ -2201,8 +2218,8 @@ const so = new S(
 class ao extends G {
   constructor(t) {
     super();
-    u(this, "view");
-    u(this, "plugin");
+    p(this, "view");
+    p(this, "plugin");
     this.plugin = new w({
       key: so,
       view: (o) => (this.view = new io(t, o, (r) => {
@@ -2216,18 +2233,18 @@ class ao extends G {
 }
 class lo {
   constructor(e, t, o) {
-    u(this, "hyperlinkToolbarState");
-    u(this, "updateHyperlinkToolbar");
-    u(this, "menuUpdateTimer");
-    u(this, "startMenuUpdateTimer");
-    u(this, "stopMenuUpdateTimer");
-    u(this, "mouseHoveredHyperlinkMark");
-    u(this, "mouseHoveredHyperlinkMarkRange");
-    u(this, "keyboardHoveredHyperlinkMark");
-    u(this, "keyboardHoveredHyperlinkMarkRange");
-    u(this, "hyperlinkMark");
-    u(this, "hyperlinkMarkRange");
-    u(this, "mouseOverHandler", (e) => {
+    p(this, "hyperlinkToolbarState");
+    p(this, "updateHyperlinkToolbar");
+    p(this, "menuUpdateTimer");
+    p(this, "startMenuUpdateTimer");
+    p(this, "stopMenuUpdateTimer");
+    p(this, "mouseHoveredHyperlinkMark");
+    p(this, "mouseHoveredHyperlinkMarkRange");
+    p(this, "keyboardHoveredHyperlinkMark");
+    p(this, "keyboardHoveredHyperlinkMarkRange");
+    p(this, "hyperlinkMark");
+    p(this, "hyperlinkMarkRange");
+    p(this, "mouseOverHandler", (e) => {
       if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), e.target instanceof HTMLAnchorElement && e.target.nodeName === "A") {
         const t = e.target, o = this.pmView.posAtDOM(t, 0) + 1, r = this.pmView.state.doc.resolve(
           o
@@ -2244,7 +2261,7 @@ class lo {
       }
       return this.startMenuUpdateTimer(), !1;
     });
-    u(this, "clickHandler", (e) => {
+    p(this, "clickHandler", (e) => {
       var o;
       const t = this.pmView.dom.parentElement;
       // Toolbar is open.
@@ -2252,7 +2269,7 @@ class lo {
       e && e.target && // The clicked element is not the editor.
       !(t === e.target || t.contains(e.target)) && (o = this.hyperlinkToolbarState) != null && o.show && (this.hyperlinkToolbarState.show = !1, this.updateHyperlinkToolbar());
     });
-    u(this, "scrollHandler", () => {
+    p(this, "scrollHandler", () => {
       var e;
       this.hyperlinkMark !== void 0 && (e = this.hyperlinkToolbarState) != null && e.show && (this.hyperlinkToolbarState.referencePos = q(
         this.pmView,
@@ -2341,18 +2358,18 @@ const co = new S(
 class uo extends G {
   constructor(t) {
     super();
-    u(this, "view");
-    u(this, "plugin");
+    p(this, "view");
+    p(this, "plugin");
     /**
      * Edit the currently hovered hyperlink.
      */
-    u(this, "editHyperlink", (t, o) => {
+    p(this, "editHyperlink", (t, o) => {
       this.view.editHyperlink(t, o);
     });
     /**
      * Delete the currently hovered hyperlink.
      */
-    u(this, "deleteHyperlink", () => {
+    p(this, "deleteHyperlink", () => {
       this.view.deleteHyperlink();
     });
     /**
@@ -2361,7 +2378,7 @@ class uo extends G {
      *
      * This function starts the delay timer, and should be used for when the mouse cursor enters the hyperlink toolbar.
      */
-    u(this, "startHideTimer", () => {
+    p(this, "startHideTimer", () => {
       this.view.startMenuUpdateTimer();
     });
     /**
@@ -2370,7 +2387,7 @@ class uo extends G {
      *
      * This function stops the delay timer, and should be used for when the mouse cursor exits the hyperlink toolbar.
      */
-    u(this, "stopHideTimer", () => {
+    p(this, "stopHideTimer", () => {
       this.view.stopMenuUpdateTimer();
     });
     this.plugin = new w({
@@ -2387,7 +2404,7 @@ class uo extends G {
 class N extends j {
   constructor(t, o) {
     super(t, o);
-    u(this, "nodes");
+    p(this, "nodes");
     const r = t.node();
     this.nodes = [], t.doc.nodesBetween(t.pos, o.pos, (i, s, l) => {
       if (l !== null && l.eq(r))
@@ -2491,26 +2508,26 @@ function mo(n, e) {
     ), at(e, l, a)) : (e.dispatch(
       e.state.tr.setSelection(re.create(e.state.doc, r))
     ), at(e, r));
-    const h = e.state.selection.content(), { dom: p, text: f } = po(e, h);
-    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", p.innerHTML), n.dataTransfer.setData("text/plain", f), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(B, 0, 0), e.dragging = { slice: h, move: !0 };
+    const h = e.state.selection.content(), { dom: u, text: f } = po(e, h);
+    n.dataTransfer.clearData(), n.dataTransfer.setData("text/html", u.innerHTML), n.dataTransfer.setData("text/plain", f), n.dataTransfer.effectAllowed = "move", n.dataTransfer.setDragImage(B, 0, 0), e.dragging = { slice: h, move: !0 };
   }
 }
 class ko {
   constructor(e, t, o) {
-    u(this, "sideMenuState");
+    p(this, "sideMenuState");
     // When true, the drag handle with be anchored at the same level as root elements
     // When false, the drag handle with be just to the left of the element
     // TODO: Is there any case where we want this to be false?
-    u(this, "horizontalPosAnchoredAtRoot");
-    u(this, "horizontalPosAnchor");
-    u(this, "hoveredBlock");
+    p(this, "horizontalPosAnchoredAtRoot");
+    p(this, "horizontalPosAnchor");
+    p(this, "hoveredBlock");
     // Used to check if currently dragged content comes from this editor instance.
-    u(this, "isDragging", !1);
-    u(this, "menuFrozen", !1);
+    p(this, "isDragging", !1);
+    p(this, "menuFrozen", !1);
     /**
      * Sets isDragging when dragging text.
      */
-    u(this, "onDragStart", () => {
+    p(this, "onDragStart", () => {
       this.isDragging = !0;
     });
     /**
@@ -2518,7 +2535,7 @@ class ko {
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
-    u(this, "onDrop", (e) => {
+    p(this, "onDrop", (e) => {
       if (this.editor._tiptapEditor.commands.blur(), e.synthetic || !this.isDragging)
         return;
       const t = this.pmView.posAtCoords({
@@ -2535,7 +2552,7 @@ class ko {
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
-    u(this, "onDragOver", (e) => {
+    p(this, "onDragOver", (e) => {
       if (e.synthetic || !this.isDragging)
         return;
       const t = this.pmView.posAtCoords({
@@ -2547,12 +2564,12 @@ class ko {
         o.clientX = r.left + r.width / 2, o.clientY = e.clientY, o.dataTransfer = e.dataTransfer, o.preventDefault = () => e.preventDefault(), o.synthetic = !0, this.pmView.dom.dispatchEvent(o);
       }
     });
-    u(this, "onKeyDown", (e) => {
+    p(this, "onKeyDown", (e) => {
       var t;
       (t = this.sideMenuState) != null && t.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState)), this.menuFrozen = !1;
     });
-    u(this, "onMouseMove", (e) => {
-      var d, c, h, p, f;
+    p(this, "onMouseMove", (e) => {
+      var d, c, h, u, f;
       if (this.menuFrozen)
         return;
       const t = this.pmView.dom.firstChild.getBoundingClientRect(), o = this.pmView.dom.getBoundingClientRect(), r = e.clientX >= o.left && e.clientX <= o.right && e.clientY >= o.top && e.clientY <= o.bottom, i = this.pmView.dom.parentElement;
@@ -2575,7 +2592,7 @@ class ko {
         (c = this.sideMenuState) != null && c.show && (this.sideMenuState.show = !1, this.updateSideMenu(this.sideMenuState));
         return;
       }
-      if ((h = this.sideMenuState) != null && h.show && ((p = this.hoveredBlock) != null && p.hasAttribute("data-id")) && ((f = this.hoveredBlock) == null ? void 0 : f.getAttribute("data-id")) === l.id)
+      if ((h = this.sideMenuState) != null && h.show && ((u = this.hoveredBlock) != null && u.hasAttribute("data-id")) && ((f = this.hoveredBlock) == null ? void 0 : f.getAttribute("data-id")) === l.id)
         return;
       this.hoveredBlock = l.node;
       const a = l.node.firstChild;
@@ -2595,7 +2612,7 @@ class ko {
         }, this.updateSideMenu(this.sideMenuState);
       }
     });
-    u(this, "onScroll", () => {
+    p(this, "onScroll", () => {
       var e;
       if ((e = this.sideMenuState) != null && e.show) {
         const o = this.hoveredBlock.firstChild.getBoundingClientRect();
@@ -2647,35 +2664,35 @@ const go = new S("SideMenuPlugin");
 class bo extends G {
   constructor(t) {
     super();
-    u(this, "sideMenuView");
-    u(this, "plugin");
+    p(this, "sideMenuView");
+    p(this, "plugin");
     /**
      * If the block is empty, opens the slash menu. If the block has content,
      * creates a new block below and opens the slash menu in it.
      */
-    u(this, "addBlock", () => this.sideMenuView.addBlock());
+    p(this, "addBlock", () => this.sideMenuView.addBlock());
     /**
      * Handles drag & drop events for blocks.
      */
-    u(this, "blockDragStart", (t) => {
+    p(this, "blockDragStart", (t) => {
       this.sideMenuView.isDragging = !0, mo(t, this.editor.prosemirrorView);
     });
     /**
      * Handles drag & drop events for blocks.
      */
-    u(this, "blockDragEnd", () => Nt());
+    p(this, "blockDragEnd", () => Nt());
     /**
      * Freezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
      * mouse cursor.
      */
-    u(this, "freezeMenu", () => this.sideMenuView.menuFrozen = !0);
+    p(this, "freezeMenu", () => this.sideMenuView.menuFrozen = !0);
     /**
      * Unfreezes the side menu. When frozen, the side menu will stay
      * attached to the same block regardless of which block is hovered by the
      * mouse cursor.
      */
-    u(this, "unfreezeMenu", () => this.sideMenuView.menuFrozen = !1);
+    p(this, "unfreezeMenu", () => this.sideMenuView.menuFrozen = !1);
     this.editor = t, this.plugin = new w({
       key: go,
       view: (o) => (this.sideMenuView = new ko(
@@ -2745,14 +2762,14 @@ const yo = (n = St) => {
 };
 class Qo {
   constructor(e = {}) {
-    u(this, "_tiptapEditor");
-    u(this, "blockCache", /* @__PURE__ */ new WeakMap());
-    u(this, "schema");
-    u(this, "ready", !1);
-    u(this, "sideMenu");
-    u(this, "formattingToolbar");
-    u(this, "slashMenu");
-    u(this, "hyperlinkToolbar");
+    p(this, "_tiptapEditor");
+    p(this, "blockCache", /* @__PURE__ */ new WeakMap());
+    p(this, "schema");
+    p(this, "ready", !1);
+    p(this, "sideMenu");
+    p(this, "formattingToolbar");
+    p(this, "slashMenu");
+    p(this, "hyperlinkToolbar");
     var l, a, d, c, h;
     this.options = e;
     const t = {
@@ -2793,26 +2810,26 @@ class Qo {
       ...vo,
       ...t._tiptapOptions,
       onCreate: () => {
-        var p;
-        (p = t.onEditorReady) == null || p.call(t, this), this.ready = !0;
+        var u;
+        (u = t.onEditorReady) == null || u.call(t, this), this.ready = !0;
       },
-      onBeforeCreate(p) {
+      onBeforeCreate(u) {
         if (!i)
           return;
-        const f = p.editor.schema, m = i.map((b) => D(b, f)), g = f.node(
+        const f = u.editor.schema, m = i.map((b) => D(b, f)), g = f.node(
           "doc",
           void 0,
           f.node("blockGroup", void 0, m)
         );
-        p.editor.options.content = g.toJSON();
+        u.editor.options.content = g.toJSON();
       },
       onUpdate: () => {
-        var p;
-        this.ready && ((p = t.onEditorContentChange) == null || p.call(t, this));
+        var u;
+        this.ready && ((u = t.onEditorContentChange) == null || u.call(t, this));
       },
       onSelectionUpdate: () => {
-        var p;
-        this.ready && ((p = t.onTextCursorPositionChange) == null || p.call(t, this));
+        var u;
+        this.ready && ((u = t.onTextCursorPositionChange) == null || u.call(t, this));
       },
       editable: e.editable === void 0 ? !0 : e.editable,
       extensions: t.enableBlockNoteExtensions === !1 ? (l = t._tiptapOptions) == null ? void 0 : l.extensions : [...((a = t._tiptapOptions) == null ? void 0 : a.extensions) || [], ...o],