@blocknote/core 0.5.1 → 0.6.2

package/dist/blocknote.js

@@ -1,85 +1,85 @@
-var Ce = Object.defineProperty;
-var Be = (o, e, t) => e in o ? Ce(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var h = (o, e, t) => (Be(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { Extension as C, findChildren as $, combineTransactionSteps as Te, getChangedRanges as Me, findChildrenInRange as we, Mark as ne, Node as E, mergeAttributes as x, InputRule as Y, findParentNode as xe, isTextSelection as Ee, isNodeSelection as Ie, posToDOMRect as re, getMarkRange as X, extensions as N, Editor as Se } from "@tiptap/core";
-import { Slice as A, Fragment as P, DOMSerializer as Ae, DOMParser as Pe } from "prosemirror-model";
-import { Plugin as B, PluginKey as v, TextSelection as Q, Selection as G, NodeSelection as Ne } from "prosemirror-state";
-import { v4 as Le } from "uuid";
-import ie from "rehype-parse";
-import He from "rehype-remark";
-import se from "rehype-stringify";
-import ae from "remark-gfm";
-import Oe from "remark-parse";
-import _e from "remark-rehype";
-import De from "remark-stringify";
-import { unified as W } from "unified";
+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 { 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 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 Ot from "remark-rehype";
+import Dt from "remark-stringify";
+import { unified as j } from "unified";
 import { fromDom as Z } from "hast-util-from-dom";
-import { Bold as Fe } from "@tiptap/extension-bold";
-import { Code as Re } from "@tiptap/extension-code";
-import { Dropcursor as ze } from "@tiptap/extension-dropcursor";
-import { Gapcursor as Ue } from "@tiptap/extension-gapcursor";
-import { HardBreak as Ge } from "@tiptap/extension-hard-break";
-import { History as $e } from "@tiptap/extension-history";
-import { Italic as qe } from "@tiptap/extension-italic";
-import { Link as de } from "@tiptap/extension-link";
-import { Strike as Ye } from "@tiptap/extension-strike";
-import { Text as We } from "@tiptap/extension-text";
-import { Underline as je } from "@tiptap/extension-underline";
-import * as Ve from "prosemirror-view";
+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 { Decoration as D, DecorationSet as F } from "prosemirror-view";
-const O = [
+const _ = [
   "backgroundColor",
   "textColor",
   "textAlignment"
-], ee = {
-  paragraph: /* @__PURE__ */ new Set([...O]),
+], tt = {
+  paragraph: /* @__PURE__ */ new Set([..._]),
   heading: /* @__PURE__ */ new Set([
-    ...O,
+    ..._,
     "level"
   ]),
   numberedListItem: /* @__PURE__ */ new Set([
-    ...O
+    ..._
   ]),
-  bulletListItem: /* @__PURE__ */ new Set([...O])
+  bulletListItem: /* @__PURE__ */ new Set([..._])
 };
-function k(o, e) {
-  if (e < 0 || e > o.nodeSize)
+function g(o, t) {
+  if (t < 0 || t > o.nodeSize)
     return;
-  const t = o.resolve(e), n = t.depth;
-  let r = t.node(n), i = n;
+  const e = o.resolve(t), r = e.depth;
+  let n = e.node(r), i = r;
   for (; ; ) {
     if (i < 0)
       return;
-    if (r.type.name === "blockContainer")
+    if (n.type.name === "blockContainer")
       break;
-    i -= 1, r = t.node(i);
+    i -= 1, n = e.node(i);
   }
-  const a = r.attrs.id, s = r.firstChild, d = s.type, l = r.childCount === 2 ? r.lastChild.childCount : 0, c = t.start(i), u = t.end(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);
   return {
     id: a,
-    node: r,
+    node: n,
     contentNode: s,
     contentType: d,
     numChildBlocks: l,
     startPos: c,
-    endPos: u,
+    endPos: h,
     depth: i
   };
 }
-function Ke(o, e = JSON.stringify) {
-  const t = {};
-  return o.filter((n) => {
-    const r = e(n);
-    return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
+function Vt(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 Je(o) {
-  const e = o.filter(
-    (n, r) => o.indexOf(n) !== r
+function Jt(o) {
+  const t = o.filter(
+    (r, n) => o.indexOf(r) !== n
   );
-  return Ke(e);
+  return Vt(t);
 }
-const j = C.create({
+const Y = E.create({
   name: "uniqueID",
   // we’ll set a very high priority to make sure this runs first
   // and is compatible with `appendTransaction` hooks of other extensions
@@ -88,7 +88,7 @@ const j = C.create({
     return {
       attributeName: "id",
       types: [],
-      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, parseInt(window.__TEST_OPTIONS.mockID)) : Le(),
+      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(),
       filterTransaction: null
     };
   },
@@ -114,49 +114,49 @@ const j = C.create({
       (d) => d.name === "collaboration"
     ))
       return;
-    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: i, generateID: a } = this.options;
-    $(n, (d) => r.includes(d.type.name) && d.attrs[i] === null).forEach(({ node: d, pos: l }) => {
-      t.setNodeMarkup(l, void 0, {
+    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,
         [i]: a()
       });
-    }), t.setMeta("addToHistory", !1), o.dispatch(t);
+    }), e.setMeta("addToHistory", !1), o.dispatch(e);
   },
   addProseMirrorPlugins() {
-    let o = null, e = !1;
+    let o = null, t = !1;
     return [
-      new B({
+      new C({
         key: new v("uniqueID"),
-        appendTransaction: (t, n, r) => {
-          const i = t.some((m) => m.docChanged) && !n.doc.eq(r.doc), a = this.options.filterTransaction && t.some((m) => {
-            var y, g;
-            return !(!((g = (y = this.options).filterTransaction) === null || g === void 0) && g.call(y, m));
+        appendTransaction: (e, r, n) => {
+          const i = e.some((m) => m.docChanged) && !r.doc.eq(n.doc), a = this.options.filterTransaction && e.some((m) => {
+            var y, k;
+            return !(!((k = (y = this.options).filterTransaction) === null || k === void 0) && k.call(y, m));
           });
           if (!i || a)
             return;
-          const { tr: s } = r, { types: d, attributeName: l, generateID: c } = this.options, u = Te(
-            n.doc,
-            t
-          ), { mapping: f } = u;
-          if (Me(u).forEach(({ newRange: m }) => {
-            const y = we(
-              r.doc,
+          const { tr: s } = n, { types: d, attributeName: l, generateID: c } = this.options, h = Mt(
+            r.doc,
+            e
+          ), { mapping: f } = h;
+          if (Bt(h).forEach(({ newRange: m }) => {
+            const y = Tt(
+              n.doc,
               m,
-              (T) => d.includes(T.type.name)
-            ), g = y.map(({ node: T }) => T.attrs[l]).filter((T) => T !== null), z = Je(g);
-            y.forEach(({ node: T, pos: H }) => {
+              (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 }) => {
               var U;
-              const J = (U = s.doc.nodeAt(H)) === null || U === void 0 ? void 0 : U.attrs[l];
+              const J = (U = s.doc.nodeAt(N)) === null || U === void 0 ? void 0 : U.attrs[l];
               if (J === null) {
-                s.setNodeMarkup(H, void 0, {
-                  ...T.attrs,
+                s.setNodeMarkup(N, void 0, {
+                  ...M.attrs,
                   [l]: c()
                 });
                 return;
               }
-              const { deleted: ve } = f.invert().mapResult(H);
-              ve && z.includes(J) && s.setNodeMarkup(H, void 0, {
-                ...T.attrs,
+              const { deleted: vt } = f.invert().mapResult(N);
+              vt && z.includes(J) && s.setNodeMarkup(N, void 0, {
+                ...M.attrs,
                 [l]: c()
               });
             });
@@ -164,14 +164,14 @@ const j = C.create({
             return s;
         },
         // we register a global drag handler to track the current drag source element
-        view(t) {
-          const n = (r) => {
+        view(e) {
+          const r = (n) => {
             var i;
-            o = !((i = t.dom.parentElement) === null || i === void 0) && i.contains(r.target) ? t.dom.parentElement : null;
+            o = !((i = e.dom.parentElement) === null || i === void 0) && i.contains(n.target) ? e.dom.parentElement : null;
           };
-          return window.addEventListener("dragstart", n), {
+          return window.addEventListener("dragstart", r), {
             destroy() {
-              window.removeEventListener("dragstart", n);
+              window.removeEventListener("dragstart", r);
             }
           };
         },
@@ -181,44 +181,44 @@ const j = C.create({
           handleDOMEvents: {
             // only create new ids for dropped content while holding `alt`
             // or content is dragged from another editor
-            drop: (t, n) => {
-              var r;
-              return (o !== t.dom.parentElement || ((r = n.dataTransfer) === null || r === void 0 ? void 0 : r.effectAllowed) === "copy") && (o = null, e = !0), !1;
+            drop: (e, r) => {
+              var n;
+              return (o !== e.dom.parentElement || ((n = r.dataTransfer) === null || n === void 0 ? void 0 : n.effectAllowed) === "copy") && (o = null, t = !0), !1;
             },
             // always create new ids on pasted content
-            paste: () => (e = !0, !1)
+            paste: () => (t = !0, !1)
           },
           // we’ll remove ids for every pasted node
           // so we can create a new one within `appendTransaction`
-          transformPasted: (t) => {
-            if (!e)
-              return t;
-            const { types: n, attributeName: r } = this.options, i = (a) => {
+          transformPasted: (e) => {
+            if (!t)
+              return e;
+            const { types: r, attributeName: n } = this.options, i = (a) => {
               const s = [];
               return a.forEach((d) => {
                 if (d.isText) {
                   s.push(d);
                   return;
                 }
-                if (!n.includes(d.type.name)) {
+                if (!r.includes(d.type.name)) {
                   s.push(d.copy(i(d.content)));
                   return;
                 }
                 const l = d.type.create(
                   {
                     ...d.attrs,
-                    [r]: null
+                    [n]: null
                   },
                   i(d.content),
                   d.marks
                 );
                 s.push(l);
-              }), P.from(s);
+              }), L.from(s);
             };
-            return e = !1, new A(
-              i(t.content),
-              t.openStart,
-              t.openEnd
+            return t = !1, new P(
+              i(e.content),
+              e.openStart,
+              e.openEnd
             );
           }
         }
@@ -226,249 +226,250 @@ const j = C.create({
     ];
   }
 });
-class Xe extends Error {
-  constructor(e) {
-    super(`Unreachable case: ${e}`);
+class Xt extends Error {
+  constructor(t) {
+    super(`Unreachable case: ${t}`);
   }
 }
-const le = /* @__PURE__ */ new Set([
+const lt = /* @__PURE__ */ new Set([
   "bold",
   "italic",
   "underline",
-  "strike"
-]), ce = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
-function Qe(o, e) {
-  const t = [];
-  for (const [n, r] of Object.entries(o.styles))
-    le.has(n) ? t.push(e.mark(n)) : ce.has(n) && t.push(e.mark(n, { color: r }));
-  return e.text(o.text, t);
+  "strike",
+  "code"
+]), ct = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+function Qt(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 }));
+  return t.text(o.text, e);
 }
-function Ze(o, e) {
-  const t = e.marks.link.create({
+function Zt(o, t) {
+  const e = t.marks.link.create({
     href: o.href
   });
-  return ue(o.content, e).map((n) => n.mark([...n.marks, t]));
+  return ut(o.content, t).map((r) => r.mark([...r.marks, e]));
 }
-function ue(o, e) {
-  let t = [];
+function ut(o, t) {
+  let e = [];
   if (typeof o == "string")
-    return t.push(e.text(o)), t;
-  for (const n of o)
-    t.push(Qe(n, e));
-  return t;
+    return e.push(t.text(o)), e;
+  for (const r of o)
+    e.push(Qt(r, t));
+  return e;
 }
-function he(o, e) {
-  let t = [];
-  for (const n of o)
-    if (n.type === "link")
-      t.push(...Ze(n, e));
-    else if (n.type === "text")
-      t.push(...ue([n], e));
+function ht(o, t) {
+  let e = [];
+  for (const r of o)
+    if (r.type === "link")
+      e.push(...Zt(r, t));
+    else if (r.type === "text")
+      e.push(...ut([r], t));
     else
-      throw new Xe(n);
-  return t;
+      throw new Xt(r);
+  return e;
 }
-function R(o, e) {
-  let t = o.id;
-  t === void 0 && (t = j.options.generateID());
-  let n = o.type;
-  n === void 0 && (n = "paragraph");
-  let r;
+function R(o, t) {
+  let e = o.id;
+  e === void 0 && (e = Y.options.generateID());
+  let r = o.type;
+  r === void 0 && (r = "paragraph");
+  let n;
   if (!o.content)
-    r = e.nodes[n].create(o.props);
+    n = t.nodes[r].create(o.props);
   else if (typeof o.content == "string")
-    r = e.nodes[n].create(
+    n = t.nodes[r].create(
       o.props,
-      e.text(o.content)
+      t.text(o.content)
     );
   else {
-    const s = he(o.content, e);
-    r = e.nodes[n].create(o.props, s);
+    const s = ht(o.content, t);
+    n = t.nodes[r].create(o.props, s);
   }
   const i = [];
   if (o.children)
     for (const s of o.children)
-      i.push(R(s, e));
-  const a = e.nodes.blockGroup.create({}, i);
-  return e.nodes.blockContainer.create(
+      i.push(R(s, t));
+  const a = t.nodes.blockGroup.create({}, i);
+  return t.nodes.blockContainer.create(
     {
-      id: t,
+      id: e,
       ...o.props
     },
-    i.length > 0 ? [r, a] : r
+    i.length > 0 ? [n, a] : n
   );
 }
-function et(o) {
-  const e = [];
-  let t;
-  return o.content.forEach((n) => {
-    const r = {};
+function te(o) {
+  const t = [];
+  let e;
+  return o.content.forEach((r) => {
+    const n = {};
     let i;
-    for (const a of n.marks)
+    for (const a of r.marks)
       if (a.type.name === "link")
         i = a;
-      else if (le.has(a.type.name))
-        r[a.type.name] = !0;
-      else if (ce.has(a.type.name))
-        r[a.type.name] = a.attrs.color;
+      else if (lt.has(a.type.name))
+        n[a.type.name] = !0;
+      else if (ct.has(a.type.name))
+        n[a.type.name] = a.attrs.color;
       else
         throw Error("Mark is of an unrecognized type: " + a.type.name);
-    i && t && i.attrs.href === t.href ? t.content.push({
+    i && e && i.attrs.href === e.href ? e.content.push({
       type: "text",
-      text: n.textContent,
-      styles: r
-    }) : i ? (t = {
+      text: r.textContent,
+      styles: n
+    }) : i ? (e = {
       type: "link",
       href: i.attrs.href,
       content: [
         {
           type: "text",
-          text: n.textContent,
-          styles: r
+          text: r.textContent,
+          styles: n
         }
       ]
-    }, e.push(t)) : (e.push({
+    }, t.push(e)) : (t.push({
       type: "text",
-      text: n.textContent,
-      styles: r
-    }), t = void 0);
-  }), e;
+      text: r.textContent,
+      styles: n
+    }), e = void 0);
+  }), t;
 }
-function w(o, e) {
+function B(o, t) {
   if (o.type.name !== "blockContainer")
     throw Error(
       "Node must be of type blockContainer, but is of type" + o.type.name + "."
     );
-  const t = e == null ? void 0 : e.get(o);
-  if (t)
-    return t;
-  const n = k(o, 0);
-  let r = n.id;
-  r === null && (r = j.options.generateID());
+  const e = t == null ? void 0 : t.get(o);
+  if (e)
+    return e;
+  const r = g(o, 0);
+  let n = r.id;
+  n === null && (n = Y.options.generateID());
   const i = {};
   for (const [l, c] of Object.entries({
-    ...n.node.attrs,
-    ...n.contentNode.attrs
+    ...r.node.attrs,
+    ...r.contentNode.attrs
   })) {
-    if (!(n.contentType.name in ee))
+    if (!(r.contentType.name in tt))
       throw Error(
-        "Block is of an unrecognized type: " + n.contentType.name
+        "Block is of an unrecognized type: " + r.contentType.name
       );
-    ee[n.contentType.name].has(l) && (i[l] = c);
+    tt[r.contentType.name].has(l) && (i[l] = c);
   }
-  const a = et(n.contentNode), s = [];
-  for (let l = 0; l < n.numChildBlocks; l++)
-    s.push(w(n.node.lastChild.child(l)));
+  const a = te(r.contentNode), s = [];
+  for (let l = 0; l < r.numChildBlocks; l++)
+    s.push(B(r.node.lastChild.child(l)));
   const d = {
-    id: r,
-    type: n.contentType.name,
+    id: n,
+    type: r.contentType.name,
     props: i,
     content: a,
     children: s
   };
-  return e == null || e.set(o, d), d;
+  return t == null || t.set(o, d), d;
 }
-function V(o, e) {
-  let t, n;
-  if (e.firstChild.descendants((r, i) => t ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== o ? !0 : (t = r, n = i + 1, !1)), t === void 0 || n === void 0)
+function K(o, t) {
+  let e, r;
+  if (t.firstChild.descendants((n, i) => e ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== o ? !0 : (e = n, r = i + 1, !1)), e === void 0 || r === void 0)
     throw Error("Could not find block in the editor with matching ID.");
   return {
-    node: t,
-    posBeforeNode: n
+    node: e,
+    posBeforeNode: r
   };
 }
-function pe(o, e, t = "before", n) {
-  const r = typeof e == "string" ? e : e.id, i = [];
+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, n.schema));
+    i.push(R(l, r.schema));
   let a = -1;
-  const { node: s, posBeforeNode: d } = V(r, n.state.doc);
-  if (t === "before" && (a = d), t === "after" && (a = d + s.nodeSize), t === "nested") {
+  const { node: s, posBeforeNode: d } = K(n, r.state.doc);
+  if (e === "before" && (a = d), e === "after" && (a = d + s.nodeSize), e === "nested") {
     if (s.childCount < 2) {
       a = d + s.firstChild.nodeSize + 1;
-      const l = n.state.schema.nodes.blockGroup.create(
+      const l = r.state.schema.nodes.blockGroup.create(
         {},
         i
       );
-      n.view.dispatch(
-        n.state.tr.insert(a, l)
+      r.view.dispatch(
+        r.state.tr.insert(a, l)
       );
       return;
     }
     a = d + s.firstChild.nodeSize + 2;
   }
-  n.view.dispatch(n.state.tr.insert(a, i));
+  r.view.dispatch(r.state.tr.insert(a, i));
 }
-function tt(o, e, t) {
-  const n = typeof o == "string" ? o : o.id, { posBeforeNode: r } = V(n, t.state.doc);
-  t.commands.BNUpdateBlock(r + 1, e);
+function ee(o, t, e) {
+  const r = typeof o == "string" ? o : o.id, { posBeforeNode: n } = K(r, e.state.doc);
+  e.commands.BNUpdateBlock(n + 1, t);
 }
-function fe(o, e) {
-  const t = new Set(
+function ft(o, t) {
+  const e = new Set(
     o.map(
-      (r) => typeof r == "string" ? r : r.id
+      (n) => typeof n == "string" ? n : n.id
     )
   );
-  let n = 0;
-  if (e.state.doc.descendants((r, i) => {
-    if (t.size === 0)
+  let r = 0;
+  if (t.state.doc.descendants((n, i) => {
+    if (e.size === 0)
       return !1;
-    if (r.type.name !== "blockContainer" || !t.has(r.attrs.id))
+    if (n.type.name !== "blockContainer" || !e.has(n.attrs.id))
       return !0;
-    t.delete(r.attrs.id);
-    const a = e.state.doc.nodeSize;
-    e.commands.BNDeleteBlock(i - n + 1);
-    const s = e.state.doc.nodeSize;
-    return n += a - s, !1;
-  }), t.size > 0) {
-    let r = [...t].join(`
+    e.delete(n.attrs.id);
+    const a = t.state.doc.nodeSize;
+    t.commands.BNDeleteBlock(i - r + 1);
+    const s = t.state.doc.nodeSize;
+    return r += a - s, !1;
+  }), e.size > 0) {
+    let n = [...e].join(`
 `);
     throw Error(
-      "Blocks with the following IDs could not be found in the editor: " + r
+      "Blocks with the following IDs could not be found in the editor: " + n
     );
   }
 }
-function ot(o, e, t) {
-  pe(e, o[0], "before", t), fe(o, t);
+function oe(o, t, e) {
+  pt(t, o[0], "before", e), ft(o, e);
 }
-function nt() {
-  const o = (e) => {
-    let t = e.children.length;
-    for (let n = 0; n < t; n++) {
-      const r = e.children[n];
-      if (r.type === "element" && (o(r), r.tagName === "u"))
-        if (r.children.length > 0) {
-          e.children.splice(n, 1, ...r.children);
-          const i = r.children.length - 1;
-          t += i, n += i;
+function re() {
+  const o = (t) => {
+    let e = t.children.length;
+    for (let r = 0; r < e; r++) {
+      const n = t.children[r];
+      if (n.type === "element" && (o(n), n.tagName === "u"))
+        if (n.children.length > 0) {
+          t.children.splice(r, 1, ...n.children);
+          const i = n.children.length - 1;
+          e += i, r += i;
         } else
-          e.children.splice(n, 1), t--, n--;
+          t.children.splice(r, 1), e--, r--;
     }
   };
   return o;
 }
-function rt(o) {
-  const e = /* @__PURE__ */ new Set([
+function ne(o) {
+  const t = /* @__PURE__ */ new Set([
     ...o.orderedListItemBlockTypes,
     ...o.unorderedListItemBlockTypes
-  ]), t = (n) => {
-    let r = n.children.length, i;
-    for (let a = 0; a < r; a++) {
-      const d = n.children[a].children[0], l = d.children[0], c = d.children.length === 2 ? d.children[1] : null, u = e.has(
+  ]), 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
-      ), f = u ? o.orderedListItemBlockTypes.has(
+      ), f = h ? o.orderedListItemBlockTypes.has(
         l.properties.dataContentType
       ) ? "ol" : "ul" : null;
-      if (c !== null && t(c), i && i.tagName !== f) {
-        n.children.splice(
+      if (c !== null && e(c), i && i.tagName !== f) {
+        r.children.splice(
           a - i.children.length,
           i.children.length,
           i
         );
         const p = i.children.length - 1;
-        a -= p, r -= p, i = void 0;
+        a -= p, n -= p, i = void 0;
       }
-      if (u) {
+      if (h) {
         i || (i = Z(
           document.createElement(f)
         ));
@@ -477,47 +478,47 @@ function rt(o) {
         );
         p.children.push(l.children[0]), c !== null && p.children.push(...c.children), i.children.push(p);
       } else if (c !== null) {
-        n.children.splice(a + 1, 0, ...c.children), n.children[a] = l.children[0];
+        r.children.splice(a + 1, 0, ...c.children), r.children[a] = l.children[0];
         const p = c.children.length;
-        a += p, r += p;
+        a += p, n += p;
       } else
-        n.children[a] = l.children[0];
+        r.children[a] = l.children[0];
     }
-    i && n.children.splice(
-      r - i.children.length,
+    i && r.children.splice(
+      n - i.children.length,
       i.children.length,
       i
     );
   };
-  return t;
+  return e;
 }
-async function me(o, e) {
-  const t = document.createElement("div"), n = Ae.fromSchema(e);
+async function mt(o, t) {
+  const e = document.createElement("div"), r = Pt.fromSchema(t);
   for (const i of o) {
-    const a = R(i, e), s = n.serializeNode(a);
-    t.appendChild(s);
+    const a = R(i, t), s = r.serializeNode(a);
+    e.appendChild(s);
   }
-  return (await W().use(ie, { fragment: !0 }).use(rt, {
+  return (await j().use(it, { fragment: !0 }).use(ne, {
     orderedListItemBlockTypes: /* @__PURE__ */ new Set(["numberedListItem"]),
     unorderedListItemBlockTypes: /* @__PURE__ */ new Set(["bulletListItem"])
-  }).use(se).process(t.innerHTML)).value;
+  }).use(st).process(e.innerHTML)).value;
 }
-async function ke(o, e) {
-  const t = document.createElement("div");
-  t.innerHTML = o.trim();
-  const r = Pe.fromSchema(e).parse(t), i = [];
-  for (let a = 0; a < r.firstChild.childCount; a++)
-    i.push(w(r.firstChild.child(a)));
+async function gt(o, t) {
+  const e = document.createElement("div");
+  e.innerHTML = o.trim();
+  const n = Lt.fromSchema(t).parse(e), i = [];
+  for (let a = 0; a < n.firstChild.childCount; a++)
+    i.push(B(n.firstChild.child(a)));
   return i;
 }
-async function it(o, e) {
-  return (await W().use(ie, { fragment: !0 }).use(nt).use(He).use(ae).use(De).process(await me(o, e))).value;
+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 st(o, e) {
-  const t = await W().use(Oe).use(ae).use(_e).use(se).process(o);
-  return ke(t.value, e);
+async function se(o, t) {
+  const e = await j().use(_t).use(at).use(Ot).use(st).process(o);
+  return gt(e.value, t);
 }
-const at = C.create({
+const ae = E.create({
   name: "blockBackgroundColor",
   addGlobalAttributes() {
     return [
@@ -537,17 +538,17 @@ const at = C.create({
   },
   addCommands() {
     return {
-      setBlockBackgroundColor: (o, e) => ({ state: t, view: n }) => {
-        const r = k(t.doc, o);
-        return r === void 0 ? !1 : (t.tr.setNodeAttribute(
-          r.startPos - 1,
+      setBlockBackgroundColor: (o, t) => ({ state: e, view: r }) => {
+        const n = g(e.doc, o);
+        return n === void 0 ? !1 : (e.tr.setNodeAttribute(
+          n.startPos - 1,
           "backgroundColor",
-          e
-        ), n.focus(), !0);
+          t
+        ), r.focus(), !0);
       }
     };
   }
-}), dt = ne.create({
+}), de = rt.create({
   name: "backgroundColor",
   addAttributes() {
     return {
@@ -573,10 +574,10 @@ const at = C.create({
   },
   addCommands() {
     return {
-      setBackgroundColor: (o) => ({ commands: e }) => o !== "default" ? e.setMark(this.name, { color: o }) : e.unsetMark(this.name)
+      setBackgroundColor: (o) => ({ commands: t }) => o !== "default" ? t.setMark(this.name, { color: o }) : t.unsetMark(this.name)
     };
   }
-}), te = new v("previous-blocks"), lt = {
+}), et = new v("previous-blocks"), le = {
   // Numbered List Items
   index: "index",
   // Headings
@@ -585,17 +586,17 @@ const at = C.create({
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, ct = () => {
+}, ce = () => {
   let o;
-  return new B({
-    key: te,
-    view(e) {
+  return new C({
+    key: et,
+    view(t) {
       return {
-        update: async (t, n) => {
-          var r;
-          ((r = this.key) == null ? void 0 : r.getState(t.state).updatedBlocks.size) > 0 && (o = setTimeout(() => {
-            t.dispatch(
-              t.state.tr.setMeta(te, { clearUpdate: !0 })
+        update: async (e, r) => {
+          var n;
+          ((n = this.key) == null ? void 0 : n.getState(e.state).updatedBlocks.size) > 0 && (o = setTimeout(() => {
+            e.dispatch(
+              e.state.tr.setMeta(et, { clearUpdate: !0 })
             );
           }, 0));
         },
@@ -615,68 +616,68 @@ const at = C.create({
           updatedBlocks: /* @__PURE__ */ new Set()
         };
       },
-      apply(e, t, n, r) {
-        if (t.currentTransactionOldBlockAttrs = {}, t.updatedBlocks.clear(), !e.docChanged || n.doc.eq(r.doc))
-          return t;
-        const i = {}, a = $(n.doc, (l) => l.attrs.id), s = new Map(
+      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 = $(r.doc, (l) => l.attrs.id);
+        ), d = $(n.doc, (l) => l.attrs.id);
         for (let l of d) {
-          const c = s.get(l.node.attrs.id), u = c == null ? void 0 : c.node.firstChild, f = l.node.firstChild;
-          if (c && u && f) {
+          const c = s.get(l.node.attrs.id), h = c == null ? void 0 : c.node.firstChild, f = l.node.firstChild;
+          if (c && h && f) {
             const p = {
               index: f.attrs.index,
               level: f.attrs.level,
               type: f.type.name,
-              depth: r.doc.resolve(l.pos).depth
+              depth: n.doc.resolve(l.pos).depth
             };
             let m = {
-              index: u.attrs.index,
-              level: u.attrs.level,
-              type: u.type.name,
-              depth: n.doc.resolve(c.pos).depth
+              index: h.attrs.index,
+              level: h.attrs.level,
+              type: h.type.name,
+              depth: r.doc.resolve(c.pos).depth
             };
-            i[l.node.attrs.id] = m, e.getMeta("numberedListIndexing") && (l.node.attrs.id in t.prevTransactionOldBlockAttrs && (m = t.prevTransactionOldBlockAttrs[l.node.attrs.id]), p.type === "numberedListItem" && (m.index = p.index)), t.currentTransactionOldBlockAttrs[l.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(p) && (m["depth-change"] = m.depth - p.depth, t.updatedBlocks.add(l.node.attrs.id));
+            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));
           }
         }
-        return t.prevTransactionOldBlockAttrs = i, t;
+        return e.prevTransactionOldBlockAttrs = i, e;
       }
     },
     props: {
-      decorations(e) {
-        const t = this.getState(e);
-        if (t.updatedBlocks.size === 0)
+      decorations(t) {
+        const e = this.getState(t);
+        if (e.updatedBlocks.size === 0)
           return;
-        const n = [];
-        return e.doc.descendants((r, i) => {
-          if (!r.attrs.id || !t.updatedBlocks.has(r.attrs.id))
+        const r = [];
+        return t.doc.descendants((n, i) => {
+          if (!n.attrs.id || !e.updatedBlocks.has(n.attrs.id))
             return;
-          const a = t.currentTransactionOldBlockAttrs[r.attrs.id], s = {};
+          const a = e.currentTransactionOldBlockAttrs[n.attrs.id], s = {};
           for (let [l, c] of Object.entries(a))
-            s["data-prev-" + lt[l]] = c || "none";
-          const d = D.node(i, i + r.nodeSize, {
+            s["data-prev-" + le[l]] = c || "none";
+          const d = D.node(i, i + n.nodeSize, {
             ...s
           });
-          n.push(d);
-        }), F.create(e.doc, n);
+          r.push(d);
+        }), F.create(t.doc, r);
       }
     }
   });
-}, ut = "_blockOuter_1xym9_5", ht = "_blockContent_1xym9_10", pt = "_blockGroup_1xym9_26", ft = "_block_1xym9_5", mt = "_isEmpty_1xym9_215", kt = "_isFilter_1xym9_216", gt = "_hasAnchor_1xym9_229", b = {
-  blockOuter: ut,
-  blockContent: ht,
-  blockGroup: pt,
-  block: ft,
-  isEmpty: mt,
-  isFilter: kt,
-  hasAnchor: gt
-}, yt = {
+}, 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 = {
   blockColor: "data-block-color",
   blockStyle: "data-block-style",
   id: "data-id",
   depth: "data-depth",
   depthChange: "data-depth-change"
-}, bt = E.create({
+}, be = S.create({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -696,10 +697,10 @@ const at = C.create({
         getAttrs: (o) => {
           if (typeof o == "string")
             return !1;
-          const e = {};
-          for (let [t, n] of Object.entries(yt))
-            o.getAttribute(n) && (e[t] = o.getAttribute(n));
-          return o.getAttribute("data-node-type") === "blockContainer" ? e : !1;
+          const t = {};
+          for (let [e, r] of Object.entries(ye))
+            o.getAttribute(r) && (t[e] = o.getAttribute(r));
+          return o.getAttribute("data-node-type") === "blockContainer" ? t : !1;
         }
       }
     ];
@@ -707,13 +708,13 @@ const at = C.create({
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      x(o, {
+      w(o, {
         class: b.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
-        x(o, {
+        w(o, {
           // TODO: maybe remove html attributes from inner block
           class: b.block,
           "data-node-type": this.name
@@ -725,56 +726,56 @@ const at = C.create({
   addCommands() {
     return {
       // Creates a new text block at a given position.
-      BNCreateBlock: (o) => ({ state: e, dispatch: t }) => {
-        const n = e.schema.nodes.blockContainer.createAndFill();
-        return t && e.tr.insert(o, n), !0;
+      BNCreateBlock: (o) => ({ state: t, dispatch: e }) => {
+        const r = t.schema.nodes.blockContainer.createAndFill();
+        return e && t.tr.insert(o, r), !0;
       },
       // Deletes a block at a given position.
-      BNDeleteBlock: (o) => ({ state: e, dispatch: t }) => {
-        const n = k(e.doc, o);
-        if (n === void 0)
+      BNDeleteBlock: (o) => ({ state: t, dispatch: e }) => {
+        const r = g(t.doc, o);
+        if (r === void 0)
           return !1;
-        const { startPos: r, endPos: i } = n;
-        return t && e.tr.deleteRange(r, i), !0;
+        const { startPos: n, endPos: i } = r;
+        return e && t.tr.deleteRange(n, i), !0;
       },
       // Updates a block at a given position.
-      BNUpdateBlock: (o, e) => ({ state: t, dispatch: n }) => {
-        const r = k(t.doc, o);
-        if (r === void 0)
+      BNUpdateBlock: (o, t) => ({ state: e, dispatch: r }) => {
+        const n = g(e.doc, o);
+        if (n === void 0)
           return !1;
-        const { startPos: i, endPos: a, node: s, contentNode: d } = r;
-        if (n) {
-          if (e.children !== void 0) {
+        const { startPos: i, endPos: a, node: s, contentNode: d } = n;
+        if (r) {
+          if (t.children !== void 0) {
             const l = [];
-            for (const c of e.children)
-              l.push(R(c, t.schema));
-            s.childCount === 2 ? t.tr.replace(
+            for (const c of t.children)
+              l.push(R(c, e.schema));
+            s.childCount === 2 ? e.tr.replace(
               i + d.nodeSize + 1,
               a - 1,
-              new A(P.from(l), 0, 0)
-            ) : t.tr.insert(
+              new P(L.from(l), 0, 0)
+            ) : e.tr.insert(
               i + d.nodeSize,
-              t.schema.nodes.blockGroup.create({}, l)
+              e.schema.nodes.blockGroup.create({}, l)
             );
           }
-          if (e.content !== void 0) {
+          if (t.content !== void 0) {
             let l = [];
-            typeof e.content == "string" ? l.push(t.schema.text(e.content)) : l = he(e.content, t.schema), t.tr.replace(
+            typeof t.content == "string" ? l.push(e.schema.text(t.content)) : l = ht(t.content, e.schema), e.tr.replace(
               i + 1,
               i + d.nodeSize - 1,
-              new A(P.from(l), 0, 0)
+              new P(L.from(l), 0, 0)
             );
           }
-          t.tr.setNodeMarkup(
+          e.tr.setNodeMarkup(
             i,
-            e.type === void 0 ? void 0 : t.schema.nodes[e.type],
+            t.type === void 0 ? void 0 : e.schema.nodes[t.type],
             {
               ...d.attrs,
-              ...e.props
+              ...t.props
             }
-          ), t.tr.setNodeMarkup(i - 1, void 0, {
+          ), e.tr.setNodeMarkup(i - 1, void 0, {
             ...s.attrs,
-            ...e.props
+            ...t.props
           });
         }
         return !0;
@@ -796,55 +797,55 @@ const at = C.create({
       //    Block2Block3
       // Block4
       //     Block5
-      BNMergeBlocks: (o) => ({ state: e, dispatch: t }) => {
-        const n = e.doc.resolve(o + 1).node().type.name === "blockContainer", r = e.doc.resolve(o - 1).node().type.name === "blockContainer";
-        if (!n || !r)
+      BNMergeBlocks: (o) => ({ state: t, dispatch: e }) => {
+        const r = t.doc.resolve(o + 1).node().type.name === "blockContainer", n = t.doc.resolve(o - 1).node().type.name === "blockContainer";
+        if (!r || !n)
           return !1;
-        const i = k(
-          e.doc,
+        const i = g(
+          t.doc,
           o + 1
         ), { node: a, contentNode: s, startPos: d, endPos: l, depth: c } = i;
         if (a.childCount === 2) {
-          const p = e.doc.resolve(
+          const p = t.doc.resolve(
             d + s.nodeSize + 1
-          ), m = e.doc.resolve(l - 1), y = p.blockRange(m);
-          t && e.tr.lift(y, c - 1);
+          ), m = t.doc.resolve(l - 1), y = p.blockRange(m);
+          e && t.tr.lift(y, c - 1);
         }
-        let u = o - 1, f = k(e.doc, u);
+        let h = o - 1, f = g(t.doc, h);
         for (; f.numChildBlocks > 0; )
-          if (u--, f = k(e.doc, u), f === void 0)
+          if (h--, f = g(t.doc, h), f === void 0)
             return !1;
-        return t && (e.tr.deleteRange(d, d + s.nodeSize), e.tr.insertText(s.textContent, u - 1), e.tr.setSelection(
-          new Q(e.doc.resolve(u - 1))
+        return e && (t.tr.deleteRange(d, d + s.nodeSize), t.tr.insertText(s.textContent, h - 1), t.tr.setSelection(
+          new Q(t.doc.resolve(h - 1))
         )), !0;
       },
       // Splits a block at a given position. Content after the position is moved to a new block below, at the same
       // nesting level.
-      BNSplitBlock: (o, e) => ({ state: t, dispatch: n }) => {
-        const r = k(t.doc, o);
-        if (r === void 0)
+      BNSplitBlock: (o, t) => ({ state: e, dispatch: r }) => {
+        const n = g(e.doc, o);
+        if (n === void 0)
           return !1;
-        const { contentNode: i, contentType: a, startPos: s, endPos: d, depth: l } = r, c = t.doc.cut(s + 1, o), u = t.doc.cut(o, d - 1), f = t.schema.nodes.blockContainer.createAndFill(), p = d + 1, m = p + 2;
-        return n && (t.tr.insert(p, f), t.tr.replace(
+        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;
+        return r && (e.tr.insert(p, f), e.tr.replace(
           m,
           m + 1,
-          u.content.size > 0 ? new A(
-            P.from(u),
+          h.content.size > 0 ? new P(
+            L.from(h),
             l + 2,
             l + 2
           ) : void 0
-        ), e && t.tr.setBlockType(
+        ), t && e.tr.setBlockType(
           m,
           m,
-          t.schema.node(a).type,
+          e.schema.node(a).type,
           i.attrs
-        ), t.tr.setSelection(
-          new Q(t.doc.resolve(m))
-        ), t.tr.replace(
+        ), e.tr.setSelection(
+          new Q(e.doc.resolve(m))
+        ), e.tr.replace(
           s + 1,
           d - 1,
-          c.content.size > 0 ? new A(
-            P.from(c),
+          c.content.size > 0 ? new P(
+            L.from(c),
             l + 2,
             l + 2
           ) : void 0
@@ -853,69 +854,69 @@ const at = C.create({
     };
   },
   addProseMirrorPlugins() {
-    return [ct()];
+    return [ce()];
   },
   addKeyboardShortcuts() {
     return {
-      Backspace: () => this.editor.commands.first(({ commands: t }) => [
+      Backspace: () => this.editor.commands.first(({ commands: e }) => [
         // Deletes the selection if it's not empty.
-        () => t.deleteSelection(),
+        () => e.deleteSelection(),
         // Undoes an input rule if one was triggered in the last editor state change.
-        () => t.undoInputRule(),
+        () => e.undoInputRule(),
         // Reverts block content type to a paragraph if the selection is at the start of the block.
-        () => t.command(({ state: n }) => {
-          const { contentType: r } = k(
-            n.doc,
-            n.selection.from
-          ), i = n.selection.$anchor.parentOffset === 0, a = r.name === "paragraph";
-          return i && !a ? t.BNUpdateBlock(n.selection.from, {
+        () => e.command(({ state: r }) => {
+          const { contentType: n } = g(
+            r.doc,
+            r.selection.from
+          ), i = r.selection.$anchor.parentOffset === 0, a = n.name === "paragraph";
+          return i && !a ? e.BNUpdateBlock(r.selection.from, {
             type: "paragraph",
             props: {}
           }) : !1;
         }),
         // Removes a level of nesting if the block is indented if the selection is at the start of the block.
-        () => t.command(({ state: n }) => n.selection.$anchor.parentOffset === 0 ? t.liftListItem("blockContainer") : !1),
+        () => e.command(({ state: r }) => r.selection.$anchor.parentOffset === 0 ? e.liftListItem("blockContainer") : !1),
         // Merges block with the previous one if it isn't indented, isn't the first block in the doc, and the selection
         // is at the start of the block.
-        () => t.command(({ state: n }) => {
-          const { depth: r, startPos: i } = k(
-            n.doc,
-            n.selection.from
-          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, d = i === 2, l = i - 1;
-          return !d && a && s && r === 2 ? t.BNMergeBlocks(l) : !1;
+        () => e.command(({ state: r }) => {
+          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;
         })
       ]),
-      Enter: () => this.editor.commands.first(({ commands: t }) => [
+      Enter: () => this.editor.commands.first(({ commands: e }) => [
         // Removes a level of nesting if the block is empty & indented, while the selection is also empty & at the start
         // of the block.
-        () => t.command(({ state: n }) => {
-          const { node: r, depth: i } = k(
-            n.doc,
-            n.selection.from
-          ), a = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, d = r.textContent.length === 0, l = i > 2;
-          return a && s && d && l ? t.liftListItem("blockContainer") : !1;
+        () => e.command(({ state: r }) => {
+          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;
         }),
         // 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.
-        () => t.command(({ state: n, chain: r }) => {
-          const { node: i, endPos: a } = k(
-            n.doc,
-            n.selection.from
-          ), s = n.selection.$anchor.parentOffset === 0, d = n.selection.anchor === n.selection.head, l = i.textContent.length === 0;
+        () => e.command(({ state: r, chain: n }) => {
+          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) {
-            const c = a + 1, u = c + 2;
-            return r().BNCreateBlock(c).setTextSelection(u).run(), !0;
+            const c = a + 1, h = c + 2;
+            return n().BNCreateBlock(c).setTextSelection(h).run(), !0;
           }
           return !1;
         }),
         // Splits the current block, moving content inside that's after the cursor to a new text block below. Also
         // deletes the selection beforehand, if it's not empty.
-        () => t.command(({ state: n, chain: r }) => {
-          const { node: i } = k(
-            n.doc,
-            n.selection.from
+        () => e.command(({ state: r, chain: n }) => {
+          const { node: i } = g(
+            r.doc,
+            r.selection.from
           );
-          return i.textContent.length === 0 ? !1 : (r().deleteSelection().BNSplitBlock(n.selection.from, !1).run(), !0);
+          return i.textContent.length === 0 ? !1 : (n().deleteSelection().BNSplitBlock(r.selection.from, !1).run(), !0);
         })
       ]),
       // Always returning true for tab key presses ensures they're not captured by the browser. Otherwise, they blur the
@@ -953,7 +954,7 @@ const at = C.create({
       })
     };
   }
-}), vt = E.create({
+}), ve = S.create({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
@@ -973,14 +974,14 @@ const at = C.create({
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      x(this.options.HTMLAttributes, o, {
+      w(this.options.HTMLAttributes, o, {
         class: b.blockGroup,
         "data-node-type": "blockGroup"
       }),
       0
     ];
   }
-}), Ct = E.create({
+}), Ee = S.create({
   name: "paragraph",
   group: "blockContent",
   content: "inline*",
@@ -996,14 +997,14 @@ const at = C.create({
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      x(o, {
+      w(o, {
         class: b.blockContent,
         "data-content-type": this.name
       }),
       ["p", 0]
     ];
   }
-}), Bt = E.create({
+}), Ce = S.create({
   name: "heading",
   group: "blockContent",
   content: "inline*",
@@ -1021,15 +1022,15 @@ const at = C.create({
   },
   addInputRules() {
     return [
-      ...["1", "2", "3"].map((o) => new Y({
+      ...["1", "2", "3"].map((o) => new W({
         find: new RegExp(`^(#{${parseInt(o)}})\\s$`),
-        handler: ({ state: e, chain: t, range: n }) => {
-          t().BNUpdateBlock(e.selection.from, {
+        handler: ({ state: t, chain: e, range: r }) => {
+          e().BNUpdateBlock(t.selection.from, {
             type: "heading",
             props: {
               level: o
             }
-          }).deleteRange({ from: n.from, to: n.to });
+          }).deleteRange({ from: r.from, to: r.to });
         }
       }))
     ];
@@ -1053,25 +1054,25 @@ const at = C.create({
       }
     ];
   },
-  renderHTML({ node: o, HTMLAttributes: e }) {
+  renderHTML({ node: o, HTMLAttributes: t }) {
     return [
       "div",
-      x(e, {
+      w(t, {
         class: b.blockContent,
         "data-content-type": this.name
       }),
       ["h" + o.attrs.level, 0]
     ];
   }
-}), ge = (o) => {
-  const { node: e, contentType: t } = k(
+}), kt = (o) => {
+  const { node: t, contentType: e } = g(
     o.state.doc,
     o.state.selection.from
-  ), n = o.state.selection.anchor === o.state.selection.head;
-  return !t.name.endsWith("ListItem") || !n ? !1 : o.commands.first(({ state: r, chain: i, commands: a }) => [
+  ), r = o.state.selection.anchor === o.state.selection.head;
+  return !e.name.endsWith("ListItem") || !r ? !1 : o.commands.first(({ state: n, chain: i, commands: a }) => [
     () => (
       // Changes list item block to a text block if the content is empty.
-      a.command(() => e.textContent.length === 0 ? a.BNUpdateBlock(r.selection.from, {
+      a.command(() => t.textContent.length === 0 ? a.BNUpdateBlock(n.selection.from, {
         type: "paragraph",
         props: {}
       }) : !1)
@@ -1079,30 +1080,30 @@ const at = C.create({
     () => (
       // Splits the current block, moving content inside that's after the cursor to a new block of the same type
       // below.
-      a.command(() => e.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+      a.command(() => t.textContent.length > 0 ? (i().deleteSelection().BNSplitBlock(n.selection.from, !0).run(), !0) : !1)
     )
   ]);
-}, Tt = E.create({
+}, Me = S.create({
   name: "bulletListItem",
   group: "blockContent",
   content: "inline*",
   addInputRules() {
     return [
       // Creates an unordered list when starting with "-", "+", or "*".
-      new Y({
+      new W({
         find: new RegExp("^[-+*]\\s$"),
-        handler: ({ state: o, chain: e, range: t }) => {
-          e().BNUpdateBlock(o.selection.from, {
+        handler: ({ state: o, chain: t, range: e }) => {
+          t().BNUpdateBlock(o.selection.from, {
             type: "bulletListItem",
             props: {}
-          }).deleteRange({ from: t.from, to: t.to });
+          }).deleteRange({ from: e.from, to: e.to });
         }
       })
     ];
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => ge(this.editor)
+      Enter: () => kt(this.editor)
     };
   },
   parseHTML() {
@@ -1113,8 +1114,8 @@ const at = C.create({
         getAttrs: (o) => {
           if (typeof o == "string")
             return !1;
-          const e = o.parentElement;
-          return e === null ? !1 : e.tagName === "UL" ? {} : !1;
+          const t = o.parentElement;
+          return t === null ? !1 : t.tagName === "UL" ? {} : !1;
         },
         node: "bulletListItem"
       },
@@ -1124,8 +1125,8 @@ const at = C.create({
         getAttrs: (o) => {
           if (typeof o == "string")
             return !1;
-          const e = o.parentElement;
-          return e === null ? !1 : e.getAttribute("data-content-type") === "bulletListItem" ? {} : !1;
+          const t = o.parentElement;
+          return t === null ? !1 : t.getAttribute("data-content-type") === "bulletListItem" ? {} : !1;
         },
         priority: 300,
         node: "bulletListItem"
@@ -1135,27 +1136,27 @@ const at = C.create({
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      x(o, {
+      w(o, {
         class: b.blockContent,
         "data-content-type": this.name
       }),
       ["p", 0]
     ];
   }
-}), Mt = new v("numbered-list-indexing"), wt = () => new B({
-  key: Mt,
-  appendTransaction: (o, e, t) => {
-    const n = t.tr;
-    n.setMeta("numberedListIndexing", !0);
-    let r = !1;
-    return t.doc.descendants((i, a) => {
+}), Be = new v("numbered-list-indexing"), Te = () => new C({
+  key: Be,
+  appendTransaction: (o, t, e) => {
+    const r = e.tr;
+    r.setMeta("numberedListIndexing", !0);
+    let n = !1;
+    return e.doc.descendants((i, a) => {
       if (i.type.name === "blockContainer" && i.firstChild.type.name === "numberedListItem") {
         let s = "1";
-        const d = a === 1, l = k(n.doc, a + 1);
+        const d = a === 1, l = g(r.doc, a + 1);
         if (l === void 0)
           return;
         if (!d) {
-          const f = k(n.doc, a - 2);
+          const f = g(r.doc, a - 2);
           if (f === void 0)
             return;
           if (!(l.depth !== f.depth)) {
@@ -1166,13 +1167,13 @@ const at = C.create({
             }
           }
         }
-        l.contentNode.attrs.index !== s && (r = !0, n.setNodeMarkup(a + 1, void 0, {
+        l.contentNode.attrs.index !== s && (n = !0, r.setNodeMarkup(a + 1, void 0, {
           index: s
         }));
       }
-    }), r ? n : null;
+    }), n ? r : null;
   }
-}), xt = E.create({
+}), we = S.create({
   name: "numberedListItem",
   group: "blockContent",
   content: "inline*",
@@ -1190,24 +1191,24 @@ const at = C.create({
   addInputRules() {
     return [
       // Creates an ordered list when starting with "1.".
-      new Y({
+      new W({
         find: new RegExp("^1\\.\\s$"),
-        handler: ({ state: o, chain: e, range: t }) => {
-          e().BNUpdateBlock(o.selection.from, {
+        handler: ({ state: o, chain: t, range: e }) => {
+          t().BNUpdateBlock(o.selection.from, {
             type: "numberedListItem",
             props: {}
-          }).deleteRange({ from: t.from, to: t.to });
+          }).deleteRange({ from: e.from, to: e.to });
         }
       })
     ];
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => ge(this.editor)
+      Enter: () => kt(this.editor)
     };
   },
   addProseMirrorPlugins() {
-    return [wt()];
+    return [Te()];
   },
   parseHTML() {
     return [
@@ -1218,8 +1219,8 @@ const at = C.create({
         getAttrs: (o) => {
           if (typeof o == "string")
             return !1;
-          const e = o.parentElement;
-          return e === null ? !1 : e.tagName === "OL" ? {} : !1;
+          const t = o.parentElement;
+          return t === null ? !1 : t.tagName === "OL" ? {} : !1;
         },
         node: "numberedListItem"
       },
@@ -1230,8 +1231,8 @@ const at = C.create({
         getAttrs: (o) => {
           if (typeof o == "string")
             return !1;
-          const e = o.parentElement;
-          return e === null ? !1 : e.getAttribute("data-content-type") === "numberedListItem" ? {} : !1;
+          const t = o.parentElement;
+          return t === null ? !1 : t.getAttribute("data-content-type") === "numberedListItem" ? {} : !1;
         },
         priority: 300,
         node: "numberedListItem"
@@ -1241,7 +1242,7 @@ const at = C.create({
   renderHTML({ HTMLAttributes: o }) {
     return [
       "div",
-      x(o, {
+      w(o, {
         class: b.blockContent,
         "data-content-type": this.name
       }),
@@ -1250,24 +1251,24 @@ const at = C.create({
       ["p", 0]
     ];
   }
-}), Et = [
-  Ct,
-  Bt,
-  Tt,
-  xt,
-  bt,
-  vt,
-  E.create({
+}), Se = [
+  Ee,
+  Ce,
+  Me,
+  we,
+  be,
+  ve,
+  S.create({
     name: "doc",
     topNode: !0,
     content: "blockGroup"
   })
-], It = "_bnEditor_ft05x_3", St = "_bnRoot_ft05x_19", At = "_defaultStyles_ft05x_34", Pt = "_dragPreview_ft05x_57", _ = {
-  bnEditor: It,
-  bnRoot: St,
-  defaultStyles: At,
-  dragPreview: Pt
-}, Nt = xe(
+], 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(
   (o) => o.type.name === "blockContainer"
 );
 function q() {
@@ -1281,78 +1282,84 @@ function q() {
     decorationId: void 0
   };
 }
-class Lt {
+class He {
   constructor({
-    editor: e,
-    pluginKey: t,
-    onSelectItem: n = () => {
+    editor: t,
+    pluginKey: e,
+    onSelectItem: r = () => {
     },
-    suggestionsMenuFactory: r
+    suggestionsMenuFactory: n
   }) {
-    h(this, "editor");
-    h(this, "pluginKey");
-    h(this, "suggestionsMenu");
-    h(this, "pluginState");
-    h(this, "itemCallback");
-    this.editor = e, this.pluginKey = t, this.pluginState = q(), this.itemCallback = (i) => {
-      e._tiptapEditor.chain().focus().deleteRange({
+    u(this, "editor");
+    u(this, "pluginKey");
+    u(this, "suggestionsMenu");
+    u(this, "pluginState");
+    u(this, "itemCallback");
+    u(this, "handleScroll", () => {
+      this.pluginKey.getState(this.editor._tiptapEditor.state).active && this.suggestionsMenu.render(this.getDynamicParams(), !1);
+    });
+    this.editor = t, this.pluginKey = e, this.pluginState = q(), this.itemCallback = (i) => {
+      t._tiptapEditor.chain().focus().deleteRange({
         from: this.pluginState.queryStartPos - this.pluginState.triggerCharacter.length,
-        to: e._tiptapEditor.state.selection.from
-      }).run(), n({
+        to: t._tiptapEditor.state.selection.from
+      }).run(), r({
         item: i,
-        editor: e
+        editor: t
       });
-    }, this.suggestionsMenu = r(this.getStaticParams());
+    }, this.suggestionsMenu = n(this.getStaticParams()), document.addEventListener("scroll", this.handleScroll);
   }
-  update(e, t) {
-    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), i = !n.active && r.active, a = n.active && !r.active, s = n.active && r.active;
-    !i && !s && !a || (this.pluginState = a ? n : r, a && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
+  update(t, e) {
+    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()
-    )), s && this.suggestionsMenu.render(this.getDynamicParams(), !1), i && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
+    )), 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()
     )));
   }
+  destroy() {
+    document.removeEventListener("scroll", this.handleScroll);
+  }
   getStaticParams() {
     return {
-      itemCallback: (e) => this.itemCallback(e)
+      itemCallback: (t) => this.itemCallback(t)
     };
   }
   getDynamicParams() {
-    const e = document.querySelector(
+    const t = document.querySelector(
       `[data-decoration-id="${this.pluginState.decorationId}"]`
     );
     return {
       items: this.pluginState.items,
       keyboardHoveredItemIndex: this.pluginState.keyboardHoveredItemIndex,
-      referenceRect: e.getBoundingClientRect()
+      referenceRect: t.getBoundingClientRect()
     };
   }
 }
-function Ht({
+function Ne({
   pluginKey: o,
-  editor: e,
-  defaultTriggerCharacter: t,
-  suggestionsMenuFactory: n,
-  onSelectItem: r = () => {
+  editor: t,
+  defaultTriggerCharacter: e,
+  suggestionsMenuFactory: r,
+  onSelectItem: n = () => {
   },
   items: i = () => []
 }) {
-  if (t.length !== 1)
+  if (e.length !== 1)
     throw new Error("'char' should be a single character");
   const a = (s) => {
     s.dispatch(s.state.tr.setMeta(o, { deactivate: !0 }));
   };
-  return new B({
+  return new C({
     key: o,
-    view: (s) => new Lt({
-      editor: e,
+    view: (s) => new He({
+      editor: t,
       pluginKey: o,
       onSelectItem: (d) => {
-        a(s), r(d);
+        a(s), n(d);
       },
-      suggestionsMenuFactory: n
+      suggestionsMenuFactory: r
     }),
     state: {
       // Initialize the plugin's internal state.
@@ -1378,10 +1385,10 @@ function Ht({
           };
         if (!d.active)
           return d;
-        const u = { ...d };
-        if (u.items = i(
+        const h = { ...d };
+        if (h.items = i(
           c.doc.textBetween(d.queryStartPos, c.selection.from)
-        ), u.notFoundCount = 0, u.items.length === 0 && (u.notFoundCount = Math.max(
+        ), h.notFoundCount = 0, h.items.length === 0 && (h.notFoundCount = Math.max(
           0,
           d.notFoundCount + (c.selection.from - l.selection.from)
         )), // Highlighting text should hide the menu.
@@ -1391,30 +1398,30 @@ function Ht({
         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
         // the menu.
-        u.notFoundCount > 3)
+        h.notFoundCount > 3)
           return q();
         if (((y = s.getMeta(o)) == null ? void 0 : y.selectedItemIndexChanged) !== void 0) {
-          let g = s.getMeta(o).selectedItemIndexChanged;
-          g < 0 ? g = d.items.length - 1 : g >= d.items.length && (g = 0), u.keyboardHoveredItemIndex = g;
+          let k = s.getMeta(o).selectedItemIndexChanged;
+          k < 0 ? k = d.items.length - 1 : k >= d.items.length && (k = 0), h.keyboardHoveredItemIndex = k;
         }
-        return u;
+        return h;
       }
     },
     props: {
       handleKeyDown(s, d) {
         const l = this.getState(s.state).active;
-        if (d.key === t && !l)
+        if (d.key === e && !l)
           return s.dispatch(
-            s.state.tr.insertText(t).scrollIntoView().setMeta(o, {
+            s.state.tr.insertText(e).scrollIntoView().setMeta(o, {
               activate: !0,
-              triggerCharacter: t
+              triggerCharacter: e
             })
           ), !0;
         if (!l)
           return !1;
         const {
           triggerCharacter: c,
-          queryStartPos: u,
+          queryStartPos: h,
           items: f,
           keyboardHoveredItemIndex: p
         } = o.getState(s.state);
@@ -1426,12 +1433,12 @@ function Ht({
           s.state.tr.setMeta(o, {
             selectedItemIndexChanged: p + 1
           })
-        ), !0) : d.key === "Enter" ? (a(s), e._tiptapEditor.chain().focus().deleteRange({
-          from: u - c.length,
-          to: e._tiptapEditor.state.selection.from
-        }).run(), r({
+        ), !0) : d.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: e
+          editor: t
         }), !0) : d.key === "Escape" ? (a(s), !0) : !1;
       },
       // Hides menu in cases where mouse click does not cause an editor state change.
@@ -1440,11 +1447,11 @@ function Ht({
       },
       // Setup decorator on the currently active suggestion.
       decorations(s) {
-        const { active: d, decorationId: l, queryStartPos: c, triggerCharacter: u } = this.getState(s);
+        const { active: d, decorationId: l, queryStartPos: c, triggerCharacter: h } = this.getState(s);
         if (!d)
           return null;
-        if (u === "") {
-          const f = Nt(s.selection);
+        if (h === "") {
+          const f = Ae(s.selection);
           if (f)
             return F.create(s.doc, [
               D.node(
@@ -1460,7 +1467,7 @@ function Ht({
         }
         return F.create(s.doc, [
           D.inline(
-            c - u.length,
+            c - h.length,
             c,
             {
               nodeName: "span",
@@ -1473,7 +1480,7 @@ function Ht({
     }
   });
 }
-const K = new v("suggestions-slash-commands"), Ot = C.create({
+const V = new v("suggestions-slash-commands"), _e = E.create({
   name: "slash-command",
   addOptions() {
     return {
@@ -1487,162 +1494,172 @@ const K = new v("suggestions-slash-commands"), Ot = C.create({
       throw new Error("required args not defined for SlashMenuExtension");
     const o = this.options.commands;
     return [
-      Ht({
-        pluginKey: K,
+      Ne({
+        pluginKey: V,
         editor: this.options.editor,
         defaultTriggerCharacter: "/",
         suggestionsMenuFactory: this.options.slashMenuFactory,
-        items: (e) => o.filter((t) => t.match(e)),
-        onSelectItem: ({ item: e, editor: t }) => {
-          e.execute(t);
+        items: (t) => o.filter((e) => e.match(t)),
+        onSelectItem: ({ item: t, editor: e }) => {
+          t.execute(e);
         }
       })
     ];
   }
 });
-class L extends G {
-  constructor(t, n) {
-    super(t, n);
-    h(this, "nodes");
-    const r = t.node();
-    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (i, a, s) => {
-      if (s !== null && s.eq(r))
+class A extends G {
+  constructor(e, r) {
+    super(e, r);
+    u(this, "nodes");
+    const n = e.node();
+    this.nodes = [], e.doc.nodesBetween(e.pos, r.pos, (i, a, s) => {
+      if (s !== null && s.eq(n))
         return this.nodes.push(i), !1;
     });
   }
-  static create(t, n, r = n) {
-    return new L(t.resolve(n), t.resolve(r));
+  static create(e, r, n = r) {
+    return new A(e.resolve(r), e.resolve(n));
   }
   content() {
-    return new A(P.from(this.nodes), 0, 0);
+    return new P(L.from(this.nodes), 0, 0);
   }
-  eq(t) {
-    if (!(t instanceof L) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
+  eq(e) {
+    if (!(e instanceof A) || this.nodes.length !== e.nodes.length || this.from !== e.from || this.to !== e.to)
       return !1;
-    for (let n = 0; n < this.nodes.length; n++)
-      if (!this.nodes[n].eq(t.nodes[n]))
+    for (let r = 0; r < this.nodes.length; r++)
+      if (!this.nodes[r].eq(e.nodes[r]))
         return !1;
     return !0;
   }
-  map(t, n) {
-    let r = n.mapResult(this.from), i = n.mapResult(this.to);
-    return i.deleted ? G.near(t.resolve(r.pos)) : r.deleted ? G.near(t.resolve(i.pos)) : new L(
-      t.resolve(r.pos),
-      t.resolve(i.pos)
+  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(
+      e.resolve(n.pos),
+      e.resolve(i.pos)
     );
   }
   toJSON() {
     return { type: "node", anchor: this.anchor, head: this.head };
   }
 }
-const _t = Ve.__serializeForClipboard;
-let M;
-function ye(o, e) {
-  var r;
-  if (!e.dom.isConnected)
+const Oe = Kt.__serializeForClipboard;
+let T;
+function yt(o, t) {
+  var n;
+  if (!t.dom.isConnected)
     return;
-  let t = e.posAtCoords(o);
-  if (!t)
+  let e = t.posAtCoords(o);
+  if (!e)
     return;
-  let n = e.domAtPos(t.pos).node;
-  if (n !== e.dom) {
-    for (; n && n.parentNode && n.parentNode !== e.dom && !((r = n.hasAttribute) != null && r.call(n, "data-id")); )
-      n = n.parentNode;
-    if (n)
-      return { node: n, id: n.getAttribute("data-id") };
+  let r = t.domAtPos(e.pos).node;
+  if (r !== t.dom) {
+    for (; r && r.parentNode && r.parentNode !== t.dom && !((n = r.hasAttribute) != null && n.call(r, "data-id")); )
+      r = r.parentNode;
+    if (r)
+      return { node: r, id: r.getAttribute("data-id") };
   }
 }
-function Dt(o, e) {
-  let t = ye(o, e);
-  if (t && t.node.nodeType === 1) {
-    const n = e.docView;
-    let r = n.nearestDesc(t.node, !0);
-    return !r || r === n ? null : r.posBefore;
+function De(o, t) {
+  let e = yt(o, t);
+  if (e && e.node.nodeType === 1) {
+    const r = t.docView;
+    let n = r.nearestDesc(e.node, !0);
+    return !n || n === r ? null : n.posBefore;
   }
   return null;
 }
-function Ft(o, e) {
-  let t, n;
-  const r = e.resolve(o.from).node().type.spec.group === "blockContent", i = e.resolve(o.to).node().type.spec.group === "blockContent", a = Math.min(o.$anchor.depth, o.$head.depth);
-  if (r && i) {
+function Fe(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);
-    t = e.resolve(s - 1).pos, n = e.resolve(d + 1).pos;
+    e = t.resolve(s - 1).pos, r = t.resolve(d + 1).pos;
   } else
-    t = o.from, n = o.to;
-  return { from: t, to: n };
+    e = o.from, r = o.to;
+  return { from: e, to: r };
 }
-function oe(o, e, t = e) {
-  e === t && (t += o.state.doc.resolve(e + 1).node().nodeSize);
-  const n = o.domAtPos(e).node.cloneNode(!0), r = o.domAtPos(e).node, i = (c, u) => Array.prototype.indexOf.call(c.children, u), a = i(
-    r,
+function ot(o, t, e = t) {
+  t === e && (e += o.state.doc.resolve(t + 1).node().nodeSize);
+  const r = o.domAtPos(t).node.cloneNode(!0), n = o.domAtPos(t).node, i = (c, h) => Array.prototype.indexOf.call(c.children, h), a = i(
+    n,
     // Expects from position to be just before the first selected block.
-    o.domAtPos(e + 1).node.parentElement
+    o.domAtPos(t + 1).node.parentElement
   ), s = i(
-    r,
+    n,
     // Expects to position to be just after the last selected block.
-    o.domAtPos(t - 1).node.parentElement
+    o.domAtPos(e - 1).node.parentElement
   );
-  for (let c = r.childElementCount - 1; c >= 0; c--)
-    (c > s || c < a) && n.removeChild(n.children[c]);
-  be(), M = n;
+  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(
     (c) => !c.includes("bn") && !c.includes("ProseMirror") && !c.includes("editor")
   ).join(" ");
-  M.className = M.className + " " + _.dragPreview + " " + l, document.body.appendChild(M);
+  T.className = T.className + " " + O.dragPreview + " " + l, document.body.appendChild(T);
 }
-function be() {
-  M !== void 0 && (document.body.removeChild(M), M = void 0);
+function bt() {
+  T !== void 0 && (document.body.removeChild(T), T = void 0);
 }
-function Rt(o, e) {
+function Re(o, t) {
   if (!o.dataTransfer)
     return;
-  const t = e.dom.getBoundingClientRect();
-  let n = {
-    left: t.left + t.width / 2,
+  const e = t.dom.getBoundingClientRect();
+  let r = {
+    left: e.left + e.width / 2,
     // take middle of editor
     top: o.clientY
-  }, r = Dt(n, e);
-  if (r != null) {
-    const i = e.state.selection, a = e.state.doc, { from: s, to: d } = Ft(i, a), l = s <= r && r < d, c = !i.$anchor.node().eq(i.$head.node());
-    l && c ? (e.dispatch(
-      e.state.tr.setSelection(L.create(a, s, d))
-    ), oe(e, s, d)) : (e.dispatch(
-      e.state.tr.setSelection(Ne.create(e.state.doc, r))
-    ), oe(e, r));
-    let u = e.state.selection.content(), { dom: f, text: p } = _t(e, u);
-    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", f.innerHTML), o.dataTransfer.setData("text/plain", p), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(M, 0, 0), e.dragging = { slice: u, move: !0 };
+  }, n = De(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))
+    ), ot(t, n));
+    let h = t.state.selection.content(), { dom: f, text: p } = Oe(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 zt {
+class ze {
   constructor({
+    tiptapEditor: t,
     editor: e,
-    blockMenuFactory: t,
+    blockMenuFactory: r,
     horizontalPosAnchoredAtRoot: n
   }) {
-    h(this, "editor");
+    u(this, "editor");
+    u(this, "ttEditor");
     // 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
-    h(this, "horizontalPosAnchoredAtRoot");
-    h(this, "horizontalPosAnchor");
-    h(this, "blockMenu");
-    h(this, "hoveredBlockContent");
-    h(this, "menuOpen", !1);
-    h(this, "menuFrozen", !1);
+    u(this, "horizontalPosAnchoredAtRoot");
+    u(this, "horizontalPosAnchor");
+    u(this, "blockMenu");
+    u(this, "hoveredBlock");
+    // Used to check if currently dragged content comes from this editor instance.
+    u(this, "isDragging", !1);
+    u(this, "menuOpen", !1);
+    u(this, "menuFrozen", !1);
     /**
-     * If the event is outside of the editor contents,
+     * Sets isDragging when dragging text.
+     */
+    u(this, "onDragStart", () => {
+      this.isDragging = !0;
+    });
+    /**
+     * If the event is outside the editor contents,
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
-    h(this, "onDrop", (e) => {
-      if (e.synthetic)
+    u(this, "onDrop", (t) => {
+      if (t.synthetic || !this.isDragging)
         return;
-      let t = this.editor.view.posAtCoords({
-        left: e.clientX,
-        top: e.clientY
+      let e = this.ttEditor.view.posAtCoords({
+        left: t.clientX,
+        top: t.clientY
       });
-      if (!t || t.inside === -1) {
-        const n = new Event("drop", e), r = this.editor.view.dom.firstChild.getBoundingClientRect();
-        n.clientX = r.left + r.width / 2, n.clientY = e.clientY, n.dataTransfer = e.dataTransfer, n.preventDefault = () => e.preventDefault(), n.synthetic = !0, this.editor.view.dom.dispatchEvent(n);
+      if (this.isDragging = !1, !e || e.inside === -1) {
+        const r = new Event("drop", t), n = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+        r.clientX = n.left + n.width / 2, r.clientY = t.clientY, r.dataTransfer = t.dataTransfer, r.preventDefault = () => t.preventDefault(), r.synthetic = !0, this.ttEditor.view.dom.dispatchEvent(r);
       }
     });
     /**
@@ -1650,120 +1667,95 @@ class zt {
      * we dispatch a fake event, so that we can still drop the content
      * when dragging / dropping to the side of the editor
      */
-    h(this, "onDragOver", (e) => {
-      if (e.synthetic)
+    u(this, "onDragOver", (t) => {
+      if (t.synthetic || !this.isDragging)
         return;
-      let t = this.editor.view.posAtCoords({
-        left: e.clientX,
-        top: e.clientY
+      let e = this.ttEditor.view.posAtCoords({
+        left: t.clientX,
+        top: t.clientY
       });
-      if (!t || t.inside === -1) {
-        const n = new Event("dragover", e), r = this.editor.view.dom.firstChild.getBoundingClientRect();
-        n.clientX = r.left + r.width / 2, n.clientY = e.clientY, n.dataTransfer = e.dataTransfer, n.preventDefault = () => e.preventDefault(), n.synthetic = !0, this.editor.view.dom.dispatchEvent(n);
+      if (!e || e.inside === -1) {
+        const r = new Event("dragover", t), n = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+        r.clientX = n.left + n.width / 2, r.clientY = t.clientY, r.dataTransfer = t.dataTransfer, r.preventDefault = () => t.preventDefault(), r.synthetic = !0, this.ttEditor.view.dom.dispatchEvent(r);
       }
     });
-    h(this, "onKeyDown", (e) => {
+    u(this, "onKeyDown", (t) => {
       this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1;
     });
-    h(this, "onMouseDown", (e) => {
-      var t;
-      (t = this.blockMenu.element) != null && t.contains(e.target) || (this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1);
+    u(this, "onMouseDown", (t) => {
+      var e;
+      (e = this.blockMenu.element) != null && e.contains(t.target) || (this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), this.menuFrozen = !1);
     });
-    h(this, "onMouseMove", (e) => {
+    u(this, "onMouseMove", (t) => {
       var a, s;
       if (this.menuFrozen)
         return;
-      const t = this.editor.view.dom.firstChild.getBoundingClientRect();
-      this.horizontalPosAnchor = t.x;
-      const n = {
-        left: t.left + t.width / 2,
+      const e = this.ttEditor.view.dom.firstChild.getBoundingClientRect();
+      this.horizontalPosAnchor = e.x;
+      const r = {
+        left: e.left + e.width / 2,
         // take middle of editor
-        top: e.clientY
-      }, r = ye(n, this.editor.view);
-      if (!r) {
+        top: t.clientY
+      }, n = yt(r, this.ttEditor.view);
+      if (!n || !this.editor.isEditable) {
         this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
         return;
       }
-      if (this.menuOpen && ((a = this.hoveredBlockContent) != null && a.hasAttribute("data-id")) && ((s = this.hoveredBlockContent) == null ? void 0 : s.getAttribute("data-id")) === r.id)
-        return;
-      const i = r.node.firstChild;
-      this.hoveredBlockContent = i, i && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
+      this.menuOpen && ((a = this.hoveredBlock) != null && a.hasAttribute("data-id")) && ((s = this.hoveredBlock) == null ? void 0 : s.getAttribute("data-id")) === n.id || (this.hoveredBlock = n.node, !n.node.firstChild) || this.editor.isEditable && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
     });
-    this.editor = e, this.horizontalPosAnchoredAtRoot = n, this.horizontalPosAnchor = e.view.dom.firstChild.getBoundingClientRect().x, this.blockMenu = t(this.getStaticParams()), document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.body.addEventListener("mousedown", this.onMouseDown, !0), document.body.addEventListener("keydown", this.onKeyDown, !0);
+    u(this, "onScroll", () => {
+      this.menuOpen && this.blockMenu.render(this.getDynamicParams(), !1);
+    });
+    this.editor = e, this.ttEditor = t, this.horizontalPosAnchoredAtRoot = n, this.horizontalPosAnchor = this.ttEditor.view.dom.firstChild.getBoundingClientRect().x, this.blockMenu = r(this.getStaticParams()), document.body.addEventListener("drop", this.onDrop, !0), document.body.addEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.addEventListener("dragstart", this.onDragStart), document.body.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("scroll", this.onScroll), document.body.addEventListener("mousedown", this.onMouseDown, !0), document.body.addEventListener("keydown", this.onKeyDown, !0);
   }
   destroy() {
-    this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), document.body.removeEventListener("mousemove", this.onMouseMove), document.body.removeEventListener("dragover", this.onDragOver), document.body.removeEventListener("drop", this.onDrop), document.body.removeEventListener("mousedown", this.onMouseDown), document.body.removeEventListener("keydown", this.onKeyDown);
+    this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide()), document.body.removeEventListener("mousemove", this.onMouseMove), document.body.removeEventListener("dragover", this.onDragOver), this.ttEditor.view.dom.removeEventListener("dragstart", this.onDragStart), document.body.removeEventListener("drop", this.onDrop), document.body.removeEventListener("mousedown", this.onMouseDown), document.removeEventListener("scroll", this.onScroll), document.body.removeEventListener("keydown", this.onKeyDown);
   }
   addBlock() {
     this.menuOpen = !1, this.menuFrozen = !0, this.blockMenu.hide();
-    const e = this.hoveredBlockContent.getBoundingClientRect(), t = this.editor.view.posAtCoords({
+    const e = this.hoveredBlock.firstChild.getBoundingClientRect(), r = this.ttEditor.view.posAtCoords({
       left: e.left + e.width / 2,
       top: e.top + e.height / 2
     });
-    if (!t)
+    if (!r)
       return;
-    const n = k(this.editor.state.doc, t.pos);
+    const n = g(this.ttEditor.state.doc, r.pos);
     if (n === void 0)
       return;
-    const { contentNode: r, endPos: i } = n;
-    if (r.textContent.length !== 0) {
-      const a = i + 1, s = a + 2;
-      this.editor.chain().BNCreateBlock(a).BNUpdateBlock(s, { type: "paragraph", props: {} }).setTextSelection(s).run();
+    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();
     } else
-      this.editor.commands.setTextSelection(i);
-    this.editor.view.focus(), this.editor.view.dispatch(
-      this.editor.view.state.tr.scrollIntoView().setMeta(K, {
+      this.ttEditor.commands.setTextSelection(a);
+    this.ttEditor.view.focus(), this.ttEditor.view.dispatch(
+      this.ttEditor.view.state.tr.scrollIntoView().setMeta(V, {
         // TODO import suggestion plugin key
         activate: !0,
         type: "drag"
       })
     );
   }
-  deleteBlock() {
-    this.menuOpen = !1, this.blockMenu.hide();
-    const e = this.hoveredBlockContent.getBoundingClientRect(), t = this.editor.view.posAtCoords({
-      left: e.left + e.width / 2,
-      top: e.top + e.height / 2
-    });
-    t && this.editor.commands.BNDeleteBlock(t.pos);
-  }
-  setBlockBackgroundColor(e) {
-    this.menuOpen = !1, this.blockMenu.hide();
-    const t = this.hoveredBlockContent.getBoundingClientRect(), n = this.editor.view.posAtCoords({
-      left: t.left + t.width / 2,
-      top: t.top + t.height / 2
-    });
-    n && this.editor.commands.setBlockBackgroundColor(n.pos, e);
-  }
-  setBlockTextColor(e) {
-    this.menuOpen = !1, this.blockMenu.hide();
-    const t = this.hoveredBlockContent.getBoundingClientRect(), n = this.editor.view.posAtCoords({
-      left: t.left + t.width / 2,
-      top: t.top + t.height / 2
-    });
-    n && this.editor.commands.setBlockTextColor(n.pos, e);
-  }
   getStaticParams() {
     return {
+      editor: this.editor,
       addBlock: () => this.addBlock(),
-      deleteBlock: () => this.deleteBlock(),
-      blockDragStart: (e) => Rt(e, this.editor.view),
-      blockDragEnd: () => be(),
+      blockDragStart: (t) => {
+        this.isDragging = !0, Re(t, this.ttEditor.view);
+      },
+      blockDragEnd: () => bt(),
       freezeMenu: () => {
         this.menuFrozen = !0;
       },
       unfreezeMenu: () => {
         this.menuFrozen = !1;
-      },
-      setBlockBackgroundColor: (e) => this.setBlockBackgroundColor(e),
-      setBlockTextColor: (e) => this.setBlockTextColor(e)
+      }
     };
   }
   getDynamicParams() {
-    const e = this.hoveredBlockContent.getBoundingClientRect();
+    const e = this.hoveredBlock.firstChild.getBoundingClientRect();
     return {
-      blockBackgroundColor: this.editor.getAttributes("blockContainer").backgroundColor,
-      blockTextColor: this.editor.getAttributes("blockContainer").textColor,
+      block: this.editor.getBlock(this.hoveredBlock.getAttribute("data-id")),
       referenceRect: new DOMRect(
         this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : e.x,
         e.y,
@@ -1773,14 +1765,15 @@ class zt {
     };
   }
 }
-const Ut = (o) => new B({
+const Ue = (o) => new C({
   key: new v("DraggableBlocksPlugin"),
-  view: () => new zt({
+  view: () => new ze({
+    tiptapEditor: o.tiptapEditor,
     editor: o.editor,
     blockMenuFactory: o.blockSideMenuFactory,
     horizontalPosAnchoredAtRoot: !0
   })
-}), Gt = C.create({
+}), Ge = E.create({
   name: "DraggableBlocksExtension",
   priority: 1e3,
   // Need to be high, in order to hide menu when typing slash
@@ -1790,79 +1783,87 @@ const Ut = (o) => new B({
         "UI Element factory not defined for DraggableBlocksExtension"
       );
     return [
-      Ut({
-        editor: this.editor,
+      Ue({
+        tiptapEditor: this.editor,
+        editor: this.options.editor,
         blockSideMenuFactory: this.options.blockSideMenuFactory
       })
     ];
   }
 });
-class $t {
+class $e {
   constructor({
-    editor: e,
-    formattingToolbarFactory: t,
+    editor: t,
+    tiptapEditor: e,
+    formattingToolbarFactory: r,
     view: n,
-    shouldShow: r
+    shouldShow: i
   }) {
-    h(this, "editor");
-    h(this, "view");
-    h(this, "formattingToolbar");
-    h(this, "preventHide", !1);
-    h(this, "preventShow", !1);
-    h(this, "toolbarIsOpen", !1);
-    h(this, "shouldShow", ({ view: e, state: t, from: n, to: r }) => {
-      const { doc: i, selection: a } = t, { empty: s } = a, d = !i.textBetween(n, r).length && Ee(t.selection);
-      return !(!e.hasFocus() || s || d);
+    u(this, "editor");
+    u(this, "ttEditor");
+    u(this, "view");
+    u(this, "formattingToolbar");
+    u(this, "preventHide", !1);
+    u(this, "preventShow", !1);
+    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);
     });
-    h(this, "viewMousedownHandler", () => {
+    u(this, "viewMousedownHandler", () => {
       this.preventShow = !0;
     });
-    h(this, "viewMouseupHandler", () => {
-      this.preventShow = !1, setTimeout(() => this.update(this.editor.view));
+    u(this, "viewMouseupHandler", () => {
+      this.preventShow = !1, setTimeout(() => this.update(this.ttEditor.view));
     });
-    h(this, "dragstartHandler", () => {
+    u(this, "dragstartHandler", () => {
       this.formattingToolbar.hide(), this.toolbarIsOpen = !1;
     });
-    h(this, "focusHandler", () => {
-      setTimeout(() => this.update(this.editor.view));
+    u(this, "focusHandler", () => {
+      setTimeout(() => this.update(this.ttEditor.view));
     });
-    h(this, "blurHandler", ({ event: e }) => {
-      var t, n;
+    u(this, "blurHandler", ({ event: t }) => {
+      var e, r;
       if (this.preventHide) {
         this.preventHide = !1;
         return;
       }
-      e != null && e.relatedTarget && ((n = (t = this.formattingToolbar.element) == null ? void 0 : t.parentNode) != null && n.contains(
-        e.relatedTarget
+      t != null && t.relatedTarget && ((r = (e = this.formattingToolbar.element) == null ? void 0 : e.parentNode) != null && r.contains(
+        t.relatedTarget
       )) || this.toolbarIsOpen && (this.formattingToolbar.hide(), this.toolbarIsOpen = !1);
     });
-    this.editor = e, this.view = n, this.formattingToolbar = t(this.getStaticParams()), r && (this.shouldShow = r), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler);
+    u(this, "scrollHandler", () => {
+      this.toolbarIsOpen && this.formattingToolbar.render(this.getDynamicParams(), !1);
+    });
+    this.editor = t, this.ttEditor = e, this.view = n, this.formattingToolbar = r(this.getStaticParams()), i && (this.shouldShow = i), this.view.dom.addEventListener("mousedown", this.viewMousedownHandler), this.view.dom.addEventListener("mouseup", this.viewMouseupHandler), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.ttEditor.on("focus", this.focusHandler), this.ttEditor.on("blur", this.blurHandler), document.addEventListener("scroll", this.scrollHandler);
   }
-  update(e, t) {
+  update(t, e) {
     var f;
-    const { state: n, composing: r } = e, { doc: i, selection: a } = n, s = t && t.doc.eq(i) && t.selection.eq(a);
-    if (r || s)
+    const { state: r, composing: n } = t, { doc: i, selection: a } = r, s = e && e.doc.eq(i) && e.selection.eq(a);
+    if ((this.prevWasEditable === null || this.prevWasEditable === this.editor.isEditable) && (n || s))
       return;
-    const { ranges: d } = a, l = Math.min(...d.map((p) => p.$from.pos)), c = Math.max(...d.map((p) => p.$to.pos)), u = (f = this.shouldShow) == null ? void 0 : f.call(this, {
+    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, {
       editor: this.editor,
-      view: e,
-      state: n,
-      oldState: t,
+      view: t,
+      state: r,
+      oldState: e,
       from: l,
       to: c
     });
-    if (!this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
+    if (this.editor.isEditable && !this.toolbarIsOpen && !this.preventShow && (h || this.preventHide)) {
       this.formattingToolbar.render(this.getDynamicParams(), !0), this.toolbarIsOpen = !0, this.formattingToolbar.element.addEventListener(
         "mousedown",
         (p) => p.preventDefault()
       );
       return;
     }
-    if (this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
+    if (this.toolbarIsOpen && !this.preventShow && (h || this.preventHide)) {
       this.formattingToolbar.render(this.getDynamicParams(), !1);
       return;
     }
-    if (this.toolbarIsOpen && !this.preventHide && (!u || this.preventShow)) {
+    if (this.toolbarIsOpen && !this.preventHide && (!h || this.preventShow || !this.editor.isEditable)) {
       this.formattingToolbar.hide(), this.toolbarIsOpen = !1, this.formattingToolbar.element.removeEventListener(
         "mousedown",
         (p) => p.preventDefault()
@@ -1871,154 +1872,92 @@ class $t {
     }
   }
   destroy() {
-    this.view.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.view.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler);
+    this.view.dom.removeEventListener("mousedown", this.viewMousedownHandler), this.view.dom.removeEventListener("mouseup", this.viewMouseupHandler), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), this.ttEditor.off("focus", this.focusHandler), this.ttEditor.off("blur", this.blurHandler), document.removeEventListener("scroll", this.scrollHandler);
   }
   getSelectionBoundingBox() {
-    const { state: e } = this.editor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((a) => a.$from.pos)), i = Math.max(...n.map((a) => a.$to.pos));
-    if (Ie(t)) {
-      const a = this.editor.view.nodeDOM(r);
+    const { state: t } = this.ttEditor.view, { selection: e } = t, { ranges: r } = e, n = Math.min(...r.map((a) => a.$from.pos)), i = Math.max(...r.map((a) => a.$to.pos));
+    if (xt(e)) {
+      const a = this.ttEditor.view.nodeDOM(n);
       if (a)
         return a.getBoundingClientRect();
     }
-    return re(this.editor.view, r, i);
+    return nt(this.ttEditor.view, n, i);
   }
   getStaticParams() {
     return {
-      toggleBold: () => {
-        this.editor.view.focus(), this.editor.commands.toggleBold();
-      },
-      toggleItalic: () => {
-        this.editor.view.focus(), this.editor.commands.toggleItalic();
-      },
-      toggleUnderline: () => {
-        this.editor.view.focus(), this.editor.commands.toggleUnderline();
-      },
-      toggleStrike: () => {
-        this.editor.view.focus(), this.editor.commands.toggleStrike();
-      },
-      setHyperlink: (e, t) => {
-        if (e === "")
-          return;
-        let { from: n, to: r } = this.editor.state.selection;
-        t || (t = this.editor.state.doc.textBetween(n, r));
-        const i = this.editor.schema.mark("link", { href: e });
-        this.editor.view.dispatch(
-          this.editor.view.state.tr.insertText(t, n, r).addMark(n, n + t.length, i)
-        ), this.editor.view.focus();
-      },
-      setTextColor: (e) => {
-        this.editor.view.focus(), this.editor.commands.setTextColor(e);
-      },
-      setBackgroundColor: (e) => {
-        this.editor.view.focus(), this.editor.commands.setBackgroundColor(e);
-      },
-      setTextAlignment: (e) => {
-        this.editor.view.focus(), this.editor.commands.setTextAlignment(e);
-      },
-      increaseBlockIndent: () => {
-        this.editor.view.focus(), this.editor.commands.sinkListItem("blockContainer");
-      },
-      decreaseBlockIndent: () => {
-        this.editor.view.focus(), this.editor.commands.liftListItem("blockContainer");
-      },
-      updateBlock: (e) => {
-        this.editor.view.focus(), this.editor.commands.BNUpdateBlock(
-          this.editor.state.selection.from,
-          e
-        );
-      }
+      editor: this.editor
     };
   }
   getDynamicParams() {
-    const e = k(
-      this.editor.state.doc,
-      this.editor.state.selection.from
-    );
     return {
-      boldIsActive: this.editor.isActive("bold"),
-      italicIsActive: this.editor.isActive("italic"),
-      underlineIsActive: this.editor.isActive("underline"),
-      strikeIsActive: this.editor.isActive("strike"),
-      hyperlinkIsActive: this.editor.isActive("link"),
-      activeHyperlinkUrl: this.editor.getAttributes("link").href || "",
-      activeHyperlinkText: this.editor.state.doc.textBetween(
-        this.editor.state.selection.from,
-        this.editor.state.selection.to
-      ),
-      textColor: this.editor.getAttributes("textColor").color || "default",
-      backgroundColor: this.editor.getAttributes("backgroundColor").color || "default",
-      textAlignment: this.editor.getAttributes(e.contentType).textAlignment || "left",
-      canIncreaseBlockIndent: this.editor.state.doc.resolve(e.startPos).index(e.depth - 1) > 0,
-      canDecreaseBlockIndent: e.depth > 2,
-      // Needs type cast as there is no way to create a type that dynamically updates based on which extensions are
-      // loaded by the editor.
-      block: {
-        type: e.contentType.name,
-        props: e.contentNode.attrs
-      },
       referenceRect: this.getSelectionBoundingBox()
     };
   }
 }
-const qt = (o) => new B({
+const qe = (o) => new C({
   key: new v("FormattingToolbarPlugin"),
-  view: (e) => new $t({ view: e, ...o })
-}), Yt = C.create({
+  view: (t) => new $e({ view: t, ...o })
+}), We = E.create({
   name: "FormattingToolbarExtension",
   addProseMirrorPlugins() {
-    if (!this.options.formattingToolbarFactory)
+    if (!this.options.formattingToolbarFactory || !this.options.editor)
       throw new Error(
-        "UI Element factory not defined for FormattingToolbarExtension"
+        "required args not defined for FormattingToolbarExtension"
       );
     return [
-      qt({
-        editor: this.editor,
+      qe({
+        tiptapEditor: this.editor,
+        editor: this.options.editor,
         formattingToolbarFactory: this.options.formattingToolbarFactory,
         pluginKey: new v("FormattingToolbarPlugin")
       })
     ];
   }
-}), Wt = new v("HyperlinkToolbarPlugin");
-class jt {
-  constructor({ editor: e, hyperlinkToolbarFactory: t }) {
-    h(this, "editor");
-    h(this, "hyperlinkToolbar");
-    h(this, "menuUpdateTimer");
-    h(this, "startMenuUpdateTimer");
-    h(this, "stopMenuUpdateTimer");
-    h(this, "mouseHoveredHyperlinkMark");
-    h(this, "mouseHoveredHyperlinkMarkRange");
-    h(this, "keyboardHoveredHyperlinkMark");
-    h(this, "keyboardHoveredHyperlinkMarkRange");
-    h(this, "hyperlinkMark");
-    h(this, "hyperlinkMarkRange");
-    this.editor = e, this.hyperlinkToolbar = t(this.getStaticParams()), this.startMenuUpdateTimer = () => {
-      this.menuUpdateTimer = setTimeout(() => {
-        this.update();
-      }, 250);
-    }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), e.view.dom.addEventListener("mouseover", (n) => {
-      if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), n.target instanceof HTMLAnchorElement && n.target.nodeName === "A") {
-        const r = n.target, i = e.view.posAtDOM(r, 0) + 1, a = e.state.doc.resolve(
-          i
-        ), s = a.marks();
-        for (const d of s)
-          if (d.type.name === e.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = d, this.mouseHoveredHyperlinkMarkRange = X(
-              a,
-              d.type,
-              d.attrs
+}), je = new v("HyperlinkToolbarPlugin");
+class Ye {
+  constructor({ editor: t, hyperlinkToolbarFactory: e }) {
+    u(this, "editor");
+    u(this, "hyperlinkToolbar");
+    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", (t) => {
+      if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), t.target instanceof HTMLAnchorElement && t.target.nodeName === "A") {
+        const e = t.target, r = this.editor.view.posAtDOM(e, 0) + 1, n = this.editor.state.doc.resolve(
+          r
+        ), i = n.marks();
+        for (const a of i)
+          if (a.type.name === this.editor.schema.mark("link").type.name) {
+            this.mouseHoveredHyperlinkMark = a, this.mouseHoveredHyperlinkMarkRange = X(
+              n,
+              a.type,
+              a.attrs
             ) || void 0;
             break;
           }
       }
       return this.startMenuUpdateTimer(), !1;
     });
+    u(this, "scrollHandler", () => {
+      this.hyperlinkMark !== void 0 && this.hyperlinkToolbar.render(this.getDynamicParams(), !1);
+    });
+    this.editor = t, this.hyperlinkToolbar = e(this.getStaticParams()), this.startMenuUpdateTimer = () => {
+      this.menuUpdateTimer = setTimeout(() => {
+        this.update();
+      }, 250);
+    }, this.stopMenuUpdateTimer = () => (this.menuUpdateTimer && (clearTimeout(this.menuUpdateTimer), this.menuUpdateTimer = void 0), !1), this.editor.view.dom.addEventListener("mouseover", this.mouseOverHandler), document.addEventListener("scroll", this.scrollHandler);
   }
   update() {
-    var t, n, r, i;
+    var e, r, n, i;
     if (!this.editor.view.hasFocus())
       return;
-    const e = this.hyperlinkMark;
+    const t = this.hyperlinkMark;
     if (this.hyperlinkMark = void 0, this.hyperlinkMarkRange = void 0, this.keyboardHoveredHyperlinkMark = void 0, this.keyboardHoveredHyperlinkMarkRange = void 0, this.editor.state.selection.empty) {
       const a = this.editor.state.selection.$from.marks();
       for (const s of a)
@@ -2031,12 +1970,12 @@ class jt {
           break;
         }
     }
-    if (this.mouseHoveredHyperlinkMark && (this.hyperlinkMark = this.mouseHoveredHyperlinkMark, this.hyperlinkMarkRange = this.mouseHoveredHyperlinkMarkRange), this.keyboardHoveredHyperlinkMark && (this.hyperlinkMark = this.keyboardHoveredHyperlinkMark, this.hyperlinkMarkRange = this.keyboardHoveredHyperlinkMarkRange), this.hyperlinkMark) {
-      if (this.getDynamicParams(), !e) {
-        this.hyperlinkToolbar.render(this.getDynamicParams(), !0), (t = this.hyperlinkToolbar.element) == null || t.addEventListener(
+    if (this.mouseHoveredHyperlinkMark && (this.hyperlinkMark = this.mouseHoveredHyperlinkMark, this.hyperlinkMarkRange = this.mouseHoveredHyperlinkMarkRange), this.keyboardHoveredHyperlinkMark && (this.hyperlinkMark = this.keyboardHoveredHyperlinkMark, this.hyperlinkMarkRange = this.keyboardHoveredHyperlinkMarkRange), this.hyperlinkMark && this.editor.isEditable) {
+      if (this.getDynamicParams(), !t) {
+        this.hyperlinkToolbar.render(this.getDynamicParams(), !0), (e = this.hyperlinkToolbar.element) == null || e.addEventListener(
           "mouseleave",
           this.startMenuUpdateTimer
-        ), (n = this.hyperlinkToolbar.element) == null || n.addEventListener(
+        ), (r = this.hyperlinkToolbar.element) == null || r.addEventListener(
           "mouseenter",
           this.stopMenuUpdateTimer
         );
@@ -2045,8 +1984,8 @@ class jt {
       this.hyperlinkToolbar.render(this.getDynamicParams(), !1);
       return;
     }
-    if (!this.hyperlinkMark && e) {
-      (r = this.hyperlinkToolbar.element) == null || r.removeEventListener(
+    if (t && (!this.hyperlinkMark || !this.editor.isEditable)) {
+      (n = this.hyperlinkToolbar.element) == null || n.removeEventListener(
         "mouseleave",
         this.startMenuUpdateTimer
       ), (i = this.hyperlinkToolbar.element) == null || i.removeEventListener(
@@ -2056,19 +1995,25 @@ class jt {
       return;
     }
   }
+  destroy() {
+    this.editor.view.dom.removeEventListener(
+      "mouseover",
+      this.mouseOverHandler
+    ), document.removeEventListener("scroll", this.scrollHandler);
+  }
   getStaticParams() {
     return {
-      editHyperlink: (e, t) => {
-        const n = this.editor.view.state.tr.insertText(
-          t,
+      editHyperlink: (t, e) => {
+        const r = this.editor.view.state.tr.insertText(
+          e,
           this.hyperlinkMarkRange.from,
           this.hyperlinkMarkRange.to
         );
-        n.addMark(
+        r.addMark(
           this.hyperlinkMarkRange.from,
-          this.hyperlinkMarkRange.from + t.length,
-          this.editor.schema.mark("link", { href: e })
-        ), this.editor.view.dispatch(n), this.editor.view.focus(), this.hyperlinkToolbar.hide();
+          this.hyperlinkMarkRange.from + e.length,
+          this.editor.schema.mark("link", { href: t })
+        ), this.editor.view.dispatch(r), this.editor.view.focus(), this.hyperlinkToolbar.hide();
       },
       deleteHyperlink: () => {
         this.editor.view.dispatch(
@@ -2088,7 +2033,7 @@ class jt {
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
       ),
-      referenceRect: re(
+      referenceRect: nt(
         this.editor.view,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -2096,13 +2041,13 @@ class jt {
     };
   }
 }
-const Vt = (o, e) => new B({
-  key: Wt,
-  view: () => new jt({
+const Ke = (o, t) => new C({
+  key: je,
+  view: () => new Ye({
     editor: o,
-    hyperlinkToolbarFactory: e.hyperlinkToolbarFactory
+    hyperlinkToolbarFactory: t.hyperlinkToolbarFactory
   })
-}), Kt = de.extend({
+}), Ve = dt.extend({
   priority: 500,
   addProseMirrorPlugins() {
     var o;
@@ -2110,12 +2055,12 @@ const Vt = (o, e) => new B({
       throw new Error("UI Element factory not defined for HyperlinkMark");
     return [
       ...((o = this.parent) == null ? void 0 : o.call(this)) || [],
-      Vt(this.editor, {
+      Ke(this.editor, {
         hyperlinkToolbarFactory: this.options.hyperlinkToolbarFactory
       })
     ];
   }
-}), Jt = new v("blocknote-placeholder"), Xt = C.create({
+}), Je = new v("blocknote-placeholder"), Xe = E.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -2131,36 +2076,36 @@ const Vt = (o, e) => new B({
   },
   addProseMirrorPlugins() {
     return [
-      new B({
-        key: Jt,
+      new C({
+        key: Je,
         props: {
           decorations: (o) => {
-            const { doc: e, selection: t } = o, n = K.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: i } = t, a = [];
-            if (r)
-              return e.descendants((s, d) => {
+            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) {
-                  const u = [this.options.emptyNodeClass];
-                  this.editor.isEmpty && u.push(this.options.emptyEditorClass), l && u.push(this.options.hasAnchorClass), (n == null ? void 0 : n.triggerCharacter) === "" && (n != null && n.active) && u.push(this.options.isFilterClass);
+                  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, {
-                    class: u.join(" ")
+                    class: h.join(" ")
                   });
                   a.push(f);
                 }
                 return this.options.includeChildren;
-              }), F.create(e, a);
+              }), F.create(t, a);
           }
         }
       })
     ];
   }
 });
-class Qt {
-  constructor(e, t) {
-    this.name = e, this.match = t;
+class Qe {
+  constructor(t, e) {
+    this.name = t, this.match = e;
   }
 }
-class I extends Qt {
+class x extends Qe {
   /**
    * Constructs a new slash-command.
    *
@@ -2168,64 +2113,64 @@ class I extends Qt {
    * @param execute The callback for creating a new node
    * @param aliases Aliases for this command
    */
-  constructor(e, t, n = []) {
-    super(e, (r) => this.name.toLowerCase().startsWith(r.toLowerCase()) || this.aliases.filter(
-      (i) => i.toLowerCase().startsWith(r.toLowerCase())
-    ).length !== 0), this.name = e, this.execute = t, this.aliases = n;
+  constructor(t, e, r = []) {
+    super(t, (n) => this.name.toLowerCase().startsWith(n.toLowerCase()) || this.aliases.filter(
+      (i) => i.toLowerCase().startsWith(n.toLowerCase())
+    ).length !== 0), this.name = t, this.execute = e, this.aliases = r;
   }
 }
-function S(o, e) {
-  const t = o.getTextCursorPosition().block;
-  t.content.length === 1 && t.content[0].type === "text" && t.content[0].text === "/" || t.content.length === 0 ? o.updateBlock(t, e) : (o.insertBlocks([e], t, "after"), o.setTextCursorPosition(o.getTextCursorPosition().nextBlock));
+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 Zt = [
+const Ze = [
   // Command for creating a level 1 heading
-  new I(
+  new x(
     "Heading",
-    (o) => S(o, {
+    (o) => I(o, {
       type: "heading",
       props: { level: "1" }
     }),
     ["h", "heading1", "h1"]
   ),
   // Command for creating a level 2 heading
-  new I(
+  new x(
     "Heading 2",
-    (o) => S(o, {
+    (o) => I(o, {
       type: "heading",
       props: { level: "2" }
     }),
     ["h2", "heading2", "subheading"]
   ),
   // Command for creating a level 3 heading
-  new I(
+  new x(
     "Heading 3",
-    (o) => S(o, {
+    (o) => I(o, {
       type: "heading",
       props: { level: "3" }
     }),
     ["h3", "heading3", "subheading"]
   ),
   // Command for creating an ordered list
-  new I(
+  new x(
     "Numbered List",
-    (o) => S(o, {
+    (o) => I(o, {
       type: "numberedListItem"
     }),
     ["li", "list", "numberedlist", "numbered list"]
   ),
   // Command for creating a bullet list
-  new I(
+  new x(
     "Bullet List",
-    (o) => S(o, {
+    (o) => I(o, {
       type: "bulletListItem"
     }),
     ["ul", "list", "bulletlist", "bullet list"]
   ),
   // Command for creating a paragraph (pretty useless)
-  new I(
+  new x(
     "Paragraph",
-    (o) => S(o, {
+    (o) => I(o, {
       type: "paragraph"
     }),
     ["p"]
@@ -2321,7 +2266,7 @@ const Zt = [
   //   TableIcon,
   //   "Used to create a simple table"
   // ),
-], eo = C.create({
+], to = E.create({
   name: "textAlignment",
   addGlobalAttributes() {
     return [
@@ -2343,23 +2288,23 @@ const Zt = [
   },
   addCommands() {
     return {
-      setTextAlignment: (o) => ({ state: e }) => {
-        const t = [], n = k(
-          e.doc,
-          e.selection.from
+      setTextAlignment: (o) => ({ state: t }) => {
+        const e = [], r = g(
+          t.doc,
+          t.selection.from
         );
-        if (n === void 0)
+        if (r === void 0)
           return !1;
-        let r = n.startPos;
-        for (; r < e.selection.to; )
-          e.doc.resolve(r).node().type.spec.group === "blockContent" ? (t.push(r - 1), r += e.doc.resolve(r).node().nodeSize - 1) : r += 1;
-        for (const i of t)
-          e.tr.setNodeAttribute(i, "textAlignment", o);
+        let n = r.startPos;
+        for (; n < t.selection.to; )
+          t.doc.resolve(n).node().type.spec.group === "blockContent" ? (e.push(n - 1), n += t.doc.resolve(n).node().nodeSize - 1) : n += 1;
+        for (const i of e)
+          t.tr.setNodeAttribute(i, "textAlignment", o);
         return !0;
       }
     };
   }
-}), to = C.create({
+}), eo = E.create({
   name: "blockTextColor",
   addGlobalAttributes() {
     return [
@@ -2379,13 +2324,13 @@ const Zt = [
   },
   addCommands() {
     return {
-      setBlockTextColor: (o, e) => ({ state: t, view: n }) => {
-        const r = k(t.doc, o);
-        return r === void 0 ? !1 : (t.tr.setNodeAttribute(r.startPos - 1, "textColor", e), n.focus(), !0);
+      setBlockTextColor: (o, t) => ({ state: e, view: r }) => {
+        const n = g(e.doc, o);
+        return n === void 0 ? !1 : (e.tr.setNodeAttribute(n.startPos - 1, "textColor", t), r.focus(), !0);
       }
     };
   }
-}), oo = ne.create({
+}), oo = rt.create({
   name: "textColor",
   addAttributes() {
     return {
@@ -2411,18 +2356,18 @@ const Zt = [
   },
   addCommands() {
     return {
-      setTextColor: (o) => ({ commands: e }) => o !== "default" ? e.setMark(this.name, { color: o }) : e.unsetMark(this.name)
+      setTextColor: (o) => ({ commands: t }) => o !== "default" ? t.setMark(this.name, { color: o }) : t.unsetMark(this.name)
     };
   }
-}), no = C.create({
+}), ro = E.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
     const o = new v(this.name);
     return [
-      new B({
+      new C({
         key: o,
-        appendTransaction: (e, t, n) => {
-          const { doc: r, tr: i, schema: a } = n, s = o.getState(n), d = r.content.size - 2, l = a.nodes.blockContainer, c = a.nodes.paragraph;
+        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;
           if (s)
             return i.insert(
               d,
@@ -2430,105 +2375,107 @@ const Zt = [
             );
         },
         state: {
-          init: (e, t) => {
+          init: (t, e) => {
           },
-          apply: (e, t) => {
-            if (!e.docChanged)
-              return t;
-            let n = e.doc.lastChild;
-            if (!n || n.type.name !== "blockGroup")
+          apply: (t, e) => {
+            if (!t.docChanged)
+              return e;
+            let r = t.doc.lastChild;
+            if (!r || r.type.name !== "blockGroup")
               throw new Error("Expected blockGroup");
-            if (n = n.lastChild, !n || n.type.name !== "blockContainer")
+            if (r = r.lastChild, !r || r.type.name !== "blockContainer")
               throw new Error("Expected blockContainer");
-            return n.nodeSize > 4;
+            return r.nodeSize > 4;
           }
         }
       })
     ];
   }
-}), ro = (o) => {
-  const e = [
-    N.ClipboardTextSerializer,
-    N.Commands,
-    N.Editable,
-    N.FocusEvents,
-    N.Tabindex,
+}), no = (o) => {
+  const t = [
+    H.ClipboardTextSerializer,
+    H.Commands,
+    H.Editable,
+    H.FocusEvents,
+    H.Tabindex,
     // DevTools,
-    Ue,
+    Ut,
     // DropCursor,
-    Xt.configure({
+    Xe.configure({
       emptyNodeClass: b.isEmpty,
       hasAnchorClass: b.hasAnchor,
       isFilterClass: b.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    j.configure({
+    Y.configure({
       types: ["blockContainer"]
     }),
-    Ge,
+    Gt,
     // Comments,
     // basics:
-    We,
+    jt,
     // marks:
-    Fe,
-    Re,
-    qe,
-    Ye,
-    je,
+    Ft,
+    Rt,
+    qt,
+    Wt,
+    Yt,
     oo,
-    to,
-    dt,
-    at,
     eo,
+    de,
+    ae,
+    to,
     // custom blocks:
-    ...Et,
-    ze.configure({ width: 5, color: "#ddeeff" }),
-    $e,
+    ...Se,
+    zt.configure({ width: 5, color: "#ddeeff" }),
+    $t,
     // 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
-    no
+    ro
   ];
-  return o.uiFactories.blockSideMenuFactory && e.push(
-    Gt.configure({
+  return o.uiFactories.blockSideMenuFactory && t.push(
+    Ge.configure({
+      editor: o.editor,
       blockSideMenuFactory: o.uiFactories.blockSideMenuFactory
     })
-  ), o.uiFactories.formattingToolbarFactory && e.push(
-    Yt.configure({
+  ), o.uiFactories.formattingToolbarFactory && t.push(
+    We.configure({
+      editor: o.editor,
       formattingToolbarFactory: o.uiFactories.formattingToolbarFactory
     })
-  ), o.uiFactories.hyperlinkToolbarFactory ? e.push(
-    Kt.configure({
+  ), o.uiFactories.hyperlinkToolbarFactory ? t.push(
+    Ve.configure({
       hyperlinkToolbarFactory: o.uiFactories.hyperlinkToolbarFactory
     })
-  ) : e.push(de), o.uiFactories.slashMenuFactory && e.push(
-    Ot.configure({
+  ) : t.push(dt), o.uiFactories.slashMenuFactory && t.push(
+    _e.configure({
       editor: o.editor,
       commands: o.slashCommands,
       slashMenuFactory: o.uiFactories.slashMenuFactory
     })
-  ), e;
+  ), t;
 }, io = {
   enableInputRules: !0,
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Ho {
-  constructor(e = {}) {
-    h(this, "_tiptapEditor");
-    h(this, "blockCache", /* @__PURE__ */ new WeakMap());
+class No {
+  constructor(t = {}) {
+    u(this, "_tiptapEditor");
+    u(this, "blockCache", /* @__PURE__ */ new WeakMap());
     var i, a, s;
-    e = {
+    t = {
       defaultStyles: !0,
-      ...e
+      ...t
     };
-    const t = ro({
+    const e = no({
       editor: this,
-      uiFactories: e.uiFactories || {},
-      slashCommands: e.slashCommands || Zt
+      uiFactories: t.uiFactories || {},
+      slashCommands: t.slashCommands || Ze
     });
-    let n = e.disableHistoryExtension ? t.filter((d) => d.name !== "history") : t;
-    const r = {
+    let r = t.disableHistoryExtension ? e.filter((d) => d.name !== "history") : e;
+    const n = {
       // 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:
@@ -2537,91 +2484,96 @@ class Ho {
       //     blockToNode(block, this._tiptapEditor.schema).toJSON()
       //   ),
       ...io,
-      ...e._tiptapOptions,
+      ...t._tiptapOptions,
       onCreate: () => {
         var d;
-        (d = e.onEditorReady) == null || d.call(e, this), e.initialContent && this.replaceBlocks(this.topLevelBlocks, e.initialContent);
+        (d = t.onEditorReady) == null || d.call(t, this), t.initialContent && this.replaceBlocks(this.topLevelBlocks, t.initialContent);
       },
       onUpdate: () => {
         var d;
-        (d = e.onEditorContentChange) == null || d.call(e, this);
+        (d = t.onEditorContentChange) == null || d.call(t, this);
       },
       onSelectionUpdate: () => {
         var d;
-        (d = e.onTextCursorPositionChange) == null || d.call(e, this);
+        (d = t.onTextCursorPositionChange) == null || d.call(t, this);
       },
-      extensions: e.enableBlockNoteExtensions === !1 ? (i = e._tiptapOptions) == null ? void 0 : i.extensions : [...((a = e._tiptapOptions) == null ? void 0 : a.extensions) || [], ...n],
+      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],
       editorProps: {
         attributes: {
-          ...e.editorDOMAttributes || {},
+          "data-theme": t.theme || "light",
+          ...t.editorDOMAttributes || {},
           class: [
-            _.bnEditor,
-            _.bnRoot,
-            e.defaultStyles ? _.defaultStyles : "",
-            ((s = e.editorDOMAttributes) == null ? void 0 : s.class) || ""
+            O.bnEditor,
+            O.bnRoot,
+            t.defaultStyles ? O.defaultStyles : "",
+            ((s = t.editorDOMAttributes) == null ? void 0 : s.class) || ""
           ].join(" ")
         }
       }
     };
-    e.parentElement && (r.element = e.parentElement), this._tiptapEditor = new Se(r);
+    t.parentElement && (n.element = t.parentElement), this._tiptapEditor = new It(n);
   }
   get domElement() {
     return this._tiptapEditor.view.dom;
   }
+  focus() {
+    this._tiptapEditor.view.focus();
+  }
   /**
    * Gets a snapshot of all top-level (non-nested) blocks in the editor.
    * @returns A snapshot of all top-level (non-nested) blocks in the editor.
    */
   get topLevelBlocks() {
-    const e = [];
-    return this._tiptapEditor.state.doc.firstChild.descendants((t) => (e.push(w(t, this.blockCache)), !1)), e;
+    const t = [];
+    return this._tiptapEditor.state.doc.firstChild.descendants((e) => (t.push(B(e, this.blockCache)), !1)), t;
   }
   /**
    * Gets a snapshot of an existing block from the editor.
    * @param blockIdentifier The identifier of an existing block that should be retrieved.
    * @returns The block that matches the identifier, or `undefined` if no matching block was found.
    */
-  getBlock(e) {
-    const t = typeof e == "string" ? e : e.id;
-    let n;
-    return this._tiptapEditor.state.doc.firstChild.descendants((r) => typeof n < "u" ? !1 : r.type.name !== "blockContainer" || r.attrs.id !== t ? !0 : (n = w(r, this.blockCache), !1)), n;
+  getBlock(t) {
+    const e = typeof t == "string" ? t : t.id;
+    let r;
+    return this._tiptapEditor.state.doc.firstChild.descendants((n) => typeof r < "u" ? !1 : n.type.name !== "blockContainer" || n.attrs.id !== e ? !0 : (r = B(n, this.blockCache), !1)), r;
   }
   /**
    * Traverses all blocks in the editor depth-first, and executes a callback for each.
    * @param callback The callback to execute for each block. Returning `false` stops the traversal.
    * @param reverse Whether the blocks should be traversed in reverse order.
    */
-  forEachBlock(e, t = !1) {
-    const n = this.topLevelBlocks.slice();
-    t && n.reverse();
-    function r(i) {
+  forEachBlock(t, e = !1) {
+    const r = this.topLevelBlocks.slice();
+    e && r.reverse();
+    function n(i) {
       for (const a of i) {
-        if (e(a) === !1)
+        if (!t(a))
           return !1;
-        const s = t ? a.children.slice().reverse() : a.children;
-        if (r(s) === !1)
+        const s = e ? a.children.slice().reverse() : a.children;
+        if (!n(s))
           return !1;
       }
       return !0;
     }
-    r(n);
+    n(r);
   }
   /**
    * Gets a snapshot of the current text cursor position.
    * @returns A snapshot of the current text cursor position.
    */
   getTextCursorPosition() {
-    const { node: e, depth: t, startPos: n, endPos: r } = k(
+    const { node: t, depth: e, startPos: r, endPos: n } = g(
       this._tiptapEditor.state.doc,
       this._tiptapEditor.state.selection.from
-    ), i = this._tiptapEditor.state.doc.resolve(r).index(t - 1), a = this._tiptapEditor.state.doc.resolve(r + 1).node().childCount;
+    ), 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(n - 2).node());
+    i > 0 && (s = this._tiptapEditor.state.doc.resolve(r - 2).node());
     let d;
-    return i < a - 1 && (d = this._tiptapEditor.state.doc.resolve(r + 2).node()), {
-      block: w(e, this.blockCache),
-      prevBlock: s === void 0 ? void 0 : w(s, this.blockCache),
-      nextBlock: d === void 0 ? void 0 : w(d, this.blockCache)
+    return i < a - 1 && (d = 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)
     };
   }
   /**
@@ -2630,15 +2582,43 @@ class Ho {
    * @param targetBlock The identifier of an existing block that the text cursor should be moved to.
    * @param placement Whether the text cursor should be placed at the start or end of the block.
    */
-  setTextCursorPosition(e, t = "start") {
-    const n = typeof e == "string" ? e : e.id, { posBeforeNode: r } = V(n, this._tiptapEditor.state.doc), { startPos: i, contentNode: a } = k(
+  setTextCursorPosition(t, e = "start") {
+    const r = typeof t == "string" ? t : t.id, { posBeforeNode: n } = K(r, this._tiptapEditor.state.doc), { startPos: i, contentNode: a } = g(
       this._tiptapEditor.state.doc,
-      r + 2
+      n + 2
     );
-    t === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
+    e === "start" ? this._tiptapEditor.commands.setTextSelection(i + 1) : this._tiptapEditor.commands.setTextSelection(
       i + a.nodeSize - 1
     );
   }
+  /**
+   * Gets a snapshot of the current selection.
+   */
+  getSelection() {
+    if (this._tiptapEditor.state.selection.from === this._tiptapEditor.state.selection.to)
+      return;
+    const t = [];
+    return this._tiptapEditor.state.doc.descendants((e, r) => e.type.spec.group !== "blockContent" || r + e.nodeSize < this._tiptapEditor.state.selection.from || r > this._tiptapEditor.state.selection.to ? !0 : (t.push(
+      B(
+        this._tiptapEditor.state.doc.resolve(r).node(),
+        this.blockCache
+      )
+    ), !1)), { blocks: t };
+  }
+  /**
+   * Checks if the editor is currently editable, or if it's locked.
+   * @returns True if the editor is editable, false otherwise.
+   */
+  get isEditable() {
+    return this._tiptapEditor.isEditable;
+  }
+  /**
+   * Makes the editor editable or locks it, depending on the argument passed.
+   * @param editable True to make the editor editable, or false to lock it.
+   */
+  set isEditable(t) {
+    this._tiptapEditor.setEditable(t);
+  }
   /**
    * Inserts new blocks into the editor. If a block's `id` is undefined, BlockNote generates one automatically. Throws an
    * error if the reference block could not be found.
@@ -2647,8 +2627,8 @@ class Ho {
    * @param placement Whether the blocks should be inserted just before, just after, or nested inside the
    * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
    */
-  insertBlocks(e, t, n = "before") {
-    pe(e, t, n, this._tiptapEditor);
+  insertBlocks(t, e, r = "before") {
+    pt(t, e, r, this._tiptapEditor);
   }
   /**
    * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
@@ -2657,15 +2637,15 @@ class Ho {
    * @param blockToUpdate The block that should be updated.
    * @param update A partial block which defines how the existing block should be changed.
    */
-  updateBlock(e, t) {
-    tt(e, t, this._tiptapEditor);
+  updateBlock(t, e) {
+    ee(t, e, this._tiptapEditor);
   }
   /**
    * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
-  removeBlocks(e) {
-    fe(e, this._tiptapEditor);
+  removeBlocks(t) {
+    ft(t, this._tiptapEditor);
   }
   /**
    * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
@@ -2674,8 +2654,123 @@ class Ho {
    * @param blocksToRemove An array of blocks that should be replaced.
    * @param blocksToInsert An array of partial blocks to replace the old ones with.
    */
-  replaceBlocks(e, t) {
-    ot(e, t, this._tiptapEditor);
+  replaceBlocks(t, e) {
+    oe(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.
+   */
+  getActiveStyles() {
+    const t = {}, e = this._tiptapEditor.state.selection.$to.marks(), r = /* @__PURE__ */ new Set([
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "code"
+    ]), n = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+    for (const i of e)
+      r.has(i.type.name) ? t[i.type.name] = !0 : n.has(i.type.name) && (t[i.type.name] = i.attrs.color);
+    return t;
+  }
+  /**
+   * Adds styles to the currently selected content.
+   * @param styles The styles to add.
+   */
+  addStyles(t) {
+    const e = /* @__PURE__ */ new Set([
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "code"
+    ]), r = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+    for (const [n, i] of Object.entries(t))
+      e.has(n) ? this._tiptapEditor.commands.setMark(n) : r.has(n) && this._tiptapEditor.commands.setMark(n, { color: i });
+  }
+  /**
+   * Removes styles from the currently selected content.
+   * @param styles The styles to remove.
+   */
+  removeStyles(t) {
+    for (const e of Object.keys(t))
+      this._tiptapEditor.commands.unsetMark(e);
+  }
+  /**
+   * Toggles styles on the currently selected content.
+   * @param styles The styles to toggle.
+   */
+  toggleStyles(t) {
+    const e = /* @__PURE__ */ new Set([
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "code"
+    ]), r = /* @__PURE__ */ new Set(["textColor", "backgroundColor"]);
+    for (const [n, i] of Object.entries(t))
+      e.has(n) ? this._tiptapEditor.commands.toggleMark(n) : r.has(n) && this._tiptapEditor.commands.toggleMark(n, { color: i });
+  }
+  /**
+   * Gets the currently selected text.
+   */
+  getSelectedText() {
+    return this._tiptapEditor.state.doc.textBetween(
+      this._tiptapEditor.state.selection.from,
+      this._tiptapEditor.state.selection.to
+    );
+  }
+  /**
+   * Gets the URL of the last link in the current selection, or `undefined` if there are no links in the selection.
+   */
+  getSelectedLinkUrl() {
+    return this._tiptapEditor.getAttributes("link").href;
+  }
+  /**
+   * Creates a new link to replace the selected content.
+   * @param url The link URL.
+   * @param text The text to display the link with.
+   */
+  createLink(t, e) {
+    if (t === "")
+      return;
+    let { from: r, to: n } = this._tiptapEditor.state.selection;
+    e || (e = this._tiptapEditor.state.doc.textBetween(r, n));
+    const i = this._tiptapEditor.schema.mark("link", { href: t });
+    this._tiptapEditor.view.dispatch(
+      this._tiptapEditor.view.state.tr.insertText(e, r, n).addMark(r, r + e.length, i)
+    );
+  }
+  /**
+   * Checks if the block containing the text cursor can be nested.
+   */
+  canNestBlock() {
+    const { startPos: t, depth: e } = g(
+      this._tiptapEditor.state.doc,
+      this._tiptapEditor.state.selection.from
+    );
+    return this._tiptapEditor.state.doc.resolve(t).index(e - 1) > 0;
+  }
+  /**
+   * Nests the block containing the text cursor into the block above it.
+   */
+  nestBlock() {
+    this._tiptapEditor.commands.sinkListItem("blockContainer");
+  }
+  /**
+   * Checks if the block containing the text cursor is nested.
+   */
+  canUnnestBlock() {
+    const { depth: t } = g(
+      this._tiptapEditor.state.doc,
+      this._tiptapEditor.state.selection.from
+    );
+    return t > 2;
+  }
+  /**
+   * Lifts the block containing the text cursor out of its parent.
+   */
+  unnestBlock() {
+    this._tiptapEditor.commands.liftListItem("blockContainer");
   }
   /**
    * Serializes blocks into an HTML string. To better conform to HTML standards, children of blocks which aren't list
@@ -2683,8 +2778,8 @@ class Ho {
    * @param blocks An array of blocks that should be serialized into HTML.
    * @returns The blocks, serialized as an HTML string.
    */
-  async blocksToHTML(e) {
-    return me(e, this._tiptapEditor.schema);
+  async blocksToHTML(t) {
+    return mt(t, this._tiptapEditor.schema);
   }
   /**
    * Parses blocks from an HTML string. Tries to create `Block` objects out of any HTML block-level elements, and
@@ -2693,8 +2788,8 @@ class Ho {
    * @param html The HTML string to parse blocks from.
    * @returns The blocks parsed from the HTML string.
    */
-  async HTMLToBlocks(e) {
-    return ke(e, this._tiptapEditor.schema);
+  async HTMLToBlocks(t) {
+    return gt(t, this._tiptapEditor.schema);
   }
   /**
    * Serializes blocks into a Markdown string. The output is simplified as Markdown does not support all features of
@@ -2702,8 +2797,8 @@ class Ho {
    * @param blocks An array of blocks that should be serialized into Markdown.
    * @returns The blocks, serialized as a Markdown string.
    */
-  async blocksToMarkdown(e) {
-    return it(e, this._tiptapEditor.schema);
+  async blocksToMarkdown(t) {
+    return ie(t, this._tiptapEditor.schema);
   }
   /**
    * Creates a list of blocks from a Markdown string. Tries to create `Block` and `InlineNode` objects based on
@@ -2712,16 +2807,16 @@ class Ho {
    * @param markdown The Markdown string to parse blocks from.
    * @returns The blocks parsed from the Markdown string.
    */
-  async markdownToBlocks(e) {
-    return st(e, this._tiptapEditor.schema);
+  async markdownToBlocks(t) {
+    return se(t, this._tiptapEditor.schema);
   }
 }
 export {
-  I as BaseSlashMenuItem,
-  Ho as BlockNoteEditor,
-  ee as blockProps,
-  Zt as defaultSlashMenuItems,
-  ro as getBlockNoteExtensions,
-  O as globalProps
+  x as BaseSlashMenuItem,
+  No as BlockNoteEditor,
+  tt as blockProps,
+  Ze as defaultSlashMenuItems,
+  no as getBlockNoteExtensions,
+  _ as globalProps
 };
 //# sourceMappingURL=blocknote.js.map