@blocknote/core 0.6.2 → 0.7.1-alpha.0

package/dist/blocknote.js

@@ -1,46 +1,48 @@
 var Et = Object.defineProperty;
 var Ct = (o, t, e) => t in o ? Et(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
 var u = (o, t, e) => (Ct(o, typeof t != "symbol" ? t + "" : t, e), e);
-import { Extension as E, findChildren as $, combineTransactionSteps as Mt, getChangedRanges as Bt, findChildrenInRange as Tt, Mark as rt, Node as S, mergeAttributes as w, InputRule as W, findParentNode as wt, isTextSelection as St, isNodeSelection as xt, posToDOMRect as nt, getMarkRange as X, extensions as H, Editor as It } from "@tiptap/core";
+import { Extension as E, findChildren as G, combineTransactionSteps as Mt, getChangedRanges as Bt, findChildrenInRange as Tt, Mark as rt, Node as S, mergeAttributes as w, InputRule as j, findParentNode as wt, isTextSelection as St, isNodeSelection as xt, posToDOMRect as nt, getMarkRange as X, extensions as N, Editor as It } from "@tiptap/core";
 import { Slice as P, Fragment as L, DOMSerializer as Pt, DOMParser as Lt } from "prosemirror-model";
-import { Plugin as C, PluginKey as v, TextSelection as Q, Selection as G, NodeSelection as At } from "prosemirror-state";
-import { v4 as Ht } from "uuid";
+import { Plugin as C, PluginKey as v, TextSelection as Q, Selection as $, NodeSelection as _t } from "prosemirror-state";
+import { v4 as At } from "uuid";
 import it from "rehype-parse";
 import Nt from "rehype-remark";
 import st from "rehype-stringify";
 import at from "remark-gfm";
-import _t from "remark-parse";
+import Ht from "remark-parse";
 import Ot from "remark-rehype";
 import Dt from "remark-stringify";
-import { unified as j } from "unified";
+import { unified as W } from "unified";
 import { fromDom as Z } from "hast-util-from-dom";
 import { Bold as Ft } from "@tiptap/extension-bold";
 import { Code as Rt } from "@tiptap/extension-code";
-import { Dropcursor as zt } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Ut } from "@tiptap/extension-gapcursor";
-import { HardBreak as Gt } from "@tiptap/extension-hard-break";
-import { History as $t } from "@tiptap/extension-history";
-import { Italic as qt } from "@tiptap/extension-italic";
-import { Link as dt } from "@tiptap/extension-link";
-import { Strike as Wt } from "@tiptap/extension-strike";
-import { Text as jt } from "@tiptap/extension-text";
-import { Underline as Yt } from "@tiptap/extension-underline";
-import * as Kt from "prosemirror-view";
+import zt from "@tiptap/extension-collaboration";
+import Ut from "@tiptap/extension-collaboration-cursor";
+import { Dropcursor as $t } from "@tiptap/extension-dropcursor";
+import { Gapcursor as Gt } from "@tiptap/extension-gapcursor";
+import { HardBreak as qt } from "@tiptap/extension-hard-break";
+import { History as jt } from "@tiptap/extension-history";
+import { Italic as Wt } from "@tiptap/extension-italic";
+import { Link as lt } from "@tiptap/extension-link";
+import { Strike as Yt } from "@tiptap/extension-strike";
+import { Text as Kt } from "@tiptap/extension-text";
+import { Underline as Vt } from "@tiptap/extension-underline";
+import * as Jt from "prosemirror-view";
 import { Decoration as D, DecorationSet as F } from "prosemirror-view";
-const _ = [
+const O = [
   "backgroundColor",
   "textColor",
   "textAlignment"
 ], tt = {
-  paragraph: /* @__PURE__ */ new Set([..._]),
+  paragraph: /* @__PURE__ */ new Set([...O]),
   heading: /* @__PURE__ */ new Set([
-    ..._,
+    ...O,
     "level"
   ]),
   numberedListItem: /* @__PURE__ */ new Set([
-    ..._
+    ...O
   ]),
-  bulletListItem: /* @__PURE__ */ new Set([..._])
+  bulletListItem: /* @__PURE__ */ new Set([...O])
 };
 function g(o, t) {
   if (t < 0 || t > o.nodeSize)
@@ -54,30 +56,30 @@ function g(o, t) {
       break;
     i -= 1, n = e.node(i);
   }
-  const a = n.attrs.id, s = n.firstChild, d = s.type, l = n.childCount === 2 ? n.lastChild.childCount : 0, c = e.start(i), h = e.end(i);
+  const a = n.attrs.id, s = n.firstChild, l = s.type, d = n.childCount === 2 ? n.lastChild.childCount : 0, c = e.start(i), h = e.end(i);
   return {
     id: a,
     node: n,
     contentNode: s,
-    contentType: d,
-    numChildBlocks: l,
+    contentType: l,
+    numChildBlocks: d,
     startPos: c,
     endPos: h,
     depth: i
   };
 }
-function Vt(o, t = JSON.stringify) {
+function Xt(o, t = JSON.stringify) {
   const e = {};
   return o.filter((r) => {
     const n = t(r);
     return Object.prototype.hasOwnProperty.call(e, n) ? !1 : e[n] = !0;
   });
 }
-function Jt(o) {
+function Qt(o) {
   const t = o.filter(
     (r, n) => o.indexOf(r) !== n
   );
-  return Vt(t);
+  return Xt(t);
 }
 const Y = E.create({
   name: "uniqueID",
@@ -88,7 +90,7 @@ const Y = E.create({
     return {
       attributeName: "id",
       types: [],
-      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, window.__TEST_OPTIONS.mockID.toString()) : Ht(),
+      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, window.__TEST_OPTIONS.mockID.toString()) : At(),
       filterTransaction: null
     };
   },
@@ -111,13 +113,13 @@ const Y = E.create({
   // check initial content for missing ids
   onCreate() {
     if (this.editor.extensionManager.extensions.find(
-      (d) => d.name === "collaboration"
+      (l) => l.name === "collaboration"
     ))
       return;
     const { view: o, state: t } = this.editor, { tr: e, doc: r } = t, { types: n, attributeName: i, generateID: a } = this.options;
-    $(r, (d) => n.includes(d.type.name) && d.attrs[i] === null).forEach(({ node: d, pos: l }) => {
-      e.setNodeMarkup(l, void 0, {
-        ...d.attrs,
+    G(r, (l) => n.includes(l.type.name) && l.attrs[i] === null).forEach(({ node: l, pos: d }) => {
+      e.setNodeMarkup(d, void 0, {
+        ...l.attrs,
         [i]: a()
       });
     }), e.setMeta("addToHistory", !1), o.dispatch(e);
@@ -134,7 +136,7 @@ const Y = E.create({
           });
           if (!i || a)
             return;
-          const { tr: s } = n, { types: d, attributeName: l, generateID: c } = this.options, h = Mt(
+          const { tr: s } = n, { types: l, attributeName: d, generateID: c } = this.options, h = Mt(
             r.doc,
             e
           ), { mapping: f } = h;
@@ -142,22 +144,22 @@ const Y = E.create({
             const y = Tt(
               n.doc,
               m,
-              (M) => d.includes(M.type.name)
-            ), k = y.map(({ node: M }) => M.attrs[l]).filter((M) => M !== null), z = Jt(k);
-            y.forEach(({ node: M, pos: N }) => {
+              (M) => l.includes(M.type.name)
+            ), k = y.map(({ node: M }) => M.attrs[d]).filter((M) => M !== null), z = Qt(k);
+            y.forEach(({ node: M, pos: H }) => {
               var U;
-              const J = (U = s.doc.nodeAt(N)) === null || U === void 0 ? void 0 : U.attrs[l];
+              const J = (U = s.doc.nodeAt(H)) === null || U === void 0 ? void 0 : U.attrs[d];
               if (J === null) {
-                s.setNodeMarkup(N, void 0, {
+                s.setNodeMarkup(H, void 0, {
                   ...M.attrs,
-                  [l]: c()
+                  [d]: c()
                 });
                 return;
               }
-              const { deleted: vt } = f.invert().mapResult(N);
-              vt && z.includes(J) && s.setNodeMarkup(N, void 0, {
+              const { deleted: vt } = f.invert().mapResult(H);
+              vt && z.includes(J) && s.setNodeMarkup(H, void 0, {
                 ...M.attrs,
-                [l]: c()
+                [d]: c()
               });
             });
           }), !!s.steps.length)
@@ -195,24 +197,24 @@ const Y = E.create({
               return e;
             const { types: r, attributeName: n } = this.options, i = (a) => {
               const s = [];
-              return a.forEach((d) => {
-                if (d.isText) {
-                  s.push(d);
+              return a.forEach((l) => {
+                if (l.isText) {
+                  s.push(l);
                   return;
                 }
-                if (!r.includes(d.type.name)) {
-                  s.push(d.copy(i(d.content)));
+                if (!r.includes(l.type.name)) {
+                  s.push(l.copy(i(l.content)));
                   return;
                 }
-                const l = d.type.create(
+                const d = l.type.create(
                   {
-                    ...d.attrs,
+                    ...l.attrs,
                     [n]: null
                   },
-                  i(d.content),
-                  d.marks
+                  i(l.content),
+                  l.marks
                 );
-                s.push(l);
+                s.push(d);
               }), L.from(s);
             };
             return t = !1, new P(
@@ -226,25 +228,25 @@ const Y = E.create({
     ];
   }
 });
-class Xt extends Error {
+class Zt extends Error {
   constructor(t) {
     super(`Unreachable case: ${t}`);
   }
 }
-const lt = /* @__PURE__ */ new Set([
+const dt = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
   "strike",
   "code"
 ]), ct = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function Qt(o, t) {
+function te(o, t) {
   const e = [];
   for (const [r, n] of Object.entries(o.styles))
-    lt.has(r) ? e.push(t.mark(r)) : ct.has(r) && e.push(t.mark(r, { color: n }));
+    dt.has(r) ? e.push(t.mark(r)) : ct.has(r) && e.push(t.mark(r, { color: n }));
   return t.text(o.text, e);
 }
-function Zt(o, t) {
+function ee(o, t) {
   const e = t.marks.link.create({
     href: o.href
   });
@@ -255,18 +257,18 @@ function ut(o, t) {
   if (typeof o == "string")
     return e.push(t.text(o)), e;
   for (const r of o)
-    e.push(Qt(r, t));
+    e.push(te(r, t));
   return e;
 }
 function ht(o, t) {
   let e = [];
   for (const r of o)
     if (r.type === "link")
-      e.push(...Zt(r, t));
+      e.push(...ee(r, t));
     else if (r.type === "text")
       e.push(...ut([r], t));
     else
-      throw new Xt(r);
+      throw new Zt(r);
   return e;
 }
 function R(o, t) {
@@ -299,7 +301,7 @@ function R(o, t) {
     i.length > 0 ? [n, a] : n
   );
 }
-function te(o) {
+function oe(o) {
   const t = [];
   let e;
   return o.content.forEach((r) => {
@@ -308,7 +310,7 @@ function te(o) {
     for (const a of r.marks)
       if (a.type.name === "link")
         i = a;
-      else if (lt.has(a.type.name))
+      else if (dt.has(a.type.name))
         n[a.type.name] = !0;
       else if (ct.has(a.type.name))
         n[a.type.name] = a.attrs.color;
@@ -347,7 +349,7 @@ function B(o, t) {
   let n = r.id;
   n === null && (n = Y.options.generateID());
   const i = {};
-  for (const [l, c] of Object.entries({
+  for (const [d, c] of Object.entries({
     ...r.node.attrs,
     ...r.contentNode.attrs
   })) {
@@ -355,19 +357,19 @@ function B(o, t) {
       throw Error(
         "Block is of an unrecognized type: " + r.contentType.name
       );
-    tt[r.contentType.name].has(l) && (i[l] = c);
+    tt[r.contentType.name].has(d) && (i[d] = c);
   }
-  const a = te(r.contentNode), s = [];
-  for (let l = 0; l < r.numChildBlocks; l++)
-    s.push(B(r.node.lastChild.child(l)));
-  const d = {
+  const a = oe(r.contentNode), s = [];
+  for (let d = 0; d < r.numChildBlocks; d++)
+    s.push(B(r.node.lastChild.child(d)));
+  const l = {
     id: n,
     type: r.contentType.name,
     props: i,
     content: a,
     children: s
   };
-  return t == null || t.set(o, d), d;
+  return t == null || t.set(o, l), l;
 }
 function K(o, t) {
   let e, r;
@@ -380,27 +382,27 @@ function K(o, t) {
 }
 function pt(o, t, e = "before", r) {
   const n = typeof t == "string" ? t : t.id, i = [];
-  for (const l of o)
-    i.push(R(l, r.schema));
+  for (const d of o)
+    i.push(R(d, r.schema));
   let a = -1;
-  const { node: s, posBeforeNode: d } = K(n, r.state.doc);
-  if (e === "before" && (a = d), e === "after" && (a = d + s.nodeSize), e === "nested") {
+  const { node: s, posBeforeNode: l } = K(n, r.state.doc);
+  if (e === "before" && (a = l), e === "after" && (a = l + s.nodeSize), e === "nested") {
     if (s.childCount < 2) {
-      a = d + s.firstChild.nodeSize + 1;
-      const l = r.state.schema.nodes.blockGroup.create(
+      a = l + s.firstChild.nodeSize + 1;
+      const d = r.state.schema.nodes.blockGroup.create(
         {},
         i
       );
       r.view.dispatch(
-        r.state.tr.insert(a, l)
+        r.state.tr.insert(a, d)
       );
       return;
     }
-    a = d + s.firstChild.nodeSize + 2;
+    a = l + s.firstChild.nodeSize + 2;
   }
   r.view.dispatch(r.state.tr.insert(a, i));
 }
-function ee(o, t, e) {
+function re(o, t, e) {
   const r = typeof o == "string" ? o : o.id, { posBeforeNode: n } = K(r, e.state.doc);
   e.commands.BNUpdateBlock(n + 1, t);
 }
@@ -429,10 +431,10 @@ function ft(o, t) {
     );
   }
 }
-function oe(o, t, e) {
+function ne(o, t, e) {
   pt(t, o[0], "before", e), ft(o, e);
 }
-function re() {
+function ie() {
   const o = (t) => {
     let e = t.children.length;
     for (let r = 0; r < e; r++) {
@@ -448,17 +450,17 @@ function re() {
   };
   return o;
 }
-function ne(o) {
+function se(o) {
   const t = /* @__PURE__ */ new Set([
     ...o.orderedListItemBlockTypes,
     ...o.unorderedListItemBlockTypes
   ]), e = (r) => {
     let n = r.children.length, i;
     for (let a = 0; a < n; a++) {
-      const d = r.children[a].children[0], l = d.children[0], c = d.children.length === 2 ? d.children[1] : null, h = t.has(
-        l.properties.dataContentType
+      const l = r.children[a].children[0], d = l.children[0], c = l.children.length === 2 ? l.children[1] : null, h = t.has(
+        d.properties.dataContentType
       ), f = h ? o.orderedListItemBlockTypes.has(
-        l.properties.dataContentType
+        d.properties.dataContentType
       ) ? "ol" : "ul" : null;
       if (c !== null && e(c), i && i.tagName !== f) {
         r.children.splice(
@@ -476,13 +478,13 @@ function ne(o) {
         const p = Z(
           document.createElement("li")
         );
-        p.children.push(l.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
+        p.children.push(d.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
       } else if (c !== null) {
-        r.children.splice(a + 1, 0, ...c.children), r.children[a] = l.children[0];
+        r.children.splice(a + 1, 0, ...c.children), r.children[a] = d.children[0];
         const p = c.children.length;
         a += p, n += p;
       } else
-        r.children[a] = l.children[0];
+        r.children[a] = d.children[0];
     }
     i && r.children.splice(
       n - i.children.length,
@@ -498,7 +500,7 @@ async function mt(o, t) {
     const a = R(i, t), s = r.serializeNode(a);
     e.appendChild(s);
   }
-  return (await j().use(it, { fragment: !0 }).use(ne, {
+  return (await W().use(it, { fragment: !0 }).use(se, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
   }).use(st).process(e.innerHTML)).value;
@@ -511,14 +513,21 @@ async function gt(o, t) {
     i.push(B(n.firstChild.child(a)));
   return i;
 }
-async function ie(o, t) {
-  return (await j().use(it, { fragment: !0 }).use(re).use(Nt).use(at).use(Dt).process(await mt(o, t))).value;
+async function ae(o, t) {
+  return (await W().use(it, { fragment: !0 }).use(ie).use(Nt).use(at).use(Dt).process(await mt(o, t))).value;
 }
-async function se(o, t) {
-  const e = await j().use(_t).use(at).use(Ot).use(st).process(o);
+async function le(o, t) {
+  const e = await W().use(Ht).use(at).use(Ot).use(st).process(o);
   return gt(e.value, t);
 }
-const ae = E.create({
+const de = "_bnEditor_ywyu7_3", ce = "_bnRoot_ywyu7_20", ue = "_defaultStyles_ywyu7_35", he = "_dragPreview_ywyu7_69", _ = {
+  bnEditor: de,
+  bnRoot: ce,
+  defaultStyles: ue,
+  dragPreview: he,
+  "collaboration-cursor__caret": "_collaboration-cursor__caret_ywyu7_75",
+  "collaboration-cursor__label": "_collaboration-cursor__label_ywyu7_86"
+}, pe = E.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -548,7 +557,7 @@ const ae = E.create({
       }
     };
   }
-}), de = rt.create({
+}), fe = rt.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -577,7 +586,7 @@ const ae = E.create({
       setBackgroundColor: (o) => ({ commands: t }) => o !== "default" ? t.setMark(this.name, { color: o }) : t.unsetMark(this.name)
     };
   }
-}), et = new v("previous-blocks"), le = {
+}), et = new v("previous-blocks"), me = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -586,7 +595,7 @@ const ae = E.create({
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, ce = () => {
+}, ge = () => {
   let o;
   return new C({
     key: et,
@@ -619,17 +628,17 @@ const ae = E.create({
       apply(t, e, r, n) {
         if (e.currentTransactionOldBlockAttrs = {}, e.updatedBlocks.clear(), !t.docChanged || r.doc.eq(n.doc))
           return e;
-        const i = {}, a = $(r.doc, (l) => l.attrs.id), s = new Map(
-          a.map((l) => [l.node.attrs.id, l])
-        ), d = $(n.doc, (l) => l.attrs.id);
-        for (let l of d) {
-          const c = s.get(l.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, f = l.node.firstChild;
+        const i = {}, a = G(r.doc, (d) => d.attrs.id), s = new Map(
+          a.map((d) => [d.node.attrs.id, d])
+        ), l = G(n.doc, (d) => d.attrs.id);
+        for (let d of l) {
+          const c = s.get(d.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, f = d.node.firstChild;
           if (c && h && f) {
             const p = {
               index: f.attrs.index,
               level: f.attrs.level,
               type: f.type.name,
-              depth: n.doc.resolve(l.pos).depth
+              depth: n.doc.resolve(d.pos).depth
             };
             let m = {
               index: h.attrs.index,
@@ -637,7 +646,7 @@ const ae = E.create({
               type: h.type.name,
               depth: r.doc.resolve(c.pos).depth
             };
-            i[l.node.attrs.id] = m, t.getMeta("numberedListIndexing") && (l.node.attrs.id in e.prevTransactionOldBlockAttrs && (m = e.prevTransactionOldBlockAttrs[l.node.attrs.id]), p.type === "numberedListItem" && (m.index = p.index)), e.currentTransactionOldBlockAttrs[l.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(p) && (m["depth-change"] = m.depth - p.depth, e.updatedBlocks.add(l.node.attrs.id));
+            i[d.node.attrs.id] = m, t.getMeta("numberedListIndexing") && (d.node.attrs.id in e.prevTransactionOldBlockAttrs && (m = e.prevTransactionOldBlockAttrs[d.node.attrs.id]), p.type === "numberedListItem" && (m.index = p.index)), e.currentTransactionOldBlockAttrs[d.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(p) && (m["depth-change"] = m.depth - p.depth, e.updatedBlocks.add(d.node.attrs.id));
           }
         }
         return e.prevTransactionOldBlockAttrs = i, e;
@@ -653,31 +662,31 @@ const ae = E.create({
           if (!n.attrs.id || !e.updatedBlocks.has(n.attrs.id))
             return;
           const a = e.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
-          for (let [l, c] of Object.entries(a))
-            s["data-prev-" + le[l]] = c || "none";
-          const d = D.node(i, i + n.nodeSize, {
+          for (let [d, c] of Object.entries(a))
+            s["data-prev-" + me[d]] = c || "none";
+          const l = D.node(i, i + n.nodeSize, {
             ...s
           });
-          r.push(d);
+          r.push(l);
         }), F.create(t.doc, r);
       }
     }
   });
-}, ue = "_blockOuter_63zqr_5", he = "_blockContent_63zqr_10", pe = "_blockGroup_63zqr_26", fe = "_block_63zqr_5", me = "_isEmpty_63zqr_224", ge = "_isFilter_63zqr_225", ke = "_hasAnchor_63zqr_247", b = {
-  blockOuter: ue,
-  blockContent: he,
-  blockGroup: pe,
-  block: fe,
-  isEmpty: me,
-  isFilter: ge,
-  hasAnchor: ke
-}, ye = {
+}, ke = "_blockOuter_1qj38_5", ye = "_blockContent_1qj38_10", be = "_blockGroup_1qj38_30", ve = "_block_1qj38_5", Ee = "_isEmpty_1qj38_228", Ce = "_isFilter_1qj38_229", Me = "_hasAnchor_1qj38_251", b = {
+  blockOuter: ke,
+  blockContent: ye,
+  blockGroup: be,
+  block: ve,
+  isEmpty: Ee,
+  isFilter: Ce,
+  hasAnchor: Me
+}, Be = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, be = S.create({
+}, Te = S.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -698,7 +707,7 @@ const ae = E.create({
           if (typeof o == "string")
             return !1;
           const t = {};
-          for (let [e, r] of Object.entries(ye))
+          for (let [e, r] of Object.entries(Be))
             o.getAttribute(r) && (t[e] = o.getAttribute(r));
           return o.getAttribute("data-node-type") === "blockContainer" ? t : !1;
         }
@@ -743,34 +752,34 @@ const ae = E.create({
         const n = g(e.doc, o);
         if (n === void 0)
           return !1;
-        const { startPos: i, endPos: a, node: s, contentNode: d } = n;
+        const { startPos: i, endPos: a, node: s, contentNode: l } = n;
         if (r) {
           if (t.children !== void 0) {
-            const l = [];
+            const d = [];
             for (const c of t.children)
-              l.push(R(c, e.schema));
+              d.push(R(c, e.schema));
             s.childCount === 2 ? e.tr.replace(
-              i + d.nodeSize + 1,
+              i + l.nodeSize + 1,
               a - 1,
-              new P(L.from(l), 0, 0)
+              new P(L.from(d), 0, 0)
             ) : e.tr.insert(
-              i + d.nodeSize,
-              e.schema.nodes.blockGroup.create({}, l)
+              i + l.nodeSize,
+              e.schema.nodes.blockGroup.create({}, d)
             );
           }
           if (t.content !== void 0) {
-            let l = [];
-            typeof t.content == "string" ? l.push(e.schema.text(t.content)) : l = ht(t.content, e.schema), e.tr.replace(
+            let d = [];
+            typeof t.content == "string" ? d.push(e.schema.text(t.content)) : d = ht(t.content, e.schema), e.tr.replace(
               i + 1,
-              i + d.nodeSize - 1,
-              new P(L.from(l), 0, 0)
+              i + l.nodeSize - 1,
+              new P(L.from(d), 0, 0)
             );
           }
           e.tr.setNodeMarkup(
             i,
             t.type === void 0 ? void 0 : e.schema.nodes[t.type],
             {
-              ...d.attrs,
+              ...l.attrs,
               ...t.props
             }
           ), e.tr.setNodeMarkup(i - 1, void 0, {
@@ -804,18 +813,18 @@ const ae = E.create({
         const i = g(
           t.doc,
           o + 1
-        ), { node: a, contentNode: s, startPos: d, endPos: l, depth: c } = i;
+        ), { node: a, contentNode: s, startPos: l, endPos: d, depth: c } = i;
         if (a.childCount === 2) {
           const p = t.doc.resolve(
-            d + s.nodeSize + 1
-          ), m = t.doc.resolve(l - 1), y = p.blockRange(m);
+            l + s.nodeSize + 1
+          ), m = t.doc.resolve(d - 1), y = p.blockRange(m);
           e && t.tr.lift(y, c - 1);
         }
         let h = o - 1, f = g(t.doc, h);
         for (; f.numChildBlocks > 0; )
           if (h--, f = g(t.doc, h), f === void 0)
             return !1;
-        return e && (t.tr.deleteRange(d, d + s.nodeSize), t.tr.insertText(s.textContent, h - 1), t.tr.setSelection(
+        return e && (t.tr.deleteRange(l, l + s.nodeSize), t.tr.insertText(s.textContent, h - 1), t.tr.setSelection(
           new Q(t.doc.resolve(h - 1))
         )), !0;
       },
@@ -825,14 +834,14 @@ const ae = E.create({
         const n = g(e.doc, o);
         if (n === void 0)
           return !1;
-        const { contentNode: i, contentType: a, startPos: s, endPos: d, depth: l } = n, c = e.doc.cut(s + 1, o), h = e.doc.cut(o, d - 1), f = e.schema.nodes.blockContainer.createAndFill(), p = d + 1, m = p + 2;
+        const { contentNode: i, contentType: a, startPos: s, endPos: l, depth: d } = n, c = e.doc.cut(s + 1, o), h = e.doc.cut(o, l - 1), f = e.schema.nodes.blockContainer.createAndFill(), p = l + 1, m = p + 2;
         return r && (e.tr.insert(p, f), e.tr.replace(
           m,
           m + 1,
           h.content.size > 0 ? new P(
             L.from(h),
-            l + 2,
-            l + 2
+            d + 2,
+            d + 2
           ) : void 0
         ), t && e.tr.setBlockType(
           m,
@@ -843,18 +852,18 @@ const ae = E.create({
           new Q(e.doc.resolve(m))
         ), e.tr.replace(
           s + 1,
-          d - 1,
+          l - 1,
           c.content.size > 0 ? new P(
             L.from(c),
-            l + 2,
-            l + 2
+            d + 2,
+            d + 2
           ) : void 0
         )), !0;
       }
     };
   },
   addProseMirrorPlugins() {
-    return [ce()];
+    return [ge()];
   },
   addKeyboardShortcuts() {
     return {
@@ -882,8 +891,8 @@ const ae = E.create({
           const { depth: n, startPos: i } = g(
             r.doc,
             r.selection.from
-          ), a = r.selection.$anchor.parentOffset === 0, s = r.selection.anchor === r.selection.head, d = i === 2, l = i - 1;
-          return !d && a && s && n === 2 ? e.BNMergeBlocks(l) : !1;
+          ), a = r.selection.$anchor.parentOffset === 0, s = r.selection.anchor === r.selection.head, l = i === 2, d = i - 1;
+          return !l && a && s && n === 2 ? e.BNMergeBlocks(d) : !1;
         })
       ]),
       Enter: () => this.editor.commands.first(({ commands: e }) => [
@@ -893,8 +902,8 @@ const ae = E.create({
           const { node: n, depth: i } = g(
             r.doc,
             r.selection.from
-          ), a = r.selection.$anchor.parentOffset === 0, s = r.selection.anchor === r.selection.head, d = n.textContent.length === 0, l = i > 2;
-          return a && s && d && l ? e.liftListItem("blockContainer") : !1;
+          ), a = r.selection.$anchor.parentOffset === 0, s = r.selection.anchor === r.selection.head, l = n.textContent.length === 0, d = i > 2;
+          return a && s && l && d ? e.liftListItem("blockContainer") : !1;
         }),
         // Creates a new block and moves the selection to it if the current one is empty, while the selection is also
         // empty & at the start of the block.
@@ -902,8 +911,8 @@ const ae = E.create({
           const { node: i, endPos: a } = g(
             r.doc,
             r.selection.from
-          ), s = r.selection.$anchor.parentOffset === 0, d = r.selection.anchor === r.selection.head, l = i.textContent.length === 0;
-          if (s && d && l) {
+          ), s = r.selection.$anchor.parentOffset === 0, l = r.selection.anchor === r.selection.head, d = i.textContent.length === 0;
+          if (s && l && d) {
             const c = a + 1, h = c + 2;
             return n().BNCreateBlock(c).setTextSelection(h).run(), !0;
           }
@@ -954,7 +963,7 @@ const ae = E.create({
       })
     };
   }
-}), ve = S.create({
+}), we = S.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -981,7 +990,7 @@ const ae = E.create({
       0
     ];
   }
-}), Ee = S.create({
+}), Se = S.create({
   name: "paragraph",
   group: "blockContent",
   content: "inline*",
@@ -1004,7 +1013,7 @@ const ae = E.create({
       ["p", 0]
     ];
   }
-}), Ce = S.create({
+}), xe = S.create({
   name: "heading",
   group: "blockContent",
   content: "inline*",
@@ -1022,7 +1031,7 @@ const ae = E.create({
   },
   addInputRules() {
     return [
-      ...["1", "2", "3"].map((o) => new W({
+      ...["1", "2", "3"].map((o) => new j({
         find: new RegExp(`^(#{${parseInt(o)}})\\s$`),
         handler: ({ state: t, chain: e, range: r }) => {
           e().BNUpdateBlock(t.selection.from, {
@@ -1083,14 +1092,14 @@ const ae = E.create({
       a.command(() => t.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, Me = S.create({
+}, Ie = S.create({
   name: "bulletListItem",
   group: "blockContent",
   content: "inline*",
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new W({
+      new j({
         find: new RegExp("^[-+*]\\s$"),
         handler: ({ state: o, chain: t, range: e }) => {
           t().BNUpdateBlock(o.selection.from, {
@@ -1143,8 +1152,8 @@ const ae = E.create({
       ["p", 0]
     ];
   }
-}), Be = new v("numbered-list-indexing"), Te = () => new C({
-  key: Be,
+}), Pe = new v("numbered-list-indexing"), Le = () => new C({
+  key: Pe,
   appendTransaction: (o, t, e) => {
     const r = e.tr;
     r.setMeta("numberedListIndexing", !0);
@@ -1152,14 +1161,14 @@ const ae = E.create({
     return e.doc.descendants((i, a) => {
       if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
         let s = "1";
-        const d = a === 1, l = g(r.doc, a + 1);
-        if (l === void 0)
+        const l = a === 1, d = g(r.doc, a + 1);
+        if (d === void 0)
           return;
-        if (!d) {
+        if (!l) {
           const f = g(r.doc, a - 2);
           if (f === void 0)
             return;
-          if (!(l.depth !== f.depth)) {
+          if (!(d.depth !== f.depth)) {
             const m = f.contentNode;
             if (f.contentType.name === "numberedListItem") {
               const z = m.attrs.index;
@@ -1167,13 +1176,13 @@ const ae = E.create({
             }
           }
         }
-        l.contentNode.attrs.index !== s && (n = !0, r.setNodeMarkup(a + 1, void 0, {
+        d.contentNode.attrs.index !== s && (n = !0, r.setNodeMarkup(a + 1, void 0, {
           index: s
         }));
       }
     }), n ? r : null;
   }
-}), we = S.create({
+}), _e = S.create({
   name: "numberedListItem",
   group: "blockContent",
   content: "inline*",
@@ -1191,7 +1200,7 @@ const ae = E.create({
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new W({
+      new j({
         find: new RegExp("^1\\.\\s$"),
         handler: ({ state: o, chain: t, range: e }) => {
           t().BNUpdateBlock(o.selection.from, {
@@ -1208,7 +1217,7 @@ const ae = E.create({
     };
   },
   addProseMirrorPlugins() {
-    return [Te()];
+    return [Le()];
   },
   parseHTML() {
     return [
@@ -1251,24 +1260,19 @@ const ae = E.create({
       ["p", 0]
     ];
   }
-}), Se = [
-  Ee,
-  Ce,
-  Me,
+}), Ae = [
+  Se,
+  xe,
+  Ie,
+  _e,
+  Te,
   we,
-  be,
-  ve,
   S.create({
     name: "doc",
     topNode: !0,
     content: "blockGroup"
   })
-], xe = "_bnEditor_dbz5y_3", Ie = "_bnRoot_dbz5y_20", Pe = "_defaultStyles_dbz5y_35", Le = "_dragPreview_dbz5y_66", O = {
-  bnEditor: xe,
-  bnRoot: Ie,
-  defaultStyles: Pe,
-  dragPreview: Le
-}, Ae = wt(
+], Ne = wt(
   (o) => o.type.name === "blockContainer"
 );
 function q() {
@@ -1312,10 +1316,10 @@ class He {
     const r = this.pluginKey.getState(e), n = this.pluginKey.getState(t.state), i = !r.active && n.active, a = r.active && !n.active, s = r.active && n.active;
     !i && !s && !a || (this.pluginState = a ? r : n, (a || !this.editor.isEditable) && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
       "mousedown",
-      (d) => d.preventDefault()
+      (l) => l.preventDefault()
     )), s && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && this.editor.isEditable && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
       "mousedown",
-      (d) => d.preventDefault()
+      (l) => l.preventDefault()
     )));
   }
   destroy() {
@@ -1337,7 +1341,7 @@ class He {
     };
   }
 }
-function Ne({
+function Oe({
   pluginKey: o,
   editor: t,
   defaultTriggerCharacter: e,
@@ -1356,8 +1360,8 @@ function Ne({
     view: (s) => new He({
       editor: t,
       pluginKey: o,
-      onSelectItem: (d) => {
-        a(s), n(d);
+      onSelectItem: (l) => {
+        a(s), n(l);
       },
       suggestionsMenuFactory: r
     }),
@@ -1367,10 +1371,10 @@ function Ne({
         return q();
       },
       // Apply changes to the plugin state from an editor transaction.
-      apply(s, d, l, c) {
+      apply(s, l, d, c) {
         var f, p, m, y;
         if (s.getMeta("orderedListIndexing") !== void 0)
-          return d;
+          return l;
         if ((f = s.getMeta(o)) != null && f.activate)
           return {
             active: !0,
@@ -1383,41 +1387,41 @@ function Ne({
             notFoundCount: 0,
             decorationId: `id_${Math.floor(Math.random() * 4294967295)}`
           };
-        if (!d.active)
-          return d;
-        const h = { ...d };
+        if (!l.active)
+          return l;
+        const h = { ...l };
         if (h.items = i(
-          c.doc.textBetween(d.queryStartPos, c.selection.from)
+          c.doc.textBetween(l.queryStartPos, c.selection.from)
         ), h.notFoundCount = 0, h.items.length === 0 && (h.notFoundCount = Math.max(
           0,
-          d.notFoundCount + (c.selection.from - l.selection.from)
+          l.notFoundCount + (c.selection.from - d.selection.from)
         )), // Highlighting text should hide the menu.
         c.selection.from !== c.selection.to || // Transactions with plugin metadata {deactivate: true} should hide the menu.
         (m = s.getMeta(o)) != null && m.deactivate || // Certain mouse events should hide the menu.
         // TODO: Change to global mousedown listener.
         s.getMeta("focus") || s.getMeta("blur") || s.getMeta("pointer") || // Moving the caret before the character which triggered the menu should hide it.
-        d.active && c.selection.from < d.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
+        l.active && c.selection.from < l.queryStartPos || // Entering more than 3 characters, after the last query that matched with at least 1 menu item, should hide
         // the menu.
         h.notFoundCount > 3)
           return q();
         if (((y = s.getMeta(o)) == null ? void 0 : y.selectedItemIndexChanged) !== void 0) {
           let k = s.getMeta(o).selectedItemIndexChanged;
-          k < 0 ? k = d.items.length - 1 : k >= d.items.length && (k = 0), h.keyboardHoveredItemIndex = k;
+          k < 0 ? k = l.items.length - 1 : k >= l.items.length && (k = 0), h.keyboardHoveredItemIndex = k;
         }
         return h;
       }
     },
     props: {
-      handleKeyDown(s, d) {
-        const l = this.getState(s.state).active;
-        if (d.key === e && !l)
+      handleKeyDown(s, l) {
+        const d = this.getState(s.state).active;
+        if (l.key === e && !d)
           return s.dispatch(
             s.state.tr.insertText(e).scrollIntoView().setMeta(o, {
               activate: !0,
               triggerCharacter: e
             })
           ), !0;
-        if (!l)
+        if (!d)
           return !1;
         const {
           triggerCharacter: c,
@@ -1425,21 +1429,21 @@ function Ne({
           items: f,
           keyboardHoveredItemIndex: p
         } = o.getState(s.state);
-        return d.key === "ArrowUp" ? (s.dispatch(
+        return l.key === "ArrowUp" ? (s.dispatch(
           s.state.tr.setMeta(o, {
             selectedItemIndexChanged: p - 1
           })
-        ), !0) : d.key === "ArrowDown" ? (s.dispatch(
+        ), !0) : l.key === "ArrowDown" ? (s.dispatch(
           s.state.tr.setMeta(o, {
             selectedItemIndexChanged: p + 1
           })
-        ), !0) : d.key === "Enter" ? (a(s), t._tiptapEditor.chain().focus().deleteRange({
+        ), !0) : l.key === "Enter" ? (a(s), t._tiptapEditor.chain().focus().deleteRange({
           from: h - c.length,
           to: t._tiptapEditor.state.selection.from
         }).run(), n({
           item: f[p],
           editor: t
-        }), !0) : d.key === "Escape" ? (a(s), !0) : !1;
+        }), !0) : l.key === "Escape" ? (a(s), !0) : !1;
       },
       // Hides menu in cases where mouse click does not cause an editor state change.
       handleClick(s) {
@@ -1447,11 +1451,11 @@ function Ne({
       },
       // Setup decorator on the currently active suggestion.
       decorations(s) {
-        const { active: d, decorationId: l, queryStartPos: c, triggerCharacter: h } = this.getState(s);
-        if (!d)
+        const { active: l, decorationId: d, queryStartPos: c, triggerCharacter: h } = this.getState(s);
+        if (!l)
           return null;
         if (h === "") {
-          const f = Ae(s.selection);
+          const f = Ne(s.selection);
           if (f)
             return F.create(s.doc, [
               D.node(
@@ -1460,7 +1464,7 @@ function Ne({
                 {
                   nodeName: "span",
                   class: "suggestion-decorator",
-                  "data-decoration-id": l
+                  "data-decoration-id": d
                 }
               )
             ]);
@@ -1472,7 +1476,7 @@ function Ne({
             {
               nodeName: "span",
               class: "suggestion-decorator",
-              "data-decoration-id": l
+              "data-decoration-id": d
             }
           )
         ]);
@@ -1480,7 +1484,7 @@ function Ne({
     }
   });
 }
-const V = new v("suggestions-slash-commands"), _e = E.create({
+const V = new v("suggestions-slash-commands"), De = E.create({
   name: "slash-command",
   addOptions() {
     return {
@@ -1494,7 +1498,7 @@ const V = new v("suggestions-slash-commands"), _e = E.create({
       throw new Error("required args not defined for SlashMenuExtension");
     const o = this.options.commands;
     return [
-      Ne({
+      Oe({
         pluginKey: V,
         editor: this.options.editor,
         defaultTriggerCharacter: "/",
@@ -1507,7 +1511,7 @@ const V = new v("suggestions-slash-commands"), _e = E.create({
     ];
   }
 });
-class A extends G {
+class A extends $ {
   constructor(e, r) {
     super(e, r);
     u(this, "nodes");
@@ -1533,7 +1537,7 @@ class A extends G {
   }
   map(e, r) {
     let n = r.mapResult(this.from), i = r.mapResult(this.to);
-    return i.deleted ? G.near(e.resolve(n.pos)) : n.deleted ? G.near(e.resolve(i.pos)) : new A(
+    return i.deleted ? $.near(e.resolve(n.pos)) : n.deleted ? $.near(e.resolve(i.pos)) : new A(
       e.resolve(n.pos),
       e.resolve(i.pos)
     );
@@ -1542,7 +1546,7 @@ class A extends G {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const Oe = Kt.__serializeForClipboard;
+const Fe = Jt.__serializeForClipboard;
 let T;
 function yt(o, t) {
   var n;
@@ -1559,7 +1563,7 @@ function yt(o, t) {
       return { node: r, id: r.getAttribute("data-id") };
   }
 }
-function De(o, t) {
+function Re(o, t) {
   let e = yt(o, t);
   if (e && e.node.nodeType === 1) {
     const r = t.docView;
@@ -1568,12 +1572,12 @@ function De(o, t) {
   }
   return null;
 }
-function Fe(o, t) {
+function ze(o, t) {
   let e, r;
   const n = t.resolve(o.from).node().type.spec.group === "blockContent", i = t.resolve(o.to).node().type.spec.group === "blockContent", a = Math.min(o.$anchor.depth, o.$head.depth);
   if (n && i) {
-    const s = o.$from.start(a - 1), d = o.$to.end(a - 1);
-    e = t.resolve(s - 1).pos, r = t.resolve(d + 1).pos;
+    const s = o.$from.start(a - 1), l = o.$to.end(a - 1);
+    e = t.resolve(s - 1).pos, r = t.resolve(l + 1).pos;
   } else
     e = o.from, r = o.to;
   return { from: e, to: r };
@@ -1592,15 +1596,15 @@ function ot(o, t, e = t) {
   for (let c = n.childElementCount - 1; c >= 0; c--)
     (c > s || c < a) && r.removeChild(r.children[c]);
   bt(), T = r;
-  const l = o.dom.className.split(" ").filter(
+  const d = o.dom.className.split(" ").filter(
     (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
   ).join(" ");
-  T.className = T.className + " " + O.dragPreview + " " + l, document.body.appendChild(T);
+  T.className = T.className + " " + _.dragPreview + " " + d, document.body.appendChild(T);
 }
 function bt() {
   T !== void 0 && (document.body.removeChild(T), T = void 0);
 }
-function Re(o, t) {
+function Ue(o, t) {
   if (!o.dataTransfer)
     return;
   const e = t.dom.getBoundingClientRect();
@@ -1608,19 +1612,19 @@ function Re(o, t) {
     left: e.left + e.width / 2,
     // take middle of editor
     top: o.clientY
-  }, n = De(r, t);
+  }, n = Re(r, t);
   if (n != null) {
-    const i = t.state.selection, a = t.state.doc, { from: s, to: d } = Fe(i, a), l = s <= n && n < d, c = i.$anchor.node() !== i.$head.node() || i instanceof A;
-    l && c ? (t.dispatch(
-      t.state.tr.setSelection(A.create(a, s, d))
-    ), ot(t, s, d)) : (t.dispatch(
-      t.state.tr.setSelection(At.create(t.state.doc, n))
+    const i = t.state.selection, a = t.state.doc, { from: s, to: l } = ze(i, a), d = s <= n && n < l, c = i.$anchor.node() !== i.$head.node() || i instanceof A;
+    d && c ? (t.dispatch(
+      t.state.tr.setSelection(A.create(a, s, l))
+    ), ot(t, s, l)) : (t.dispatch(
+      t.state.tr.setSelection(_t.create(t.state.doc, n))
     ), ot(t, n));
-    let h = t.state.selection.content(), { dom: f, text: p } = Oe(t, h);
+    let h = t.state.selection.content(), { dom: f, text: p } = Fe(t, h);
     o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", f.innerHTML), o.dataTransfer.setData("text/plain", p), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(T, 0, 0), t.dragging = { slice: h, move: !0 };
   }
 }
-class ze {
+class $e {
   constructor({
     tiptapEditor: t,
     editor: e,
@@ -1724,8 +1728,8 @@ class ze {
       return;
     const { contentNode: i, endPos: a } = n;
     if (i.textContent.length !== 0) {
-      const s = a + 1, d = s + 2;
-      this.ttEditor.chain().BNCreateBlock(s).BNUpdateBlock(d, { type: "paragraph", props: {} }).setTextSelection(d).run();
+      const s = a + 1, l = s + 2;
+      this.ttEditor.chain().BNCreateBlock(s).BNUpdateBlock(l, { type: "paragraph", props: {} }).setTextSelection(l).run();
     } else
       this.ttEditor.commands.setTextSelection(a);
     this.ttEditor.view.focus(), this.ttEditor.view.dispatch(
@@ -1741,7 +1745,7 @@ class ze {
       editor: this.editor,
       addBlock: () => this.addBlock(),
       blockDragStart: (t) => {
-        this.isDragging = !0, Re(t, this.ttEditor.view);
+        this.isDragging = !0, Ue(t, this.ttEditor.view);
       },
       blockDragEnd: () => bt(),
       freezeMenu: () => {
@@ -1765,15 +1769,15 @@ class ze {
     };
   }
 }
-const Ue = (o) => new C({
+const Ge = (o) => new C({
   key: new v("DraggableBlocksPlugin"),
-  view: () => new ze({
+  view: () => new $e({
     tiptapEditor: o.tiptapEditor,
     editor: o.editor,
     blockMenuFactory: o.blockSideMenuFactory,
     horizontalPosAnchoredAtRoot: !0
   })
-}), Ge = E.create({
+}), qe = E.create({
   name: "DraggableBlocksExtension",
   priority: 1e3,
   // Need to be high, in order to hide menu when typing slash
@@ -1783,7 +1787,7 @@ const Ue = (o) => new C({
         "UI Element factory not defined for DraggableBlocksExtension"
       );
     return [
-      Ue({
+      Ge({
         tiptapEditor: this.editor,
         editor: this.options.editor,
         blockSideMenuFactory: this.options.blockSideMenuFactory
@@ -1791,7 +1795,7 @@ const Ue = (o) => new C({
     ];
   }
 });
-class $e {
+class je {
   constructor({
     editor: t,
     tiptapEditor: e,
@@ -1808,8 +1812,8 @@ class $e {
     u(this, "toolbarIsOpen", !1);
     u(this, "prevWasEditable", null);
     u(this, "shouldShow", ({ view: t, state: e, from: r, to: n }) => {
-      const { doc: i, selection: a } = e, { empty: s } = a, d = !i.textBetween(r, n).length && St(e.selection);
-      return !(!t.hasFocus() || s || d);
+      const { doc: i, selection: a } = e, { empty: s } = a, l = !i.textBetween(r, n).length && St(e.selection);
+      return !(!t.hasFocus() || s || l);
     });
     u(this, "viewMousedownHandler", () => {
       this.preventShow = !0;
@@ -1844,12 +1848,12 @@ class $e {
     if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (n || s))
       return;
     this.prevWasEditable = this.editor.isEditable;
-    const { ranges: d } = a, l = Math.min(...d.map((p) => p.$from.pos)), c = Math.max(...d.map((p) => p.$to.pos)), h = (f = this.shouldShow) == null ? void 0 : f.call(this, {
+    const { ranges: l } = a, d = Math.min(...l.map((p) => p.$from.pos)), c = Math.max(...l.map((p) => p.$to.pos)), h = (f = this.shouldShow) == null ? void 0 : f.call(this, {
       editor: this.editor,
       view: t,
       state: r,
       oldState: e,
-      from: l,
+      from: d,
       to: c
     });
     if (this.editor.isEditable && !this.toolbarIsOpen && !this.preventShow && (h || this.preventHide)) {
@@ -1894,10 +1898,10 @@ class $e {
     };
   }
 }
-const qe = (o) => new C({
+const We = (o) => new C({
   key: new v("FormattingToolbarPlugin"),
-  view: (t) => new $e({ view: t, ...o })
-}), We = E.create({
+  view: (t) => new je({ view: t, ...o })
+}), Ye = E.create({
   name: "FormattingToolbarExtension",
   addProseMirrorPlugins() {
     if (!this.options.formattingToolbarFactory || !this.options.editor)
@@ -1905,7 +1909,7 @@ const qe = (o) => new C({
         "required args not defined for FormattingToolbarExtension"
       );
     return [
-      qe({
+      We({
         tiptapEditor: this.editor,
         editor: this.options.editor,
         formattingToolbarFactory: this.options.formattingToolbarFactory,
@@ -1913,8 +1917,8 @@ const qe = (o) => new C({
       })
     ];
   }
-}), je = new v("HyperlinkToolbarPlugin");
-class Ye {
+}), Ke = new v("HyperlinkToolbarPlugin");
+class Ve {
   constructor({ editor: t, hyperlinkToolbarFactory: e }) {
     u(this, "editor");
     u(this, "hyperlinkToolbar");
@@ -2041,13 +2045,13 @@ class Ye {
     };
   }
 }
-const Ke = (o, t) => new C({
-  key: je,
-  view: () => new Ye({
+const Je = (o, t) => new C({
+  key: Ke,
+  view: () => new Ve({
     editor: o,
     hyperlinkToolbarFactory: t.hyperlinkToolbarFactory
   })
-}), Ve = dt.extend({
+}), Xe = lt.extend({
   priority: 500,
   addProseMirrorPlugins() {
     var o;
@@ -2055,12 +2059,12 @@ const Ke = (o, t) => new C({
       throw new Error("UI Element factory not defined for HyperlinkMark");
     return [
       ...((o = this.parent) == null ? void 0 : o.call(this)) || [],
-      Ke(this.editor, {
+      Je(this.editor, {
         hyperlinkToolbarFactory: this.options.hyperlinkToolbarFactory
       })
     ];
   }
-}), Je = new v("blocknote-placeholder"), Xe = E.create({
+}), Qe = new v("blocknote-placeholder"), Ze = E.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -2077,17 +2081,17 @@ const Ke = (o, t) => new C({
   addProseMirrorPlugins() {
     return [
       new C({
-        key: Je,
+        key: Qe,
         props: {
           decorations: (o) => {
             const { doc: t, selection: e } = o, r = V.getState(o), n = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = e, a = [];
             if (n)
-              return t.descendants((s, d) => {
-                const l = i >= d && i <= d + s.nodeSize, c = !s.isLeaf && !s.childCount;
-                if ((l || !this.options.showOnlyCurrent) && c) {
+              return t.descendants((s, l) => {
+                const d = i >= l && i <= l + s.nodeSize, c = !s.isLeaf && !s.childCount;
+                if ((d || !this.options.showOnlyCurrent) && c) {
                   const h = [this.options.emptyNodeClass];
-                  this.editor.isEmpty && h.push(this.options.emptyEditorClass), l && h.push(this.options.hasAnchorClass), (r == null ? void 0 : r.triggerCharacter) === "" && (r != null && r.active) && h.push(this.options.isFilterClass);
-                  const f = D.node(d, d + s.nodeSize, {
+                  this.editor.isEmpty && h.push(this.options.emptyEditorClass), d && h.push(this.options.hasAnchorClass), (r == null ? void 0 : r.triggerCharacter) === "" && (r != null && r.active) && h.push(this.options.isFilterClass);
+                  const f = D.node(l, l + s.nodeSize, {
                     class: h.join(" ")
                   });
                   a.push(f);
@@ -2100,12 +2104,12 @@ const Ke = (o, t) => new C({
     ];
   }
 });
-class Qe {
+class to {
   constructor(t, e) {
     this.name = t, this.match = e;
   }
 }
-class x extends Qe {
+class x extends to {
   /**
    * Constructs a new slash-command.
    *
@@ -2123,7 +2127,7 @@ function I(o, t) {
   const e = o.getTextCursorPosition().block;
   e.content.length === 1 && e.content[0].type === "text" && e.content[0].text === "/" || e.content.length === 0 ? o.updateBlock(e, t) : (o.insertBlocks([t], e, "after"), o.setTextCursorPosition(o.getTextCursorPosition().nextBlock));
 }
-const Ze = [
+const eo = [
   // Command for creating a level 1 heading
   new x(
     "Heading",
@@ -2266,7 +2270,7 @@ const Ze = [
   //   TableIcon,
   //   "Used to create a simple table"
   // ),
-], to = E.create({
+], oo = E.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -2304,7 +2308,7 @@ const Ze = [
       }
     };
   }
-}), eo = E.create({
+}), ro = E.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -2330,7 +2334,7 @@ const Ze = [
       }
     };
   }
-}), oo = rt.create({
+}), no = rt.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -2359,7 +2363,7 @@ const Ze = [
       setTextColor: (o) => ({ commands: t }) => o !== "default" ? t.setMark(this.name, { color: o }) : t.unsetMark(this.name)
     };
   }
-}), ro = E.create({
+}), io = E.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
     const o = new v(this.name);
@@ -2367,11 +2371,11 @@ const Ze = [
       new C({
         key: o,
         appendTransaction: (t, e, r) => {
-          const { doc: n, tr: i, schema: a } = r, s = o.getState(r), d = n.content.size - 2, l = a.nodes.blockContainer, c = a.nodes.paragraph;
+          const { doc: n, tr: i, schema: a } = r, s = o.getState(r), l = n.content.size - 2, d = a.nodes.blockContainer, c = a.nodes.paragraph;
           if (s)
             return i.insert(
-              d,
-              l.create(void 0, c.create())
+              l,
+              d.create(void 0, c.create())
             );
         },
         state: {
@@ -2391,17 +2395,17 @@ const Ze = [
       })
     ];
   }
-}), no = (o) => {
+}), so = (o) => {
   const t = [
-    H.ClipboardTextSerializer,
-    H.Commands,
-    H.Editable,
-    H.FocusEvents,
-    H.Tabindex,
+    N.ClipboardTextSerializer,
+    N.Commands,
+    N.Editable,
+    N.FocusEvents,
+    N.Tabindex,
     // DevTools,
-    Ut,
+    Gt,
     // DropCursor,
-    Xe.configure({
+    Ze.configure({
       emptyNodeClass: b.isEmpty,
       hasAnchorClass: b.hasAnchor,
       isFilterClass: b.isFilter,
@@ -2411,71 +2415,92 @@ const Ze = [
     Y.configure({
       types: ["blockContainer"]
     }),
-    Gt,
+    qt,
     // Comments,
     // basics:
-    jt,
+    Kt,
     // marks:
     Ft,
     Rt,
-    qt,
     Wt,
     Yt,
+    Vt,
+    no,
+    ro,
+    fe,
+    pe,
     oo,
-    eo,
-    de,
-    ae,
-    to,
     // custom blocks:
-    ...Se,
-    zt.configure({ width: 5, color: "#ddeeff" }),
-    $t,
+    ...Ae,
+    $t.configure({ width: 5, color: "#ddeeff" }),
     // This needs to be at the bottom of this list, because Key events (such as enter, when selecting a /command),
     // should be handled before Enter handlers in other components like splitListItem
-    ro
+    io
   ];
+  if (o.collaboration) {
+    t.push(
+      zt.configure({
+        fragment: o.collaboration.fragment
+      })
+    );
+    const e = (r) => {
+      const n = document.createElement("span");
+      n.classList.add(_["collaboration-cursor__caret"]), n.setAttribute("style", `border-color: ${r.color}`);
+      const i = document.createElement("span");
+      i.classList.add(_["collaboration-cursor__label"]), i.setAttribute("style", `background-color: ${r.color}`), i.insertBefore(document.createTextNode(r.name), null);
+      const a = document.createTextNode("⁠"), s = document.createTextNode("⁠");
+      return n.insertBefore(a, null), n.insertBefore(i, null), n.insertBefore(s, null), n;
+    };
+    t.push(
+      Ut.configure({
+        user: o.collaboration.user,
+        render: o.collaboration.renderCursor || e,
+        provider: o.collaboration.provider
+      })
+    );
+  } else
+    t.push(jt);
   return o.uiFactories.blockSideMenuFactory && t.push(
-    Ge.configure({
+    qe.configure({
       editor: o.editor,
       blockSideMenuFactory: o.uiFactories.blockSideMenuFactory
     })
   ), o.uiFactories.formattingToolbarFactory && t.push(
-    We.configure({
+    Ye.configure({
       editor: o.editor,
       formattingToolbarFactory: o.uiFactories.formattingToolbarFactory
     })
   ), o.uiFactories.hyperlinkToolbarFactory ? t.push(
-    Ve.configure({
+    Xe.configure({
       hyperlinkToolbarFactory: o.uiFactories.hyperlinkToolbarFactory
     })
-  ) : t.push(dt), o.uiFactories.slashMenuFactory && t.push(
-    _e.configure({
+  ) : t.push(lt), o.uiFactories.slashMenuFactory && t.push(
+    De.configure({
       editor: o.editor,
       commands: o.slashCommands,
       slashMenuFactory: o.uiFactories.slashMenuFactory
     })
   ), t;
-}, io = {
+}, ao = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class No {
+class Fo {
   constructor(t = {}) {
     u(this, "_tiptapEditor");
     u(this, "blockCache", /* @__PURE__ */ new WeakMap());
-    var i, a, s;
-    t = {
+    var n, i, a;
+    this.options = t, t = {
       defaultStyles: !0,
       ...t
     };
-    const e = no({
+    const e = so({
       editor: this,
       uiFactories: t.uiFactories || {},
-      slashCommands: t.slashCommands || Ze
-    });
-    let r = t.disableHistoryExtension ? e.filter((d) => d.name !== "history") : e;
-    const n = {
+      slashCommands: t.slashCommands || eo,
+      collaboration: t.collaboration
+    }), r = {
       // TODO: This approach to setting initial content is "cleaner" but requires the PM editor schema, which is only
       //  created after initializing the TipTap editor. Not sure it's feasible.
       // content:
@@ -2483,36 +2508,36 @@ class No {
       //   options.initialContent.map((block) =>
       //     blockToNode(block, this._tiptapEditor.schema).toJSON()
       //   ),
-      ...io,
+      ...ao,
       ...t._tiptapOptions,
       onCreate: () => {
-        var d;
-        (d = t.onEditorReady) == null || d.call(t, this), t.initialContent && this.replaceBlocks(this.topLevelBlocks, t.initialContent);
+        var s;
+        (s = t.onEditorReady) == null || s.call(t, this), t.initialContent && this.replaceBlocks(this.topLevelBlocks, t.initialContent);
       },
       onUpdate: () => {
-        var d;
-        (d = t.onEditorContentChange) == null || d.call(t, this);
+        var s;
+        (s = t.onEditorContentChange) == null || s.call(t, this);
       },
       onSelectionUpdate: () => {
-        var d;
-        (d = t.onTextCursorPositionChange) == null || d.call(t, this);
+        var s;
+        (s = t.onTextCursorPositionChange) == null || s.call(t, this);
       },
       editable: t.editable === void 0 ? !0 : t.editable,
-      extensions: t.enableBlockNoteExtensions === !1 ? (i = t._tiptapOptions) == null ? void 0 : i.extensions : [...((a = t._tiptapOptions) == null ? void 0 : a.extensions) || [], ...r],
+      extensions: t.enableBlockNoteExtensions === !1 ? (n = t._tiptapOptions) == null ? void 0 : n.extensions : [...((i = t._tiptapOptions) == null ? void 0 : i.extensions) || [], ...e],
       editorProps: {
         attributes: {
           "data-theme": t.theme || "light",
           ...t.editorDOMAttributes || {},
           class: [
-            O.bnEditor,
-            O.bnRoot,
-            t.defaultStyles ? O.defaultStyles : "",
-            ((s = t.editorDOMAttributes) == null ? void 0 : s.class) || ""
+            _.bnEditor,
+            _.bnRoot,
+            t.defaultStyles ? _.defaultStyles : "",
+            ((a = t.editorDOMAttributes) == null ? void 0 : a.class) || ""
           ].join(" ")
         }
       }
     };
-    t.parentElement && (n.element = t.parentElement), this._tiptapEditor = new It(n);
+    t.parentElement && (r.element = t.parentElement), this._tiptapEditor = new It(r);
   }
   get domElement() {
     return this._tiptapEditor.view.dom;
@@ -2569,11 +2594,11 @@ class No {
     ), i = this._tiptapEditor.state.doc.resolve(n).index(e - 1), a = this._tiptapEditor.state.doc.resolve(n + 1).node().childCount;
     let s;
     i > 0 && (s = this._tiptapEditor.state.doc.resolve(r - 2).node());
-    let d;
-    return i < a - 1 && (d = this._tiptapEditor.state.doc.resolve(n + 2).node()), {
+    let l;
+    return i < a - 1 && (l = this._tiptapEditor.state.doc.resolve(n + 2).node()), {
       block: B(t, this.blockCache),
       prevBlock: s === void 0 ? void 0 : B(s, this.blockCache),
-      nextBlock: d === void 0 ? void 0 : B(d, this.blockCache)
+      nextBlock: l === void 0 ? void 0 : B(l, this.blockCache)
     };
   }
   /**
@@ -2638,7 +2663,7 @@ class No {
    * @param update A partial block which defines how the existing block should be changed.
    */
   updateBlock(t, e) {
-    ee(t, e, this._tiptapEditor);
+    re(t, e, this._tiptapEditor);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
@@ -2655,7 +2680,7 @@ class No {
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
   replaceBlocks(t, e) {
-    oe(t, e, this._tiptapEditor);
+    ne(t, e, this._tiptapEditor);
   }
   /**
    * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
@@ -2798,7 +2823,7 @@ class No {
    * @returns The blocks, serialized as a Markdown string.
    */
   async blocksToMarkdown(t) {
-    return ie(t, this._tiptapEditor.schema);
+    return ae(t, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -2808,15 +2833,25 @@ class No {
    * @returns The blocks parsed from the Markdown string.
    */
   async markdownToBlocks(t) {
-    return se(t, this._tiptapEditor.schema);
+    return le(t, this._tiptapEditor.schema);
+  }
+  /**
+   * Updates the user info for the current user that's shown to other collaborators.
+   */
+  updateCollaborationUserInfo(t) {
+    if (!this.options.collaboration)
+      throw new Error(
+        "Cannot update collaboration user info when collaboration is disabled."
+      );
+    this._tiptapEditor.commands.updateUser(t);
   }
 }
 export {
   x as BaseSlashMenuItem,
-  No as BlockNoteEditor,
+  Fo as BlockNoteEditor,
   tt as blockProps,
-  Ze as defaultSlashMenuItems,
-  no as getBlockNoteExtensions,
-  _ as globalProps
+  eo as defaultSlashMenuItems,
+  so as getBlockNoteExtensions,
+  O as globalProps
 };
 //# sourceMappingURL=blocknote.js.map