@blocknote/core 0.2.2 → 0.2.4-alpha.7

package/dist/blocknote.js

@@ -1,72 +1,62 @@
-var re = Object.defineProperty;
-var ie = (o, e, t) => e in o ? re(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var h = (o, e, t) => (ie(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { combineTransactionSteps as Q, getChangedRanges as X, findChildren as _, Node as w, mergeAttributes as N, InputRule as U, isTextSelection as se, isNodeSelection as ae, posToDOMRect as Z, Extension as E, findParentNode as de, getMarkRange as K, findChildrenInRange as le, extensions as P, Editor as ce } from "@tiptap/core";
-import ue from "@tiptap/extension-bold";
-import he from "@tiptap/extension-code";
-import pe from "@tiptap/extension-dropcursor";
-import me from "@tiptap/extension-gapcursor";
-import fe from "@tiptap/extension-hard-break";
-import { History as ge } from "@tiptap/extension-history";
-import ke from "@tiptap/extension-italic";
-import ye from "@tiptap/extension-strike";
-import be from "@tiptap/extension-text";
-import ve from "@tiptap/extension-underline";
-import { Slice as z, Fragment as ee } from "prosemirror-model";
-import { PluginKey as v, Plugin as T, TextSelection as W, Selection as F, NodeSelection as Ie } from "prosemirror-state";
-import * as Te from "prosemirror-view";
-import { Decoration as L, DecorationSet as O } from "prosemirror-view";
-import { escapeRegExp as V } from "lodash";
-import { Link as te } from "@tiptap/extension-link";
-import Ce from "@tiptap/extension-paragraph";
-import { v4 as Be } from "uuid";
-const j = {
-  blockColor: "data-block-color",
-  blockStyle: "data-block-style",
-  id: "data-id",
-  depth: "data-depth",
-  depthChange: "data-depth-change"
-};
-function k(o, e) {
-  if (e <= 0 || e > o.nodeSize)
+var ee = Object.defineProperty;
+var te = (t, e, o) => e in t ? ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var h = (t, e, o) => (te(t, typeof e != "symbol" ? e + "" : e, o), o);
+import { findChildren as D, Node as x, mergeAttributes as w, InputRule as q, isTextSelection as oe, isNodeSelection as ne, posToDOMRect as j, Extension as C, findParentNode as re, getMarkRange as V, combineTransactionSteps as ie, getChangedRanges as se, findChildrenInRange as ae, Mark as K, extensions as A, Editor as de } from "@tiptap/core";
+import le from "@tiptap/extension-bold";
+import ce from "@tiptap/extension-code";
+import ue from "@tiptap/extension-dropcursor";
+import he from "@tiptap/extension-gapcursor";
+import pe from "@tiptap/extension-hard-break";
+import { History as me } from "@tiptap/extension-history";
+import fe from "@tiptap/extension-italic";
+import ke from "@tiptap/extension-strike";
+import ge from "@tiptap/extension-text";
+import be from "@tiptap/extension-underline";
+import { Slice as E, Fragment as H } from "prosemirror-model";
+import { PluginKey as v, Plugin as B, TextSelection as F, Selection as _, NodeSelection as ye } from "prosemirror-state";
+import * as ve from "prosemirror-view";
+import { Decoration as N, DecorationSet as L } from "prosemirror-view";
+import { Link as J } from "@tiptap/extension-link";
+import { v4 as Ce } from "uuid";
+function f(t, e) {
+  if (e <= 0 || e > t.nodeSize)
     return;
-  const t = o.resolve(e), n = t.depth;
-  let r = t.node(n), a = n;
+  const o = t.resolve(e), n = o.depth;
+  let r = o.node(n), a = n;
   for (; a >= 0; ) {
     if (a === 0)
       return;
-    if (r.type.name === "block")
+    if (r.type.name === "blockContainer")
       break;
-    a -= 1, r = t.node(a);
+    a -= 1, r = o.node(a);
   }
-  const d = r.attrs.id, i = r.firstChild, s = i.type, c = r.childCount === 2 ? r.lastChild.childCount : 0, p = t.start(a), u = t.end(a);
+  const d = r.attrs.id, s = r.firstChild, i = s.type, l = r.childCount === 2 ? r.lastChild.childCount : 0, u = o.start(a), c = o.end(a);
   return {
     id: d,
     node: r,
-    contentNode: i,
-    contentType: s,
-    numChildBlocks: c,
-    startPos: p,
-    endPos: u,
+    contentNode: s,
+    contentType: i,
+    numChildBlocks: l,
+    startPos: u,
+    endPos: c,
     depth: a
   };
 }
-const Y = new v("previous-blocks"), Me = {
-  listItemType: "list-item-type",
-  listItemIndex: "list-item-index",
-  headingLevel: "heading-level",
+const W = new v("previous-blocks"), Be = {
+  index: "index",
+  level: "level",
   type: "type",
   depth: "depth",
   "depth-change": "depth-change"
-}, we = () => new T({
-  key: Y,
-  view(o) {
+}, Me = () => new B({
+  key: W,
+  view(t) {
     return {
-      update: async (e, t) => {
+      update: async (e, o) => {
         var n;
-        (n = this.key) != null && n.getState(e.state).needsUpdate && setTimeout(() => {
+        ((n = this.key) == null ? void 0 : n.getState(e.state).updatedBlocks.size) > 0 && setTimeout(() => {
           e.dispatch(
-            e.state.tr.setMeta(Y, { clearUpdate: !0 })
+            e.state.tr.setMeta(W, { clearUpdate: !0 })
           );
         }, 0);
       }
@@ -75,84 +65,74 @@ const Y = new v("previous-blocks"), Me = {
   state: {
     init() {
       return {
-        prevBlockAttrs: {},
-        needsUpdate: !1
+        prevTransactionOldBlockAttrs: {},
+        currentTransactionOldBlockAttrs: {},
+        updatedBlocks: /* @__PURE__ */ new Set()
       };
     },
-    apply(o, e, t, n) {
-      if (e.needsUpdate = !1, e.prevBlockAttrs = {}, !o.docChanged || t.doc.eq(n.doc))
+    apply(t, e, o, n) {
+      if (e.currentTransactionOldBlockAttrs = {}, e.updatedBlocks.clear(), !t.docChanged || o.doc.eq(n.doc))
         return e;
-      const r = Q(t.doc, [o]);
-      return X(r).forEach(() => {
-        const d = _(t.doc, (c) => c.attrs.id), i = new Map(
-          d.map((c) => [c.node.attrs.id, c])
-        ), s = _(n.doc, (c) => c.attrs.id);
-        for (let c of s) {
-          const p = i.get(c.node.attrs.id), u = p == null ? void 0 : p.node.firstChild, l = c.node.firstChild;
-          if (p && u && l) {
-            const m = {
-              listItemType: l.attrs.listItemType,
-              listItemIndex: l.attrs.listItemIndex,
-              headingLevel: l.attrs.headingLevel,
-              type: l.type.name,
-              depth: n.doc.resolve(c.pos).depth
-            }, f = {
-              listItemType: u.attrs.listItemType,
-              listItemIndex: u.attrs.listItemIndex,
-              headingLevel: u.attrs.headingLevel,
-              type: u.type.name,
-              depth: t.doc.resolve(p.pos).depth
-            }, y = f.listItemIndex === null && m.listItemIndex !== null, b = f.listItemIndex !== null && m.listItemIndex !== null && f.listItemIndex === m.listItemIndex, g = f.listItemType === "ordered" && m.listItemType === "ordered" ? y || b : !0;
-            JSON.stringify(f) !== JSON.stringify(m) && g && (f["depth-change"] = f.depth - m.depth, e.prevBlockAttrs[c.node.attrs.id] = f, console.log(
-              "id:",
-              c.node.attrs.id,
-              "previousBlockTypePlugin changes detected, oldAttrs",
-              f,
-              "new",
-              m
-            ), e.needsUpdate = !0);
-          }
+      const r = {}, a = D(o.doc, (i) => i.attrs.id), d = new Map(
+        a.map((i) => [i.node.attrs.id, i])
+      ), s = D(n.doc, (i) => i.attrs.id);
+      for (let i of s) {
+        const l = d.get(i.node.attrs.id), u = l == null ? void 0 : l.node.firstChild, c = i.node.firstChild;
+        if (l && u && c) {
+          const p = {
+            index: c.attrs.index,
+            level: c.attrs.level,
+            type: c.type.name,
+            depth: n.doc.resolve(i.pos).depth
+          };
+          let m = {
+            index: u.attrs.index,
+            level: u.attrs.level,
+            type: u.type.name,
+            depth: o.doc.resolve(l.pos).depth
+          };
+          r[i.node.attrs.id] = m, t.getMeta("numberedListIndexing") && (i.node.attrs.id in e.prevTransactionOldBlockAttrs && (m = e.prevTransactionOldBlockAttrs[i.node.attrs.id]), p.type === "numberedListItem" && (m.index = p.index)), e.currentTransactionOldBlockAttrs[i.node.attrs.id] = m, JSON.stringify(m) !== JSON.stringify(p) && (m["depth-change"] = m.depth - p.depth, e.updatedBlocks.add(i.node.attrs.id));
         }
-      }), e;
+      }
+      return e.prevTransactionOldBlockAttrs = r, e;
     }
   },
   props: {
-    decorations(o) {
-      const e = this.getState(o);
-      if (!e.needsUpdate)
+    decorations(t) {
+      const e = this.getState(t);
+      if (e.updatedBlocks.size === 0)
         return;
-      const t = [];
-      return o.doc.descendants((n, r) => {
-        if (!n.attrs.id)
-          return;
-        const a = e.prevBlockAttrs[n.attrs.id];
-        if (!a)
+      const o = [];
+      return t.doc.descendants((n, r) => {
+        if (!n.attrs.id || !e.updatedBlocks.has(n.attrs.id))
           return;
-        const d = {};
-        for (let [s, c] of Object.entries(a))
-          d["data-prev-" + Me[s]] = c || "none";
-        console.log(
-          "previousBlockTypePlugin committing decorations",
-          d
-        );
-        const i = L.node(r, r + n.nodeSize, {
+        const a = e.currentTransactionOldBlockAttrs[n.attrs.id], d = {};
+        for (let [i, l] of Object.entries(a))
+          d["data-prev-" + Be[i]] = l || "none";
+        const s = N.node(r, r + n.nodeSize, {
           ...d
         });
-        t.push(i);
-      }), O.create(o.doc, t);
+        o.push(s);
+      }), L.create(t.doc, o);
     }
   }
-}), Se = "_blockOuter_r256c_5", xe = "_block_r256c_5", Ee = "_blockContent_r256c_25", Pe = "_blockGroup_r256c_53", Ae = "_isEmpty_r256c_238", Ne = "_isFilter_r256c_239", He = "_hasAnchor_r256c_252", I = {
-  blockOuter: Se,
-  block: xe,
-  blockContent: Ee,
-  blockGroup: Pe,
+}), Te = "_blockOuter_1ltqa_5", we = "_block_1ltqa_5", xe = "_blockContent_1ltqa_19", Ie = "_blockGroup_1ltqa_47", Ae = "_isEmpty_1ltqa_232", Pe = "_isFilter_1ltqa_233", Se = "_hasAnchor_1ltqa_246", y = {
+  blockOuter: Te,
+  block: we,
+  blockContent: xe,
+  blockGroup: Ie,
   isEmpty: Ae,
-  isFilter: Ne,
-  hasAnchor: He
-}, Le = w.create({
-  name: "block",
-  group: "block",
+  isFilter: Pe,
+  hasAnchor: Se
+}, Ee = {
+  blockColor: "data-block-color",
+  blockStyle: "data-block-style",
+  id: "data-id",
+  depth: "data-depth",
+  depthChange: "data-depth-change"
+}, He = x.create({
+  name: "blockContainer",
+  group: "blockContainer",
   content: "blockContent blockGroup?",
   priority: 50,
   defining: !0,
@@ -161,45 +141,32 @@ const Y = new v("previous-blocks"), Me = {
       HTMLAttributes: {}
     };
   },
-  addAttributes() {
-    return {
-      blockColor: {
-        default: void 0
-      },
-      blockStyle: {
-        default: void 0
-      }
-    };
-  },
   parseHTML() {
     return [
       {
         tag: "div",
-        getAttrs: (o) => {
-          if (typeof o == "string")
+        getAttrs: (t) => {
+          if (typeof t == "string")
             return !1;
           const e = {};
-          for (let [t, n] of Object.entries(j))
-            o.getAttribute(n) && (e[t] = o.getAttribute(n));
-          return o.getAttribute("data-node-type") === "block" ? e : !1;
+          for (let [o, n] of Object.entries(Ee))
+            t.getAttribute(n) && (e[o] = t.getAttribute(n));
+          return t.getAttribute("data-node-type") === "blockContainer" ? e : !1;
         }
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
-    const e = {};
-    for (let [t, n] of Object.entries(j))
-      o[t] !== void 0 && (e[n] = o[t]);
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      N(e, {
-        class: I.blockOuter,
+      w(t, {
+        class: y.blockOuter,
         "data-node-type": "block-outer"
       }),
       [
         "div",
-        N(e, {
-          class: I.block,
+        w(t, {
+          class: y.block,
           "data-node-type": this.name
         }),
         0
@@ -208,219 +175,217 @@ const Y = new v("previous-blocks"), Me = {
   },
   addCommands() {
     return {
-      BNCreateBlock: (o) => ({ state: e, dispatch: t }) => {
-        const n = e.schema.nodes.block.createAndFill();
-        return t && e.tr.insert(o, n), !0;
+      BNCreateBlock: (t) => ({ state: e, dispatch: o }) => {
+        const n = e.schema.nodes.blockContainer.createAndFill();
+        return o && e.tr.insert(t, n), !0;
       },
-      BNDeleteBlock: (o) => ({ state: e, view: t, dispatch: n }) => {
-        const r = k(e.doc, o);
+      BNDeleteBlock: (t) => ({ state: e, view: o, dispatch: n }) => {
+        const r = f(e.doc, t);
         if (r === void 0)
           return !1;
         const { startPos: a, endPos: d } = r;
         return n && (e.tr.deleteRange(a, d), e.tr.setSelection(
-          new W(e.doc.resolve(a + 1))
-        ), t.focus()), !0;
+          new F(e.doc.resolve(a + 1))
+        ), o.focus()), !0;
       },
-      BNMergeBlocks: (o) => ({ state: e, dispatch: t }) => {
-        const n = e.doc.resolve(o + 1).node().type.name === "block", r = e.doc.resolve(o - 1).node().type.name === "block";
+      BNMergeBlocks: (t) => ({ state: e, dispatch: o }) => {
+        const n = e.doc.resolve(t + 1).node().type.name === "blockContainer", r = e.doc.resolve(t - 1).node().type.name === "blockContainer";
         if (!n || !r)
           return !1;
-        const a = k(
+        const a = f(
           e.doc,
-          o + 1
-        ), { node: d, contentNode: i, startPos: s, endPos: c, depth: p } = a;
+          t + 1
+        ), { node: d, contentNode: s, startPos: i, endPos: l, depth: u } = a;
         if (d.childCount === 2) {
           const m = e.doc.resolve(
-            s + i.nodeSize + 1
-          ), f = e.doc.resolve(c - 1), y = m.blockRange(f);
-          t && e.tr.lift(y, p - 1);
+            i + s.nodeSize + 1
+          ), k = e.doc.resolve(l - 1), b = m.blockRange(k);
+          o && e.tr.lift(b, u - 1);
         }
-        let u = o - 1, l = k(e.doc, u);
-        for (; l.numChildBlocks > 0; )
-          if (u--, l = k(e.doc, u), l === void 0)
+        let c = t - 1, p = f(e.doc, c);
+        for (; p.numChildBlocks > 0; )
+          if (c--, p = f(e.doc, c), p === void 0)
             return !1;
-        return t && (e.tr.deleteRange(s, s + i.nodeSize), e.tr.insertText(i.textContent, u - 1), e.tr.setSelection(
-          new W(e.doc.resolve(u - 1))
+        return o && (e.tr.deleteRange(i, i + s.nodeSize), e.tr.insertText(s.textContent, c - 1), e.tr.setSelection(
+          new F(e.doc.resolve(c - 1))
         )), !0;
       },
-      BNSplitBlock: (o, e) => ({ state: t, dispatch: n }) => {
-        const r = k(t.doc, o);
+      BNSplitBlock: (t, e) => ({ state: o, dispatch: n }) => {
+        const r = f(o.doc, t);
         if (r === void 0)
           return !1;
-        const { contentNode: a, contentType: d, startPos: i, endPos: s, depth: c } = r, p = s + 1, u = t.doc.textBetween(o, s), l = t.schema.nodes.block.createAndFill(), m = p + 2;
-        n && (t.tr.insert(p, l), t.tr.insertText(u, m), e && t.tr.setBlockType(
-          m,
-          m,
-          t.schema.node(d).type,
+        const { contentNode: a, contentType: d, startPos: s, endPos: i, depth: l } = r, u = o.doc.cut(s + 1, t), c = o.doc.cut(t, i - 1), p = o.schema.nodes.blockContainer.createAndFill(), m = i + 1, k = m + 2;
+        return n && (o.tr.insert(m, p), o.tr.replace(
+          k,
+          k + 1,
+          c.content.size > 0 ? new E(
+            H.from(c),
+            l + 2,
+            l + 2
+          ) : void 0
+        ), e && o.tr.setBlockType(
+          k,
+          k,
+          o.schema.node(d).type,
           a.attrs
-        ));
-        const f = t.doc.content.cut(i, o);
-        return n && t.tr.replace(
-          i,
-          s,
-          new z(f, c, c)
-        ), !0;
+        ), o.tr.setSelection(
+          new F(o.doc.resolve(k))
+        ), o.tr.replace(
+          s + 1,
+          i - 1,
+          u.content.size > 0 ? new E(
+            H.from(u),
+            l + 2,
+            l + 2
+          ) : void 0
+        )), !0;
       },
-      BNSetContentType: (o, e) => ({ state: t, dispatch: n }) => {
-        const r = k(t.doc, o);
+      BNUpdateBlock: (t, e) => ({ state: o, dispatch: n }) => {
+        const r = f(o.doc, t);
         if (r === void 0)
           return !1;
-        const { startPos: a, contentNode: d } = r;
-        return n && t.tr.setBlockType(
-          a + 1,
-          a + d.nodeSize + 1,
-          t.schema.node(e.name).type,
-          e.attrs
+        const { node: a, startPos: d, contentNode: s } = r;
+        return n && o.tr.setBlockType(
+          d + 1,
+          d + s.nodeSize + 1,
+          o.schema.node(e.type).type,
+          {
+            ...a.attrs,
+            ...e.props
+          }
         ), !0;
       },
-      BNCreateBlockOrSetContentType: (o, e) => ({ state: t, chain: n }) => {
-        const r = k(t.doc, o);
+      BNCreateOrUpdateBlock: (t, e) => ({ state: o, chain: n }) => {
+        const r = f(o.doc, t);
         if (r === void 0)
           return !1;
-        const { node: a, startPos: d, endPos: i } = r;
+        const { node: a, startPos: d, endPos: s } = r;
         if (a.textContent.length === 0) {
-          const s = d + 1;
-          return n().BNSetContentType(o, e).setTextSelection(s).run();
+          const i = d + 1;
+          return n().BNUpdateBlock(t, e).setTextSelection(i).run();
         } else {
-          const s = i + 1, c = s + 1;
-          return n().BNCreateBlock(s).BNSetContentType(c, e).setTextSelection(c).run();
+          const i = s + 1, l = i + 1;
+          return n().BNCreateBlock(i).BNUpdateBlock(l, e).setTextSelection(l).run();
         }
       }
     };
   },
   addProseMirrorPlugins() {
-    return [we()];
+    return [Me()];
   },
   addKeyboardShortcuts() {
     return {
-      Backspace: () => this.editor.commands.first(({ commands: t }) => [
-        () => t.deleteSelection(),
-        () => t.undoInputRule(),
-        () => t.command(({ state: n }) => {
-          const { contentType: r } = k(
+      Backspace: () => this.editor.commands.first(({ commands: o }) => [
+        () => o.deleteSelection(),
+        () => o.undoInputRule(),
+        () => o.command(({ state: n }) => {
+          const { contentType: r } = f(
             n.doc,
             n.selection.from
-          ), a = n.selection.$anchor.parentOffset === 0, d = r.name === "textContent";
-          return a && !d ? t.BNSetContentType(n.selection.from, {
-            name: "textContent"
+          ), a = n.selection.$anchor.parentOffset === 0, d = r.name === "paragraph";
+          return a && !d ? o.BNUpdateBlock(n.selection.from, {
+            type: "paragraph",
+            props: {}
           }) : !1;
         }),
-        () => t.command(({ state: n }) => n.selection.$anchor.parentOffset === 0 ? t.liftListItem("block") : !1),
-        () => t.command(({ state: n }) => {
-          const { depth: r, startPos: a } = k(
+        () => o.command(({ state: n }) => n.selection.$anchor.parentOffset === 0 ? o.liftListItem("blockContainer") : !1),
+        () => o.command(({ state: n }) => {
+          const { depth: r, startPos: a } = f(
             n.doc,
             n.selection.from
-          ), d = n.selection.$anchor.parentOffset === 0, i = n.selection.anchor === n.selection.head, s = a === 2, c = a - 1;
-          return !s && d && i && r === 2 ? t.BNMergeBlocks(c) : !1;
+          ), d = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, i = a === 2, l = a - 1;
+          return !i && d && s && r === 2 ? o.BNMergeBlocks(l) : !1;
         })
       ]),
-      Enter: () => this.editor.commands.first(({ commands: t }) => [
-        () => t.command(({ state: n }) => {
-          const { node: r, depth: a } = k(
+      Enter: () => this.editor.commands.first(({ commands: o }) => [
+        () => o.command(({ state: n }) => {
+          const { node: r, depth: a } = f(
             n.doc,
             n.selection.from
-          ), d = n.selection.$anchor.parentOffset === 0, i = n.selection.anchor === n.selection.head, s = r.textContent.length === 0, c = a > 2;
-          return d && i && s && c ? t.liftListItem("block") : !1;
+          ), d = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, i = r.textContent.length === 0, l = a > 2;
+          return d && s && i && l ? o.liftListItem("blockContainer") : !1;
         }),
-        () => t.command(({ state: n, chain: r }) => {
-          const { node: a, endPos: d } = k(
+        () => o.command(({ state: n, chain: r }) => {
+          const { node: a, endPos: d } = f(
             n.doc,
             n.selection.from
-          ), i = n.selection.$anchor.parentOffset === 0, s = n.selection.anchor === n.selection.head, c = a.textContent.length === 0;
-          if (i && s && c) {
-            const p = d + 1, u = p + 2;
-            return r().BNCreateBlock(p).setTextSelection(u).run(), !0;
+          ), s = n.selection.$anchor.parentOffset === 0, i = n.selection.anchor === n.selection.head, l = a.textContent.length === 0;
+          if (s && i && l) {
+            const u = d + 1, c = u + 2;
+            return r().BNCreateBlock(u).setTextSelection(c).run(), !0;
           }
           return !1;
         }),
-        () => t.command(({ state: n, chain: r }) => {
-          const { node: a } = k(
+        () => o.command(({ state: n, chain: r }) => {
+          const { node: a } = f(
             n.doc,
             n.selection.from
           );
           return a.textContent.length === 0 ? !1 : (r().deleteSelection().BNSplitBlock(n.selection.from, !1).run(), !0);
         })
       ]),
-      Tab: () => this.editor.commands.sinkListItem("block"),
-      "Shift-Tab": () => this.editor.commands.liftListItem("block"),
+      Tab: () => (this.editor.commands.sinkListItem("blockContainer"), !0),
+      "Shift-Tab": () => (this.editor.commands.liftListItem("blockContainer"), !0),
       "Mod-Alt-0": () => this.editor.commands.BNCreateBlock(
         this.editor.state.selection.anchor + 2
       ),
-      "Mod-Alt-1": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "headingContent",
-          attrs: {
-            headingLevel: "1"
-          }
-        }
-      ),
-      "Mod-Alt-2": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "headingContent",
-          attrs: {
-            headingLevel: "2"
-          }
-        }
-      ),
-      "Mod-Alt-3": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "headingContent",
-          attrs: {
-            headingLevel: "3"
-          }
+      "Mod-Alt-1": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "1"
         }
-      ),
-      "Mod-Shift-7": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "listItemContent",
-          attrs: {
-            listItemType: "unordered"
-          }
+      }),
+      "Mod-Alt-2": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "2"
         }
-      ),
-      "Mod-Shift-8": () => this.editor.commands.BNSetContentType(
-        this.editor.state.selection.anchor,
-        {
-          name: "listItemContent",
-          attrs: {
-            listItemType: "ordered"
-          }
+      }),
+      "Mod-Alt-3": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "heading",
+        props: {
+          level: "3"
         }
-      )
+      }),
+      "Mod-Shift-7": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "bulletListItem",
+        props: {}
+      }),
+      "Mod-Shift-8": () => this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
+        type: "numberedListItem",
+        props: {}
+      })
     };
   }
-}), Oe = w.create({
+}), Ne = x.create({
   name: "blockGroup",
+  group: "blockGroup",
+  content: "blockContainer+",
   addOptions() {
     return {
       HTMLAttributes: {}
     };
   },
-  content: "block+",
   parseHTML() {
     return [
       {
         tag: "div",
-        getAttrs: (o) => typeof o == "string" ? !1 : o.getAttribute("data-node-type") === "block-group" ? null : !1
+        getAttrs: (t) => typeof t == "string" ? !1 : t.getAttribute("data-node-type") === "blockGroup" ? null : !1
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      N(this.options.HTMLAttributes, o, {
-        class: I.blockGroup,
-        "data-node-type": "block-group"
+      w(this.options.HTMLAttributes, t, {
+        class: y.blockGroup,
+        "data-node-type": "blockGroup"
       }),
       0
     ];
   }
-}), Re = w.create({
-  name: "textContent",
+}), Le = x.create({
+  name: "paragraph",
   group: "blockContent",
   content: "inline*",
   parseHTML() {
@@ -428,44 +393,44 @@ const Y = new v("previous-blocks"), Me = {
       {
         tag: "p",
         priority: 200,
-        node: "block"
+        node: "blockContainer"
       }
     ];
   },
-  renderHTML() {
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      {
-        class: I.blockContent,
+      w(t, {
+        class: y.blockContent,
         "data-content-type": this.name
-      },
+      }),
       ["p", 0]
     ];
   }
-}), Fe = w.create({
-  name: "headingContent",
+}), Oe = x.create({
+  name: "heading",
   group: "blockContent",
   content: "inline*",
   addAttributes() {
     return {
-      headingLevel: {
+      level: {
         default: "1",
-        parseHTML: (o) => o.getAttribute("data-heading-level"),
-        renderHTML: (o) => ({
-          "data-heading-level": o.headingLevel
+        parseHTML: (t) => t.getAttribute("data-level"),
+        renderHTML: (t) => ({
+          "data-level": t.level
         })
       }
     };
   },
   addInputRules() {
     return [
-      ...["1", "2", "3"].map((o) => new U({
-        find: new RegExp(`^(#{${parseInt(o)}})\\s$`),
-        handler: ({ state: e, chain: t, range: n }) => {
-          t().BNSetContentType(e.selection.from, {
-            name: "headingContent",
-            attrs: {
-              headingLevel: o
+      ...["1", "2", "3"].map((t) => new q({
+        find: new RegExp(`^(#{${parseInt(t)}})\\s$`),
+        handler: ({ state: e, chain: o, range: n }) => {
+          o().BNUpdateBlock(e.selection.from, {
+            type: "heading",
+            props: {
+              level: t
             }
           }).deleteRange({ from: n.from, to: n.to });
         }
@@ -476,124 +441,150 @@ const Y = new v("previous-blocks"), Me = {
     return [
       {
         tag: "h1",
-        attrs: { headingLevel: "1" },
-        node: "block"
+        attrs: { level: "1" },
+        node: "blockContainer"
       },
       {
         tag: "h2",
-        attrs: { headingLevel: "2" },
-        node: "block"
+        attrs: { level: "2" },
+        node: "blockContainer"
       },
       {
         tag: "h3",
-        attrs: { headingLevel: "3" },
-        node: "block"
+        attrs: { level: "3" },
+        node: "blockContainer"
       }
     ];
   },
-  renderHTML({ node: o, HTMLAttributes: e }) {
-    return console.log(o.attrs), [
+  renderHTML({ node: t, HTMLAttributes: e }) {
+    return [
       "div",
-      N(e, {
-        class: I.blockContent,
+      w(e, {
+        class: y.blockContent,
         "data-content-type": this.name
       }),
-      ["h" + o.attrs.headingLevel, 0]
+      ["h" + t.attrs.level, 0]
     ];
   }
-}), De = new v("ordered-list-item-index"), _e = () => new T({
-  key: De,
-  appendTransaction: (o, e, t) => {
-    const n = t.tr;
-    n.setMeta("orderedListIndexing", !0);
+}), Q = (t) => {
+  const { node: e, contentType: o } = f(
+    t.state.doc,
+    t.state.selection.from
+  ), n = t.state.selection.anchor === t.state.selection.head;
+  return !o.name.endsWith("ListItem") || !n ? !1 : t.commands.first(({ state: r, chain: a, commands: d }) => [
+    () => d.command(() => e.textContent.length === 0 ? d.BNUpdateBlock(r.selection.from, {
+      type: "paragraph",
+      props: {}
+    }) : !1),
+    () => d.command(() => e.textContent.length > 0 ? (a().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
+  ]);
+}, Re = x.create({
+  name: "bulletListItem",
+  group: "blockContent",
+  content: "inline*",
+  addInputRules() {
+    return [
+      new q({
+        find: new RegExp("^[-+*]\\s$"),
+        handler: ({ state: t, chain: e, range: o }) => {
+          e().BNUpdateBlock(t.selection.from, {
+            type: "bulletListItem",
+            props: {}
+          }).deleteRange({ from: o.from, to: o.to });
+        }
+      })
+    ];
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: () => Q(this.editor)
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "li",
+        getAttrs: (t) => {
+          if (typeof t == "string")
+            return !1;
+          const e = t.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "bulletListItem" ? {} : e.tagName === "UL" ? {} : !1;
+        },
+        node: "blockContainer"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return [
+      "div",
+      w(t, {
+        class: y.blockContent,
+        "data-content-type": this.name
+      }),
+      ["li", 0]
+    ];
+  }
+}), Fe = new v("numbered-list-indexing"), _e = () => new B({
+  key: Fe,
+  appendTransaction: (t, e, o) => {
+    const n = o.tr;
+    n.setMeta("numberedListIndexing", !0);
     let r = !1;
-    return t.doc.descendants((a, d) => {
-      if (a.type.name === "block" && a.firstChild.type.name === "listItemContent" && a.firstChild.attrs.listItemType === "ordered") {
-        let i = "1";
-        const s = d === 1, c = k(n.doc, d + 1);
-        if (c === void 0)
+    return o.doc.descendants((a, d) => {
+      if (a.type.name === "blockContainer" && a.firstChild.type.name === "numberedListItem") {
+        let s = "1";
+        const i = d === 1, l = f(n.doc, d + 1);
+        if (l === void 0)
           return;
-        if (!s) {
-          const l = k(n.doc, d - 2);
-          if (l === void 0)
+        if (!i) {
+          const p = f(n.doc, d - 2);
+          if (p === void 0)
             return;
-          if (!(c.depth !== l.depth)) {
-            const f = l.contentNode;
-            if (l.contentType.name === "listItemContent" && f.attrs.listItemType === "ordered") {
-              const g = f.attrs.listItemIndex;
-              i = (parseInt(g) + 1).toString();
+          if (!(l.depth !== p.depth)) {
+            const k = p.contentNode;
+            if (p.contentType.name === "numberedListItem") {
+              const O = k.attrs.index;
+              s = (parseInt(O) + 1).toString();
             }
           }
         }
-        c.contentNode.attrs.listItemIndex !== i && (r = !0, n.setNodeMarkup(d + 1, void 0, {
-          listItemType: "ordered",
-          listItemIndex: i
+        l.contentNode.attrs.index !== s && (r = !0, n.setNodeMarkup(d + 1, void 0, {
+          index: s
         }));
       }
     }), r ? n : null;
   }
-}), Ue = w.create({
-  name: "listItemContent",
+}), De = x.create({
+  name: "numberedListItem",
   group: "blockContent",
   content: "inline*",
   addAttributes() {
     return {
-      listItemType: {
-        default: "unordered",
-        parseHTML: (o) => o.getAttribute("data-list-item-type"),
-        renderHTML: (o) => ({
-          "data-list-item-type": o.listItemType
-        })
-      },
-      listItemIndex: {
+      index: {
         default: null,
-        parseHTML: (o) => o.getAttribute("data-list-item-index"),
-        renderHTML: (o) => ({
-          "data-list-item-index": o.listItemIndex
+        parseHTML: (t) => t.getAttribute("data-index"),
+        renderHTML: (t) => ({
+          "data-index": t.index
         })
       }
     };
   },
   addInputRules() {
     return [
-      new U({
-        find: new RegExp("^[-+*]\\s$"),
-        handler: ({ state: o, chain: e, range: t }) => {
-          e().BNSetContentType(o.selection.from, {
-            name: "listItemContent",
-            attrs: {
-              listItemType: "unordered"
-            }
-          }).deleteRange({ from: t.from, to: t.to });
-        }
-      }),
-      new U({
+      new q({
         find: new RegExp("^1\\.\\s$"),
-        handler: ({ state: o, chain: e, range: t }) => {
-          e().BNSetContentType(o.selection.from, {
-            name: "listItemContent",
-            attrs: {
-              listItemType: "ordered"
-            }
-          }).deleteRange({ from: t.from, to: t.to });
+        handler: ({ state: t, chain: e, range: o }) => {
+          e().BNUpdateBlock(t.selection.from, {
+            type: "numberedListItem",
+            props: {}
+          }).deleteRange({ from: o.from, to: o.to });
         }
       })
     ];
   },
   addKeyboardShortcuts() {
     return {
-      Enter: () => {
-        const { node: e, contentType: t } = k(
-          this.editor.state.doc,
-          this.editor.state.selection.from
-        ), n = this.editor.state.selection.anchor === this.editor.state.selection.head;
-        return t.name !== "listItemContent" || !n ? !1 : this.editor.commands.first(({ state: r, chain: a, commands: d }) => [
-          () => d.command(() => e.textContent.length === 0 ? d.BNSetContentType(r.selection.from, {
-            name: "textContent"
-          }) : !1),
-          () => d.command(() => e.textContent.length > 0 ? (a().deleteSelection().BNSplitBlock(r.selection.from, !0).run(), !0) : !1)
-        ]);
-      }
+      Enter: () => Q(this.editor)
     };
   },
   addProseMirrorPlugins() {
@@ -603,33 +594,34 @@ const Y = new v("previous-blocks"), Me = {
     return [
       {
         tag: "li",
-        getAttrs: (o) => {
-          if (typeof o == "string")
+        getAttrs: (t) => {
+          if (typeof t == "string")
             return !1;
-          const e = o.parentElement;
-          return e === null ? !1 : e.getAttribute("data-content-type") === "listItemContent" ? { listItemType: e.getAttribute("data-list-item-type") } : e.tagName === "UL" ? { listItemType: "unordered" } : e.tagName === "OL" ? { listItemType: "ordered" } : !1;
+          const e = t.parentElement;
+          return e === null ? !1 : e.getAttribute("data-content-type") === "numberedListItem" ? {} : e.tagName === "OL" ? {} : !1;
         },
-        node: "block"
+        node: "blockContainer"
       }
     ];
   },
-  renderHTML({ HTMLAttributes: o }) {
+  renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      N(o, {
-        class: I.blockContent,
+      w(t, {
+        class: y.blockContent,
         "data-content-type": this.name
       }),
       ["li", 0]
     ];
   }
-}), $e = [
-  Re,
-  Fe,
-  Ue,
+}), Ue = [
   Le,
   Oe,
-  w.create({
+  Re,
+  De,
+  He,
+  Ne,
+  x.create({
     name: "doc",
     topNode: !0,
     content: "blockGroup"
@@ -638,7 +630,7 @@ const Y = new v("previous-blocks"), Me = {
 class ze {
   constructor({
     editor: e,
-    formattingToolbarFactory: t,
+    formattingToolbarFactory: o,
     view: n,
     shouldShow: r
   }) {
@@ -648,9 +640,9 @@ class ze {
     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: a, selection: d } = t, { empty: i } = d, s = !a.textBetween(n, r).length && se(t.selection);
-      return !(!e.hasFocus() || i || s);
+    h(this, "shouldShow", ({ view: e, state: o, from: n, to: r }) => {
+      const { doc: a, selection: d } = o, { empty: s } = d, i = !a.textBetween(n, r).length && oe(o.selection);
+      return !(!e.hasFocus() || s || i);
     });
     h(this, "viewMousedownHandler", () => {
       this.preventShow = !0;
@@ -665,42 +657,42 @@ class ze {
       setTimeout(() => this.update(this.editor.view));
     });
     h(this, "blurHandler", ({ event: e }) => {
-      var t, n;
+      var o, n;
       if (this.preventHide) {
         this.preventHide = !1;
         return;
       }
-      (e == null ? void 0 : e.relatedTarget) && ((n = (t = this.formattingToolbar.element) == null ? void 0 : t.parentNode) == null ? void 0 : n.contains(
+      (e == null ? void 0 : e.relatedTarget) && ((n = (o = this.formattingToolbar.element) == null ? void 0 : o.parentNode) == null ? void 0 : n.contains(
         e.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);
+    this.editor = e, this.view = n, this.formattingToolbar = o(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);
   }
-  update(e, t) {
-    var l;
-    const { state: n, composing: r } = e, { doc: a, selection: d } = n, i = t && t.doc.eq(a) && t.selection.eq(d);
-    if (r || i)
+  update(e, o) {
+    var p;
+    const { state: n, composing: r } = e, { doc: a, selection: d } = n, s = o && o.doc.eq(a) && o.selection.eq(d);
+    if (r || s)
       return;
-    const { ranges: s } = d, c = Math.min(...s.map((m) => m.$from.pos)), p = Math.max(...s.map((m) => m.$to.pos)), u = (l = this.shouldShow) == null ? void 0 : l.call(this, {
+    const { ranges: i } = d, l = Math.min(...i.map((m) => m.$from.pos)), u = Math.max(...i.map((m) => m.$to.pos)), c = (p = this.shouldShow) == null ? void 0 : p.call(this, {
       editor: this.editor,
       view: e,
       state: n,
-      oldState: t,
-      from: c,
-      to: p
+      oldState: o,
+      from: l,
+      to: u
     });
-    if (!this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
+    if (!this.toolbarIsOpen && !this.preventShow && (c || this.preventHide)) {
       this.formattingToolbar.render(this.getDynamicParams(), !0), this.toolbarIsOpen = !0, this.formattingToolbar.element.addEventListener(
         "mousedown",
         (m) => m.preventDefault()
       );
       return;
     }
-    if (this.toolbarIsOpen && !this.preventShow && (u || this.preventHide)) {
+    if (this.toolbarIsOpen && !this.preventShow && (c || this.preventHide)) {
       this.formattingToolbar.render(this.getDynamicParams(), !1);
       return;
     }
-    if (this.toolbarIsOpen && !this.preventHide && (!u || this.preventShow)) {
+    if (this.toolbarIsOpen && !this.preventHide && (!c || this.preventShow)) {
       this.formattingToolbar.hide(), this.toolbarIsOpen = !1, this.formattingToolbar.element.removeEventListener(
         "mousedown",
         (m) => m.preventDefault()
@@ -712,13 +704,13 @@ class ze {
     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);
   }
   getSelectionBoundingBox() {
-    const { state: e } = this.editor.view, { selection: t } = e, { ranges: n } = t, r = Math.min(...n.map((d) => d.$from.pos)), a = Math.max(...n.map((d) => d.$to.pos));
-    if (ae(t)) {
+    const { state: e } = this.editor.view, { selection: o } = e, { ranges: n } = o, r = Math.min(...n.map((d) => d.$from.pos)), a = Math.max(...n.map((d) => d.$to.pos));
+    if (ne(o)) {
       const d = this.editor.view.nodeDOM(r);
       if (d)
         return d.getBoundingClientRect();
     }
-    return Z(this.editor.view, r, a);
+    return j(this.editor.view, r, a);
   }
   getStaticParams() {
     return {
@@ -734,18 +726,33 @@ class ze {
       toggleStrike: () => {
         this.editor.view.focus(), this.editor.commands.toggleStrike();
       },
-      setHyperlink: (e, t) => {
+      setHyperlink: (e, o) => {
         if (e === "")
           return;
         let { from: n, to: r } = this.editor.state.selection;
-        t || (t = this.editor.state.doc.textBetween(n, r));
+        o || (o = this.editor.state.doc.textBetween(n, r));
         const a = 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, a)
+          this.editor.view.state.tr.insertText(o, n, r).addMark(n, n + o.length, a)
         ), this.editor.view.focus();
       },
-      setBlockType: (e) => {
-        this.editor.view.focus(), this.editor.commands.BNSetContentType(
+      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
         );
@@ -753,29 +760,38 @@ class ze {
     };
   }
   getDynamicParams() {
+    const e = f(
+      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 ? this.editor.getAttributes("link").href : "",
+      activeHyperlinkUrl: this.editor.getAttributes("link").href || "",
       activeHyperlinkText: this.editor.state.doc.textBetween(
         this.editor.state.selection.from,
         this.editor.state.selection.to
       ),
-      activeBlockType: {
-        name: this.editor.state.selection.$from.node().type.name,
-        attrs: this.editor.state.selection.$from.node().attrs
+      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,
+      block: {
+        type: e.contentType.name,
+        props: e.contentNode.attrs
       },
-      selectionBoundingBox: this.getSelectionBoundingBox()
+      referenceRect: this.getSelectionBoundingBox()
     };
   }
 }
-const qe = (o) => new T({
+const qe = (t) => new B({
   key: new v("FormattingToolbarPlugin"),
-  view: (e) => new ze({ view: e, ...o })
-}), Ge = E.create({
+  view: (e) => new ze({ view: e, ...t })
+}), $e = C.create({
   name: "FormattingToolbarExtension",
   addProseMirrorPlugins() {
     if (!this.options.formattingToolbarFactory)
@@ -790,63 +806,28 @@ const qe = (o) => new T({
       })
     ];
   }
-});
-class A extends F {
-  constructor(t, n) {
-    super(t, n);
-    h(this, "nodes");
-    const r = t.node();
-    this.nodes = [], t.doc.nodesBetween(t.pos, n.pos, (a, d, i) => {
-      if (i !== null && i.eq(r))
-        return this.nodes.push(a), !1;
-    });
-  }
-  static create(t, n, r = n) {
-    return new A(t.resolve(n), t.resolve(r));
-  }
-  content() {
-    return new z(ee.from(this.nodes), 0, 0);
-  }
-  eq(t) {
-    if (!(t instanceof A) || this.nodes.length !== t.nodes.length || this.from !== t.from || this.to !== t.to)
-      return !1;
-    for (let n = 0; n < this.nodes.length; n++)
-      if (!this.nodes[n].eq(t.nodes[n]))
-        return !1;
-    return !0;
-  }
-  map(t, n) {
-    let r = n.mapResult(this.from), a = n.mapResult(this.to);
-    return a.deleted ? F.near(t.resolve(r.pos)) : r.deleted ? F.near(t.resolve(a.pos)) : new A(
-      t.resolve(r.pos),
-      t.resolve(a.pos)
-    );
-  }
-  toJSON() {
-    return { type: "node", anchor: this.anchor, head: this.head };
-  }
-}
-const Ke = de((o) => o.type.name === "block");
-function We(o, e) {
-  if (!e.empty)
-    return;
-  const t = e.$anchor.nodeBefore;
-  if (!t || !t.text)
-    return;
-  const n = new RegExp(`${V(o)}([^${V(o)}]*)$`), r = t.text.match(n);
-  if (!!r)
-    return {
-      query: r[1],
-      range: {
-        from: e.$anchor.pos - r[1].length - o.length,
-        to: e.$anchor.pos
-      }
-    };
+}), Ge = "_bnEditor_xixap_3", Ve = "_bnRoot_xixap_13", We = "_dragPreview_xixap_27", U = {
+  bnEditor: Ge,
+  bnRoot: Ve,
+  dragPreview: We
+}, Ye = re(
+  (t) => t.type.name === "blockContainer"
+);
+function z() {
+  return {
+    active: !1,
+    triggerCharacter: void 0,
+    queryStartPos: void 0,
+    items: [],
+    keyboardHoveredItemIndex: void 0,
+    notFoundCount: 0,
+    decorationId: void 0
+  };
 }
-class Ve {
+class je {
   constructor({
     editor: e,
-    pluginKey: t,
+    pluginKey: o,
     onSelectItem: n = () => {
     },
     suggestionsMenuFactory: r
@@ -856,29 +837,23 @@ class Ve {
     h(this, "suggestionsMenu");
     h(this, "pluginState");
     h(this, "itemCallback");
-    this.editor = e, this.pluginKey = t, this.pluginState = {
-      active: !1,
-      range: null,
-      query: null,
-      notFoundCount: 0,
-      items: [],
-      selectedItemIndex: 0,
-      type: "slash",
-      decorationId: null
-    }, this.itemCallback = (a) => n({
+    this.editor = e, this.pluginKey = o, this.pluginState = z(), this.itemCallback = (a) => n({
       item: a,
       editor: e,
-      range: this.pluginState.range
+      range: {
+        from: this.pluginState.queryStartPos - this.pluginState.triggerCharacter.length,
+        to: e.state.selection.from
+      }
     }), this.suggestionsMenu = r(this.getStaticParams());
   }
-  update(e, t) {
-    const n = this.pluginKey.getState(t), r = this.pluginKey.getState(e.state), a = !n.active && r.active, d = n.active && !r.active, i = n.active && r.active;
-    !a && !i && !d || (this.pluginState = d ? n : r, d && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
+  update(e, o) {
+    const n = this.pluginKey.getState(o), r = this.pluginKey.getState(e.state), a = !n.active && r.active, d = n.active && !r.active, s = n.active && r.active;
+    !a && !s && !d || (this.pluginState = d ? n : r, d && (this.suggestionsMenu.hide(), this.suggestionsMenu.element.removeEventListener(
       "mousedown",
-      (s) => s.preventDefault()
-    )), i && this.suggestionsMenu.render(this.getDynamicParams(), !1), a && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
+      (i) => i.preventDefault()
+    )), s && this.suggestionsMenu.render(this.getDynamicParams(), !1), a && (this.suggestionsMenu.render(this.getDynamicParams(), !0), this.suggestionsMenu.element.addEventListener(
       "mousedown",
-      (s) => s.preventDefault()
+      (i) => i.preventDefault()
     )));
   }
   getStaticParams() {
@@ -892,241 +867,208 @@ class Ve {
     );
     return {
       items: this.pluginState.items,
-      selectedItemIndex: this.pluginState.selectedItemIndex,
-      queryStartBoundingBox: e.getBoundingClientRect()
+      keyboardHoveredItemIndex: this.pluginState.keyboardHoveredItemIndex,
+      referenceRect: e.getBoundingClientRect()
     };
   }
 }
-function je({
-  pluginKey: o,
+function Ke({
+  pluginKey: t,
   editor: e,
-  char: t,
+  defaultTriggerCharacter: o,
   suggestionsMenuFactory: n,
   onSelectItem: r = () => {
   },
   items: a = () => []
 }) {
-  if (t.length !== 1)
+  if (o.length !== 1)
     throw new Error("'char' should be a single character");
-  const d = (i) => {
-    i.dispatch(i.state.tr.setMeta(o, { deactivate: !0 }));
+  const d = (s) => {
+    s.dispatch(s.state.tr.setMeta(t, { deactivate: !0 }));
   };
-  return new T({
-    key: o,
-    view: (i) => new Ve({
+  return new B({
+    key: t,
+    view: (s) => new je({
       editor: e,
-      pluginKey: o,
-      onSelectItem: (s) => {
-        d(i), r(s);
+      pluginKey: t,
+      onSelectItem: (i) => {
+        d(s), r(i);
       },
       suggestionsMenuFactory: n
     }),
     state: {
       init() {
-        return {
-          active: !1,
-          range: null,
-          query: null,
-          notFoundCount: 0,
-          items: [],
-          selectedItemIndex: 0,
-          type: "slash",
-          decorationId: null
-        };
+        return z();
       },
-      apply(i, s, c, p) {
-        var m, f, y, b;
-        const { selection: u } = i, l = { ...s };
-        if (i.getMeta("orderedListIndexing") !== void 0)
-          return l;
-        if (((m = i.getMeta(o)) == null ? void 0 : m.selectedItemIndexChanged) !== void 0) {
-          let g = i.getMeta(o).selectedItemIndexChanged;
-          return g < 0 && (g = s.items.length - 1), g >= s.items.length && (g = 0), l.selectedItemIndex = g, l;
+      apply(s, i, l, u) {
+        var p, m, k, b;
+        if (s.getMeta("orderedListIndexing") !== void 0)
+          return i;
+        if ((p = s.getMeta(t)) != null && p.activate)
+          return {
+            active: !0,
+            triggerCharacter: ((m = s.getMeta(t)) == null ? void 0 : m.triggerCharacter) || "",
+            queryStartPos: u.selection.from,
+            items: a(""),
+            keyboardHoveredItemIndex: 0,
+            notFoundCount: 0,
+            decorationId: `id_${Math.floor(Math.random() * 4294967295)}`
+          };
+        if (!i.active)
+          return i;
+        const c = { ...i };
+        if (c.items = a(
+          u.doc.textBetween(i.queryStartPos, u.selection.from)
+        ), c.notFoundCount = 0, c.items.length === 0 && (c.notFoundCount = Math.max(
+          0,
+          i.notFoundCount + (u.selection.from - l.selection.from)
+        )), u.selection.from !== u.selection.to || ((k = s.getMeta(t)) == null ? void 0 : k.deactivate) || s.getMeta("focus") || s.getMeta("blur") || s.getMeta("pointer") || i.active && u.selection.from < i.queryStartPos || c.notFoundCount > 3)
+          return z();
+        if (((b = s.getMeta(t)) == null ? void 0 : b.selectedItemIndexChanged) !== void 0) {
+          let g = s.getMeta(t).selectedItemIndexChanged;
+          g < 0 ? g = i.items.length - 1 : g >= i.items.length && (g = 0), c.keyboardHoveredItemIndex = g;
         }
-        if (u.from === u.to && !((f = i.getMeta(o)) != null && f.deactivate) && !i.getMeta("focus") && !i.getMeta("blur") && !i.getMeta("pointer")) {
-          if (s.active && u.from <= s.range.from)
-            l.active = !1;
-          else if ((y = i.getMeta(o)) != null && y.activate) {
-            const g = `id_${Math.floor(
-              Math.random() * 4294967295
-            )}`;
-            l.decorationId = g, l.range = {
-              from: u.from - 1,
-              to: u.to
-            }, l.query = "", l.active = !0, l.type = (b = i.getMeta(o)) == null ? void 0 : b.type, l.selectedItemIndex = 0;
-          } else if (s.active) {
-            const g = We(
-              s.type === "slash" ? t : "",
-              p.selection
-            );
-            if (!g)
-              throw new Error("active but no match (suggestions)");
-            l.range = g.range, l.active = !0, l.decorationId = s.decorationId, l.query = g.query, l.selectedItemIndex = 0;
-          }
-        } else
-          l.active = !1;
-        return l.active && (l.items = a(l.query), l.items.length ? l.notFoundCount = 0 : l.range.to > s.range.to ? l.notFoundCount = s.notFoundCount + 1 : l.notFoundCount = s.notFoundCount, l.notFoundCount > 3 && (l.active = !1)), l.active || (l.decorationId = null, l.range = null, l.query = null, l.notFoundCount = 0, l.items = []), l;
+        return c;
       }
     },
     props: {
-      handleKeyDown(i, s) {
-        const { active: c } = this.getState(i.state);
-        if (c) {
-          const { items: p, range: u, selectedItemIndex: l } = o.getState(
-            i.state
-          );
-          if (s.key === "ArrowUp")
-            return i.dispatch(
-              i.state.tr.setMeta(o, {
-                selectedItemIndexChanged: l - 1
-              })
-            ), !0;
-          if (s.key === "ArrowDown")
-            return i.dispatch(
-              i.state.tr.setMeta(o, {
-                selectedItemIndexChanged: l + 1
-              })
-            ), !0;
-          if (s.key === "Enter")
-            return d(i), r({
-              item: p[l],
-              editor: e,
-              range: u
-            }), !0;
-          if (s.key === "Escape")
-            return d(i), !0;
-        } else if (s.key === t)
-          return i.dispatch(
-            i.state.tr.insertText(t).scrollIntoView().setMeta(o, { activate: !0, type: "slash" })
+      handleKeyDown(s, i) {
+        const l = this.getState(s.state).active;
+        if (i.key === o && !l)
+          return s.dispatch(
+            s.state.tr.insertText(o).scrollIntoView().setMeta(t, {
+              activate: !0,
+              triggerCharacter: o
+            })
           ), !0;
-        return !1;
+        if (!l)
+          return !1;
+        const {
+          triggerCharacter: u,
+          queryStartPos: c,
+          items: p,
+          keyboardHoveredItemIndex: m
+        } = t.getState(s.state);
+        return i.key === "ArrowUp" ? (s.dispatch(
+          s.state.tr.setMeta(t, {
+            selectedItemIndexChanged: m - 1
+          })
+        ), !0) : i.key === "ArrowDown" ? (s.dispatch(
+          s.state.tr.setMeta(t, {
+            selectedItemIndexChanged: m + 1
+          })
+        ), !0) : i.key === "Enter" ? (d(s), r({
+          item: p[m],
+          editor: e,
+          range: {
+            from: c - u.length,
+            to: s.state.selection.from
+          }
+        }), !0) : i.key === "Escape" ? (d(s), !0) : !1;
       },
-      handleClick(i) {
-        d(i);
+      handleClick(s) {
+        d(s);
       },
-      decorations(i) {
-        const { active: s, range: c, decorationId: p, type: u } = this.getState(
-          i
-        );
-        if (!s)
+      decorations(s) {
+        const { active: i, decorationId: l, queryStartPos: u, triggerCharacter: c } = this.getState(s);
+        if (!i)
           return null;
-        if (u === "drag") {
-          const l = Ke(i.selection);
-          if (l)
-            return O.create(i.doc, [
-              L.node(
-                l.pos,
-                l.pos + l.node.nodeSize,
+        if (c === "") {
+          const p = Ye(s.selection);
+          if (p)
+            return L.create(s.doc, [
+              N.node(
+                p.pos,
+                p.pos + p.node.nodeSize,
                 {
                   nodeName: "span",
                   class: "suggestion-decorator",
-                  "data-decoration-id": p
+                  "data-decoration-id": l
                 }
               )
             ]);
         }
-        return O.create(i.doc, [
-          L.inline(c.from, c.to, {
-            nodeName: "span",
-            class: "suggestion-decorator",
-            "data-decoration-id": p
-          })
+        return L.create(s.doc, [
+          N.inline(
+            u - c.length,
+            u,
+            {
+              nodeName: "span",
+              class: "suggestion-decorator",
+              "data-decoration-id": l
+            }
+          )
         ]);
       }
     }
   });
 }
-const Ye = () => /Mac/.test(navigator.platform) || /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
-function S(o) {
-  return Ye() ? o.replace("Mod", "\u2318") : o.replace("Mod", "Ctrl");
-}
-var B = /* @__PURE__ */ ((o) => (o.HEADINGS = "Headings", o.BASIC_BLOCKS = "Basic Blocks", o.CODE = "Code Blocks", o.INLINE = "Inline", o.EMBED = "Embed", o.PLUGIN = "Plugin", o))(B || {});
-class x {
-  constructor(e, t, n, r = [], a, d) {
-    h(this, "groupName");
-    this.name = e, this.group = t, this.execute = n, this.aliases = r, this.hint = a, this.shortcut = d, this.groupName = t;
+class I {
+  constructor(e, o, n = []) {
+    this.name = e, this.execute = o, this.aliases = n;
   }
   match(e) {
     return this.name.toLowerCase().startsWith(e.toLowerCase()) || this.aliases.filter(
-      (t) => t.toLowerCase().startsWith(e.toLowerCase())
+      (o) => o.toLowerCase().startsWith(e.toLowerCase())
     ).length !== 0;
   }
 }
 const Je = {
-  heading: new x(
+  heading: new I(
     "Heading",
-    B.HEADINGS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "headingContent",
-      attrs: {
-        headingLevel: "1"
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "heading",
+      props: {
+        level: "1"
       }
     }).run(),
-    ["h", "heading1", "h1"],
-    "Used for a top-level heading",
-    S("Mod-Alt-1")
+    ["h", "heading1", "h1"]
   ),
-  heading2: new x(
+  heading2: new I(
     "Heading 2",
-    B.HEADINGS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "headingContent",
-      attrs: {
-        headingLevel: "2"
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "heading",
+      props: {
+        level: "2"
       }
     }).run(),
-    ["h2", "heading2", "subheading"],
-    "Used for key sections",
-    S("Mod-Alt-2")
+    ["h2", "heading2", "subheading"]
   ),
-  heading3: new x(
+  heading3: new I(
     "Heading 3",
-    B.HEADINGS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "headingContent",
-      attrs: {
-        headingLevel: "3"
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "heading",
+      props: {
+        level: "3"
       }
     }).run(),
-    ["h3", "heading3", "subheading"],
-    "Used for subsections and group headings",
-    S("Mod-Alt-3")
+    ["h3", "heading3", "subheading"]
   ),
-  numberedList: new x(
+  numberedList: new I(
     "Numbered List",
-    B.BASIC_BLOCKS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "listItemContent",
-      attrs: {
-        listItemType: "ordered"
-      }
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "numberedListItem",
+      props: {}
     }).run(),
-    ["li", "list", "numberedlist", "numbered list"],
-    "Used to display a numbered list",
-    S("Mod-Shift-7")
+    ["li", "list", "numberedlist", "numbered list"]
   ),
-  bulletList: new x(
+  bulletList: new I(
     "Bullet List",
-    B.BASIC_BLOCKS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, {
-      name: "listItemContent",
-      attrs: {
-        listItemType: "unordered"
-      }
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "bulletListItem",
+      props: {}
     }).run(),
-    ["ul", "list", "bulletlist", "bullet list"],
-    "Used to display an unordered list",
-    S("Mod-Shift-8")
+    ["ul", "list", "bulletlist", "bullet list"]
   ),
-  paragraph: new x(
+  paragraph: new I(
     "Paragraph",
-    B.BASIC_BLOCKS,
-    (o, e) => o.chain().focus().deleteRange(e).BNCreateBlockOrSetContentType(e.from, { name: "textContent" }).run(),
-    ["p"],
-    "Used for the body of your document",
-    S("Mod-Alt-0")
+    (t, e) => t.chain().focus().deleteRange(e).BNCreateOrUpdateBlock(e.from, {
+      type: "paragraph",
+      props: {}
+    }).run(),
+    ["p"]
   )
-}, q = new v("suggestions-slash-commands"), Qe = E.create({
+}, $ = new v("suggestions-slash-commands"), Qe = C.create({
   name: "slash-command",
   addOptions() {
     return {
@@ -1138,58 +1080,67 @@ const Je = {
     if (!this.options.slashMenuFactory)
       throw new Error("UI Element factory not defined for SlashMenuExtension");
     return [
-      je({
-        pluginKey: q,
+      Ke({
+        pluginKey: $,
         editor: this.editor,
-        char: "/",
+        defaultTriggerCharacter: "/",
         suggestionsMenuFactory: this.options.slashMenuFactory,
-        items: (o) => {
+        items: (t) => {
           const e = [];
-          for (const t in this.options.commands)
-            e.push(this.options.commands[t]);
-          return e.filter((t) => t.match(o));
+          for (const o in this.options.commands)
+            e.push(this.options.commands[o]);
+          return e.filter((o) => o.match(t));
         },
-        onSelectItem: ({ item: o, editor: e, range: t }) => {
-          o.execute(e, t);
+        onSelectItem: ({ item: t, editor: e, range: o }) => {
+          t.execute(e, o);
         }
       })
     ];
   }
-}), Xe = "_bnEditor_xixap_3", Ze = "_bnRoot_xixap_13", et = "_dragPreview_xixap_27", $ = {
-  bnEditor: Xe,
-  bnRoot: Ze,
-  dragPreview: et
-}, tt = Te.__serializeForClipboard;
-let D, M;
-function ot() {
-  if (!D) {
-    const o = document.querySelector(
-      ".ProseMirror > [class*='blockGroup']"
+});
+class P extends _ {
+  constructor(o, n) {
+    super(o, n);
+    h(this, "nodes");
+    const r = o.node();
+    this.nodes = [], o.doc.nodesBetween(o.pos, n.pos, (a, d, s) => {
+      if (s !== null && s.eq(r))
+        return this.nodes.push(a), !1;
+    });
+  }
+  static create(o, n, r = n) {
+    return new P(o.resolve(n), o.resolve(r));
+  }
+  content() {
+    return new E(H.from(this.nodes), 0, 0);
+  }
+  eq(o) {
+    if (!(o instanceof P) || this.nodes.length !== o.nodes.length || this.from !== o.from || this.to !== o.to)
+      return !1;
+    for (let n = 0; n < this.nodes.length; n++)
+      if (!this.nodes[n].eq(o.nodes[n]))
+        return !1;
+    return !0;
+  }
+  map(o, n) {
+    let r = n.mapResult(this.from), a = n.mapResult(this.to);
+    return a.deleted ? _.near(o.resolve(r.pos)) : r.deleted ? _.near(o.resolve(a.pos)) : new P(
+      o.resolve(r.pos),
+      o.resolve(a.pos)
     );
-    o && (D = rt(o).left);
   }
-  return D;
-}
-function nt(o) {
-  let e = {
-    left: o.left + document.body.scrollLeft,
-    top: o.top + document.body.scrollTop,
-    width: o.width,
-    height: o.height,
-    bottom: 0,
-    right: 0
-  };
-  return e.bottom = e.top + e.height, e.right = e.left + e.width, e;
-}
-function rt(o) {
-  return nt(o.getBoundingClientRect());
+  toJSON() {
+    return { type: "node", anchor: this.anchor, head: this.head };
+  }
 }
-function oe(o, e) {
+const Xe = ve.__serializeForClipboard;
+let T;
+function X(t, e) {
   var r;
-  let t = e.posAtCoords(o);
-  if (!t)
+  let o = e.posAtCoords(t);
+  if (!o)
     return;
-  let n = e.domAtPos(t.pos).node;
+  let n = e.domAtPos(o.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;
@@ -1197,89 +1148,93 @@ function oe(o, e) {
       return { node: n, id: n.getAttribute("data-id") };
   }
 }
-function it(o, e) {
-  let t = oe(o, e);
-  if (t && t.node.nodeType === 1) {
+function Ze(t, e) {
+  let o = X(t, e);
+  if (o && o.node.nodeType === 1) {
     const n = e.docView;
-    let r = n.nearestDesc(t.node, !0);
+    let r = n.nearestDesc(o.node, !0);
     return !r || r === n ? null : r.posBefore;
   }
   return null;
 }
-function st(o, e) {
-  let t, n;
-  const r = e.resolve(o.from).node().type.spec.group === "blockContent", a = e.resolve(o.to).node().type.spec.group === "blockContent", d = Math.min(o.$anchor.depth, o.$head.depth);
+function et(t, e) {
+  let o, n;
+  const r = e.resolve(t.from).node().type.spec.group === "blockContent", a = e.resolve(t.to).node().type.spec.group === "blockContent", d = Math.min(t.$anchor.depth, t.$head.depth);
   if (r && a) {
-    const i = o.$from.start(d - 1), s = o.$to.end(d - 1);
-    t = e.resolve(i - 1).pos, n = e.resolve(s + 1).pos;
+    const s = t.$from.start(d - 1), i = t.$to.end(d - 1);
+    o = e.resolve(s - 1).pos, n = e.resolve(i + 1).pos;
   } else
-    t = o.from, n = o.to;
-  return { from: t, to: n };
+    o = t.from, n = t.to;
+  return { from: o, to: n };
 }
-function J(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, a = (s, c) => Array.prototype.indexOf.call(s.children, c), d = a(
+function Y(t, e, o = e) {
+  e === o && (o += t.state.doc.resolve(e + 1).node().nodeSize);
+  const n = t.domAtPos(e).node.cloneNode(!0), r = t.domAtPos(e).node, a = (i, l) => Array.prototype.indexOf.call(i.children, l), d = a(
     r,
-    o.domAtPos(e + 1).node.parentElement
-  ), i = a(
+    t.domAtPos(e + 1).node.parentElement
+  ), s = a(
     r,
-    o.domAtPos(t - 1).node.parentElement
+    t.domAtPos(o - 1).node.parentElement
   );
-  for (let s = r.childElementCount - 1; s >= 0; s--)
-    (s > i || s < d) && n.removeChild(n.children[s]);
-  M = n, M.className = $.dragPreview, document.body.appendChild(M);
+  for (let i = r.childElementCount - 1; i >= 0; i--)
+    (i > s || i < d) && n.removeChild(n.children[i]);
+  T = n, T.className = U.dragPreview, document.body.appendChild(T);
 }
-function at() {
-  M !== void 0 && (document.body.removeChild(M), M = void 0);
+function tt() {
+  T !== void 0 && (document.body.removeChild(T), T = void 0);
 }
-function dt(o, e) {
-  if (!o.dataTransfer)
+function ot(t, e) {
+  if (!t.dataTransfer)
     return;
-  let t = {
-    left: e.dom.clientWidth / 2,
-    top: o.clientY
-  }, n = it(t, e);
-  if (n != null) {
-    const r = e.state.selection, a = e.state.doc, { from: d, to: i } = st(r, a), s = d <= n && n < i, c = !r.$anchor.node().eq(r.$head.node());
-    s && c ? (e.dispatch(
-      e.state.tr.setSelection(A.create(a, d, i))
-    ), J(e, d, i)) : (e.dispatch(
-      e.state.tr.setSelection(Ie.create(e.state.doc, n))
-    ), J(e, n));
-    let p = e.state.selection.content(), { dom: u, text: l } = tt(e, p);
-    o.dataTransfer.clearData(), o.dataTransfer.setData("text/html", u.innerHTML), o.dataTransfer.setData("text/plain", l), o.dataTransfer.effectAllowed = "move", o.dataTransfer.setDragImage(M, 0, 0), e.dragging = { slice: p, move: !0 };
+  const o = e.dom.getBoundingClientRect();
+  let n = {
+    left: o.left + o.width / 2,
+    top: t.clientY
+  }, r = Ze(n, e);
+  if (r != null) {
+    const a = e.state.selection, d = e.state.doc, { from: s, to: i } = et(a, d), l = s <= r && r < i, u = !a.$anchor.node().eq(a.$head.node());
+    l && u ? (e.dispatch(
+      e.state.tr.setSelection(P.create(d, s, i))
+    ), Y(e, s, i)) : (e.dispatch(
+      e.state.tr.setSelection(ye.create(e.state.doc, r))
+    ), Y(e, r));
+    let c = e.state.selection.content(), { dom: p, text: m } = Xe(e, c);
+    t.dataTransfer.clearData(), t.dataTransfer.setData("text/html", p.innerHTML), t.dataTransfer.setData("text/plain", m), t.dataTransfer.effectAllowed = "move", t.dataTransfer.setDragImage(T, 0, 0), e.dragging = { slice: c, move: !0 };
   }
 }
-class lt {
+class nt {
   constructor({
     editor: e,
-    blockMenuFactory: t,
+    blockMenuFactory: o,
     horizontalPosAnchoredAtRoot: n
   }) {
     h(this, "editor");
     h(this, "horizontalPosAnchoredAtRoot");
+    h(this, "horizontalPosAnchor");
     h(this, "blockMenu");
-    h(this, "hoveredBlock");
+    h(this, "hoveredBlockContent");
     h(this, "menuOpen", !1);
     h(this, "menuFrozen", !1);
-    this.editor = e, this.horizontalPosAnchoredAtRoot = n, this.blockMenu = t(this.getStaticParams()), document.body.addEventListener(
+    this.editor = e, this.horizontalPosAnchoredAtRoot = n, this.horizontalPosAnchor = e.view.dom.firstChild.getBoundingClientRect().x, this.blockMenu = o(this.getStaticParams()), document.body.addEventListener(
       "mousemove",
       (r) => {
-        var s, c;
+        var l, u;
         if (this.menuFrozen)
           return;
-        const a = {
-          left: this.editor.view.dom.clientWidth / 2,
+        const a = this.editor.view.dom.firstChild.getBoundingClientRect();
+        this.horizontalPosAnchor = a.x;
+        const d = {
+          left: a.left + a.width / 2,
           top: r.clientY
-        }, d = oe(a, this.editor.view);
-        if (!d) {
+        }, s = X(d, this.editor.view);
+        if (!s) {
           this.menuOpen && (this.menuOpen = !1, this.blockMenu.hide());
           return;
         }
-        if (this.menuOpen && ((s = this.hoveredBlock) == null ? void 0 : s.hasAttribute("data-id")) && ((c = this.hoveredBlock) == null ? void 0 : c.getAttribute("data-id")) === d.id)
+        if (this.menuOpen && ((l = this.hoveredBlockContent) == null ? void 0 : l.hasAttribute("data-id")) && ((u = this.hoveredBlockContent) == null ? void 0 : u.getAttribute("data-id")) === s.id)
           return;
-        const i = d.node.firstChild;
-        this.hoveredBlock = i, i && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
+        const i = s.node.firstChild;
+        this.hoveredBlockContent = i, i && (this.menuOpen ? this.blockMenu.render(this.getDynamicParams(), !1) : (this.menuOpen = !0, this.blockMenu.render(this.getDynamicParams(), !0)));
       },
       !0
     ), document.body.addEventListener(
@@ -1302,22 +1257,23 @@ class lt {
   }
   addBlock() {
     this.menuOpen = !1, this.menuFrozen = !0, this.blockMenu.hide();
-    const e = this.hoveredBlock.getBoundingClientRect(), t = this.editor.view.posAtCoords({
-      left: e.left,
-      top: e.top
+    const e = this.hoveredBlockContent.getBoundingClientRect(), o = this.editor.view.posAtCoords({
+      left: e.left + e.width / 2,
+      top: e.top + e.height / 2
     });
-    if (!t)
+    if (!o)
       return;
-    const n = k(this.editor.state.doc, t.pos);
+    const n = f(this.editor.state.doc, o.pos);
     if (n === void 0)
       return;
     const { contentNode: r, endPos: a } = n;
     if (r.textContent.length !== 0) {
-      const d = a + 1, i = d + 2;
-      this.editor.chain().BNCreateBlock(d).BNSetContentType(i, { name: "textContent" }).setTextSelection(i).run();
-    }
+      const d = a + 1, s = d + 2;
+      this.editor.chain().BNCreateBlock(d).BNUpdateBlock(s, { type: "paragraph", props: {} }).setTextSelection(s).run();
+    } else
+      this.editor.commands.setTextSelection(a);
     this.editor.view.focus(), this.editor.view.dispatch(
-      this.editor.view.state.tr.scrollIntoView().setMeta(q, {
+      this.editor.view.state.tr.scrollIntoView().setMeta($, {
         activate: !0,
         type: "drag"
       })
@@ -1325,31 +1281,51 @@ class lt {
   }
   deleteBlock() {
     this.menuOpen = !1, this.blockMenu.hide();
-    const e = this.hoveredBlock.getBoundingClientRect(), t = this.editor.view.posAtCoords({
-      left: e.left,
-      top: e.top
+    const e = this.hoveredBlockContent.getBoundingClientRect(), o = this.editor.view.posAtCoords({
+      left: e.left + e.width / 2,
+      top: e.top + e.height / 2
+    });
+    !o || this.editor.commands.BNDeleteBlock(o.pos);
+  }
+  setBlockBackgroundColor(e) {
+    this.menuOpen = !1, this.blockMenu.hide();
+    const o = this.hoveredBlockContent.getBoundingClientRect(), n = this.editor.view.posAtCoords({
+      left: o.left + o.width / 2,
+      top: o.top + o.height / 2
+    });
+    !n || this.editor.commands.setBlockBackgroundColor(n.pos, e);
+  }
+  setBlockTextColor(e) {
+    this.menuOpen = !1, this.blockMenu.hide();
+    const o = this.hoveredBlockContent.getBoundingClientRect(), n = this.editor.view.posAtCoords({
+      left: o.left + o.width / 2,
+      top: o.top + o.height / 2
     });
-    !t || this.editor.commands.BNDeleteBlock(t.pos);
+    !n || this.editor.commands.setBlockTextColor(n.pos, e);
   }
   getStaticParams() {
     return {
       addBlock: () => this.addBlock(),
       deleteBlock: () => this.deleteBlock(),
-      blockDragStart: (e) => dt(e, this.editor.view),
-      blockDragEnd: () => at(),
+      blockDragStart: (e) => ot(e, this.editor.view),
+      blockDragEnd: () => tt(),
       freezeMenu: () => {
         this.menuFrozen = !0;
       },
       unfreezeMenu: () => {
         this.menuFrozen = !1;
-      }
+      },
+      setBlockBackgroundColor: (e) => this.setBlockBackgroundColor(e),
+      setBlockTextColor: (e) => this.setBlockTextColor(e)
     };
   }
   getDynamicParams() {
-    const e = this.hoveredBlock.getBoundingClientRect();
+    const e = this.hoveredBlockContent.getBoundingClientRect();
     return {
-      blockBoundingBox: new DOMRect(
-        this.horizontalPosAnchoredAtRoot ? ot() : e.x,
+      blockBackgroundColor: this.editor.getAttributes("blockContainer").backgroundColor,
+      blockTextColor: this.editor.getAttributes("blockContainer").textColor,
+      referenceRect: new DOMRect(
+        this.horizontalPosAnchoredAtRoot ? this.horizontalPosAnchor : e.x,
         e.y,
         e.width,
         e.height
@@ -1357,14 +1333,14 @@ class lt {
     };
   }
 }
-const ct = (o) => new T({
+const rt = (t) => new B({
   key: new v("DraggableBlocksPlugin"),
-  view: () => new lt({
-    editor: o.editor,
-    blockMenuFactory: o.blockSideMenuFactory,
+  view: () => new nt({
+    editor: t.editor,
+    blockMenuFactory: t.blockSideMenuFactory,
     horizontalPosAnchoredAtRoot: !0
   })
-}), ut = E.create({
+}), it = C.create({
   name: "DraggableBlocksExtension",
   priority: 1e3,
   addProseMirrorPlugins() {
@@ -1373,15 +1349,15 @@ const ct = (o) => new T({
         "UI Element factory not defined for DraggableBlocksExtension"
       );
     return [
-      ct({
+      rt({
         editor: this.editor,
         blockSideMenuFactory: this.options.blockSideMenuFactory
       })
     ];
   }
-}), ht = new v("HyperlinkToolbarPlugin");
-class pt {
-  constructor({ editor: e, hyperlinkToolbarFactory: t }) {
+}), st = new v("HyperlinkToolbarPlugin");
+class at {
+  constructor({ editor: e, hyperlinkToolbarFactory: o }) {
     h(this, "editor");
     h(this, "hyperlinkToolbar");
     h(this, "menuUpdateTimer");
@@ -1393,7 +1369,7 @@ class pt {
     h(this, "keyboardHoveredHyperlinkMarkRange");
     h(this, "hyperlinkMark");
     h(this, "hyperlinkMarkRange");
-    this.editor = e, this.hyperlinkToolbar = t(this.getStaticParams()), this.startMenuUpdateTimer = () => {
+    this.editor = e, this.hyperlinkToolbar = o(this.getStaticParams()), this.startMenuUpdateTimer = () => {
       this.menuUpdateTimer = setTimeout(() => {
         this.update();
       }, 250);
@@ -1401,13 +1377,13 @@ class pt {
       if (this.mouseHoveredHyperlinkMark = void 0, this.mouseHoveredHyperlinkMarkRange = void 0, this.stopMenuUpdateTimer(), n.target instanceof HTMLAnchorElement && n.target.nodeName === "A") {
         const r = n.target, a = e.view.posAtDOM(r, 0) + 1, d = e.state.doc.resolve(
           a
-        ), i = d.marks();
-        for (const s of i)
-          if (s.type.name === e.schema.mark("link").type.name) {
-            this.mouseHoveredHyperlinkMark = s, this.mouseHoveredHyperlinkMarkRange = K(
+        ), s = d.marks();
+        for (const i of s)
+          if (i.type.name === e.schema.mark("link").type.name) {
+            this.mouseHoveredHyperlinkMark = i, this.mouseHoveredHyperlinkMarkRange = V(
               d,
-              s.type,
-              s.attrs
+              i.type,
+              i.attrs
             ) || void 0;
             break;
           }
@@ -1416,25 +1392,25 @@ class pt {
     });
   }
   update() {
-    var t, n, r, a;
+    var o, n, r, a;
     if (!this.editor.view.hasFocus())
       return;
     const e = 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 d = this.editor.state.selection.$from.marks();
-      for (const i of d)
-        if (i.type.name === this.editor.schema.mark("link").type.name) {
-          this.keyboardHoveredHyperlinkMark = i, this.keyboardHoveredHyperlinkMarkRange = K(
+      for (const s of d)
+        if (s.type.name === this.editor.schema.mark("link").type.name) {
+          this.keyboardHoveredHyperlinkMark = s, this.keyboardHoveredHyperlinkMarkRange = V(
             this.editor.state.selection.$from,
-            i.type,
-            i.attrs
+            s.type,
+            s.attrs
           ) || void 0;
           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(
+        this.hyperlinkToolbar.render(this.getDynamicParams(), !0), (o = this.hyperlinkToolbar.element) == null || o.addEventListener(
           "mouseleave",
           this.startMenuUpdateTimer
         ), (n = this.hyperlinkToolbar.element) == null || n.addEventListener(
@@ -1444,6 +1420,7 @@ class pt {
         return;
       }
       this.hyperlinkToolbar.render(this.getDynamicParams(), !1);
+      return;
     }
     if (!this.hyperlinkMark && e) {
       (r = this.hyperlinkToolbar.element) == null || r.removeEventListener(
@@ -1458,15 +1435,15 @@ class pt {
   }
   getStaticParams() {
     return {
-      editHyperlink: (e, t) => {
+      editHyperlink: (e, o) => {
         const n = this.editor.view.state.tr.insertText(
-          t,
+          o,
           this.hyperlinkMarkRange.from,
           this.hyperlinkMarkRange.to
         );
         n.addMark(
           this.hyperlinkMarkRange.from,
-          this.hyperlinkMarkRange.from + t.length,
+          this.hyperlinkMarkRange.from + o.length,
           this.editor.schema.mark("link", { href: e })
         ), this.editor.view.dispatch(n), this.editor.view.focus(), this.hyperlinkToolbar.hide();
       },
@@ -1488,7 +1465,7 @@ class pt {
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
       ),
-      boundingBox: Z(
+      referenceRect: j(
         this.editor.view,
         this.hyperlinkMarkRange.from,
         this.hyperlinkMarkRange.to
@@ -1496,30 +1473,26 @@ class pt {
     };
   }
 }
-const mt = (o, e) => new T({
-  key: ht,
-  view: () => new pt({
-    editor: o,
+const dt = (t, e) => new B({
+  key: st,
+  view: () => new at({
+    editor: t,
     hyperlinkToolbarFactory: e.hyperlinkToolbarFactory
   })
-}), ft = te.extend({
+}), lt = J.extend({
   priority: 500,
   addProseMirrorPlugins() {
-    var o;
+    var t;
     if (!this.options.hyperlinkToolbarFactory)
       throw new Error("UI Element factory not defined for HyperlinkMark");
     return [
-      ...((o = this.parent) == null ? void 0 : o.call(this)) || [],
-      mt(this.editor, {
+      ...((t = this.parent) == null ? void 0 : t.call(this)) || [],
+      dt(this.editor, {
         hyperlinkToolbarFactory: this.options.hyperlinkToolbarFactory
       })
     ];
   }
-}), gt = Ce.extend({
-  addKeyboardShortcuts: () => ({
-    "Mod-Alt-0": () => !1
-  })
-}), kt = new v("blocknote-placeholder"), yt = E.create({
+}), ct = new v("blocknote-placeholder"), ut = C.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -1535,55 +1508,55 @@ const mt = (o, e) => new T({
   },
   addProseMirrorPlugins() {
     return [
-      new T({
-        key: kt,
+      new B({
+        key: ct,
         props: {
-          decorations: (o) => {
-            const { doc: e, selection: t } = o, n = q.getState(o), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: a } = t, d = [];
+          decorations: (t) => {
+            const { doc: e, selection: o } = t, n = $.getState(t), r = this.editor.isEditable || !this.options.showOnlyWhenEditable, { anchor: a } = o, d = [];
             if (!!r)
-              return e.descendants((i, s) => {
-                const c = a >= s && a <= s + i.nodeSize, p = !i.isLeaf && !i.childCount;
-                if ((c || !this.options.showOnlyCurrent) && p) {
-                  const u = [this.options.emptyNodeClass];
-                  this.editor.isEmpty && u.push(this.options.emptyEditorClass), c && u.push(this.options.hasAnchorClass), (n == null ? void 0 : n.type) === "drag" && (n == null ? void 0 : n.active) && u.push(this.options.isFilterClass);
-                  const l = L.node(s, s + i.nodeSize, {
-                    class: u.join(" ")
+              return e.descendants((s, i) => {
+                const l = a >= i && a <= i + s.nodeSize, u = !s.isLeaf && !s.childCount;
+                if ((l || !this.options.showOnlyCurrent) && u) {
+                  const c = [this.options.emptyNodeClass];
+                  this.editor.isEmpty && c.push(this.options.emptyEditorClass), l && c.push(this.options.hasAnchorClass), (n == null ? void 0 : n.triggerCharacter) === "" && (n == null ? void 0 : n.active) && c.push(this.options.isFilterClass);
+                  const p = N.node(i, i + s.nodeSize, {
+                    class: c.join(" ")
                   });
-                  d.push(l);
+                  d.push(p);
                 }
                 return this.options.includeChildren;
-              }), O.create(e, d);
+              }), L.create(e, d);
           }
         }
       })
     ];
   }
-}), bt = E.create({
+}), ht = C.create({
   name: "trailingNode",
   addProseMirrorPlugins() {
-    const o = new v(this.name);
+    const t = new v(this.name);
     return [
-      new T({
-        key: o,
-        appendTransaction: (e, t, n) => {
-          const { doc: r, tr: a, schema: d } = n, i = o.getState(n), s = r.content.size - 2, c = d.nodes.block, p = d.nodes.textContent;
-          if (!!i)
+      new B({
+        key: t,
+        appendTransaction: (e, o, n) => {
+          const { doc: r, tr: a, schema: d } = n, s = t.getState(n), i = r.content.size - 2, l = d.nodes.blockContainer, u = d.nodes.paragraph;
+          if (!!s)
             return a.insert(
-              s,
-              c.create(void 0, p.create())
+              i,
+              l.create(void 0, u.create())
             );
         },
         state: {
-          init: (e, t) => {
+          init: (e, o) => {
           },
-          apply: (e, t) => {
+          apply: (e, o) => {
             if (!e.docChanged)
-              return t;
+              return o;
             let n = e.doc.lastChild;
             if (!n || n.type.name !== "blockGroup")
               throw new Error("Expected blockGroup");
-            if (n = n.lastChild, !n || n.type.name !== "block")
-              throw new Error("Expected block");
+            if (n = n.lastChild, !n || n.type.name !== "blockContainer")
+              throw new Error("Expected blockContainer");
             return n.nodeSize > 4;
           }
         }
@@ -1591,27 +1564,27 @@ const mt = (o, e) => new T({
     ];
   }
 });
-function vt(o, e = JSON.stringify) {
-  const t = {};
-  return o.filter((n) => {
+function pt(t, e = JSON.stringify) {
+  const o = {};
+  return t.filter((n) => {
     const r = e(n);
-    return Object.prototype.hasOwnProperty.call(t, r) ? !1 : t[r] = !0;
+    return Object.prototype.hasOwnProperty.call(o, r) ? !1 : o[r] = !0;
   });
 }
-function It(o) {
-  const e = o.filter(
-    (n, r) => o.indexOf(n) !== r
+function mt(t) {
+  const e = t.filter(
+    (n, r) => t.indexOf(n) !== r
   );
-  return vt(e);
+  return pt(e);
 }
-const Tt = E.create({
+const ft = C.create({
   name: "uniqueID",
   priority: 1e4,
   addOptions() {
     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)) : Be(),
+      generateID: () => window.__TEST_OPTIONS ? (window.__TEST_OPTIONS.mockID === void 0 ? window.__TEST_OPTIONS.mockID = 0 : window.__TEST_OPTIONS.mockID++, parseInt(window.__TEST_OPTIONS.mockID)) : Ce(),
       filterTransaction: null
     };
   },
@@ -1621,7 +1594,11 @@ const Tt = E.create({
         types: this.options.types,
         attributes: {
           [this.options.attributeName]: {
-            default: null
+            default: null,
+            parseHTML: (t) => t.getAttribute(`data-${this.options.attributeName}`),
+            renderHTML: (t) => ({
+              [`data-${this.options.attributeName}`]: t[this.options.attributeName]
+            })
           }
         }
       }
@@ -1629,63 +1606,63 @@ const Tt = E.create({
   },
   onCreate() {
     if (this.editor.extensionManager.extensions.find(
-      (s) => s.name === "collaboration"
+      (i) => i.name === "collaboration"
     ))
       return;
-    const { view: o, state: e } = this.editor, { tr: t, doc: n } = e, { types: r, attributeName: a, generateID: d } = this.options;
-    _(n, (s) => r.includes(s.type.name) && s.attrs[a] === null).forEach(({ node: s, pos: c }) => {
-      t.setNodeMarkup(c, void 0, {
-        ...s.attrs,
+    const { view: t, state: e } = this.editor, { tr: o, doc: n } = e, { types: r, attributeName: a, generateID: d } = this.options;
+    D(n, (i) => r.includes(i.type.name) && i.attrs[a] === null).forEach(({ node: i, pos: l }) => {
+      o.setNodeMarkup(l, void 0, {
+        ...i.attrs,
         [a]: d()
       });
-    }), t.setMeta("addToHistory", !1), o.dispatch(t);
+    }), o.setMeta("addToHistory", !1), t.dispatch(o);
   },
   addProseMirrorPlugins() {
-    let o = null, e = !1;
+    let t = null, e = !1;
     return [
-      new T({
+      new B({
         key: new v("uniqueID"),
-        appendTransaction: (t, n, r) => {
+        appendTransaction: (o, n, r) => {
           console.log("appendTransaction");
-          const a = t.some((f) => f.docChanged) && !n.doc.eq(r.doc), d = this.options.filterTransaction && t.some((f) => {
-            var y, b;
-            return !(!((b = (y = this.options).filterTransaction) === null || b === void 0) && b.call(y, f));
+          const a = o.some((k) => k.docChanged) && !n.doc.eq(r.doc), d = this.options.filterTransaction && o.some((k) => {
+            var b, g;
+            return !(!((g = (b = this.options).filterTransaction) === null || g === void 0) && g.call(b, k));
           });
           if (!a || d)
             return;
-          const { tr: i } = r, { types: s, attributeName: c, generateID: p } = this.options, u = Q(
+          const { tr: s } = r, { types: i, attributeName: l, generateID: u } = this.options, c = ie(
             n.doc,
-            t
-          ), { mapping: l } = u;
-          if (X(u).forEach(({ newRange: f }) => {
-            const y = le(
+            o
+          ), { mapping: p } = c;
+          if (se(c).forEach(({ newRange: k }) => {
+            const b = ae(
               r.doc,
-              f,
-              (C) => s.includes(C.type.name)
-            ), b = y.map(({ node: C }) => C.attrs[c]).filter((C) => C !== null), g = It(b);
-            y.forEach(({ node: C, pos: H }) => {
+              k,
+              (M) => i.includes(M.type.name)
+            ), g = b.map(({ node: M }) => M.attrs[l]).filter((M) => M !== null), O = mt(g);
+            b.forEach(({ node: M, pos: S }) => {
               var R;
-              const G = (R = i.doc.nodeAt(H)) === null || R === void 0 ? void 0 : R.attrs[c];
+              const G = (R = s.doc.nodeAt(S)) === null || R === void 0 ? void 0 : R.attrs[l];
               if (G === null) {
-                i.setNodeMarkup(H, void 0, {
-                  ...C.attrs,
-                  [c]: p()
+                s.setNodeMarkup(S, void 0, {
+                  ...M.attrs,
+                  [l]: u()
                 });
                 return;
               }
-              const { deleted: ne } = l.invert().mapResult(H);
-              ne && g.includes(G) && i.setNodeMarkup(H, void 0, {
-                ...C.attrs,
-                [c]: p()
+              const { deleted: Z } = p.invert().mapResult(S);
+              Z && O.includes(G) && s.setNodeMarkup(S, void 0, {
+                ...M.attrs,
+                [l]: u()
               });
             });
-          }), !!i.steps.length)
-            return i;
+          }), !!s.steps.length)
+            return s;
         },
-        view(t) {
+        view(o) {
           const n = (r) => {
             var a;
-            o = !((a = t.dom.parentElement) === null || a === void 0) && a.contains(r.target) ? t.dom.parentElement : null;
+            t = !((a = o.dom.parentElement) === null || a === void 0) && a.contains(r.target) ? o.dom.parentElement : null;
           };
           return window.addEventListener("dragstart", n), {
             destroy() {
@@ -1695,97 +1672,247 @@ const Tt = E.create({
         },
         props: {
           handleDOMEvents: {
-            drop: (t, n) => {
+            drop: (o, 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;
+              return (t !== o.dom.parentElement || ((r = n.dataTransfer) === null || r === void 0 ? void 0 : r.effectAllowed) === "copy") && (t = null, e = !0), !1;
             },
             paste: () => (e = !0, !1)
           },
-          transformPasted: (t) => {
+          transformPasted: (o) => {
             if (!e)
-              return t;
+              return o;
             const { types: n, attributeName: r } = this.options, a = (d) => {
-              const i = [];
-              return d.forEach((s) => {
-                if (s.isText) {
-                  i.push(s);
+              const s = [];
+              return d.forEach((i) => {
+                if (i.isText) {
+                  s.push(i);
                   return;
                 }
-                if (!n.includes(s.type.name)) {
-                  i.push(s.copy(a(s.content)));
+                if (!n.includes(i.type.name)) {
+                  s.push(i.copy(a(i.content)));
                   return;
                 }
-                const c = s.type.create(
+                const l = i.type.create(
                   {
-                    ...s.attrs,
+                    ...i.attrs,
                     [r]: null
                   },
-                  a(s.content),
-                  s.marks
+                  a(i.content),
+                  i.marks
                 );
-                i.push(c);
-              }), ee.from(i);
+                s.push(l);
+              }), H.from(s);
             };
-            return e = !1, new z(
-              a(t.content),
-              t.openStart,
-              t.openEnd
+            return e = !1, new E(
+              a(o.content),
+              o.openStart,
+              o.openEnd
             );
           }
         }
       })
     ];
   }
-}), Kt = w.create({
-  name: "doc",
-  topNode: !0,
-  content: "block+"
-}), Ct = (o) => {
+}), kt = K.create({
+  name: "backgroundColor",
+  addAttributes() {
+    return {
+      color: {
+        default: void 0,
+        parseHTML: (t) => t.getAttribute("data-background-color"),
+        renderHTML: (t) => ({
+          "data-background-color": t.color
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span",
+        getAttrs: (t) => typeof t == "string" ? !1 : t.hasAttribute("data-background-color") ? { color: t.getAttribute("data-background-color") } : !1
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["span", t, 0];
+  },
+  addCommands() {
+    return {
+      setBackgroundColor: (t) => ({ commands: e }) => t !== "default" ? e.setMark(this.name, { color: t }) : e.unsetMark(this.name)
+    };
+  }
+}), gt = K.create({
+  name: "textColor",
+  addAttributes() {
+    return {
+      color: {
+        default: void 0,
+        parseHTML: (t) => t.getAttribute("data-text-color"),
+        renderHTML: (t) => ({
+          "data-text-color": t.color
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "span",
+        getAttrs: (t) => typeof t == "string" ? !1 : t.hasAttribute("data-text-color") ? { color: t.getAttribute("data-text-color") } : !1
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: t }) {
+    return ["span", t, 0];
+  },
+  addCommands() {
+    return {
+      setTextColor: (t) => ({ commands: e }) => t !== "default" ? e.setMark(this.name, { color: t }) : e.unsetMark(this.name)
+    };
+  }
+}), bt = C.create({
+  name: "blockBackgroundColor",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["blockContainer"],
+        attributes: {
+          backgroundColor: {
+            default: "default",
+            parseHTML: (t) => t.hasAttribute("data-background-color") ? t.getAttribute("data-background-color") : "default",
+            renderHTML: (t) => t.backgroundColor !== "default" && {
+              "data-background-color": t.backgroundColor
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setBlockBackgroundColor: (t, e) => ({ state: o, view: n }) => {
+        const r = f(o.doc, t);
+        return r === void 0 ? !1 : (o.tr.setNodeAttribute(
+          r.startPos - 1,
+          "backgroundColor",
+          e
+        ), n.focus(), !0);
+      }
+    };
+  }
+}), yt = C.create({
+  name: "blockTextColor",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["blockContainer"],
+        attributes: {
+          textColor: {
+            default: "default",
+            parseHTML: (t) => t.hasAttribute("data-text-color") ? t.getAttribute("data-text-color") : "default",
+            renderHTML: (t) => t.textColor !== "default" && {
+              "data-text-color": t.textColor
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setBlockTextColor: (t, e) => ({ state: o, view: n }) => {
+        const r = f(o.doc, t);
+        return r === void 0 ? !1 : (o.tr.setNodeAttribute(r.startPos - 1, "textColor", e), n.focus(), !0);
+      }
+    };
+  }
+}), vt = C.create({
+  name: "textAlignment",
+  addGlobalAttributes() {
+    return [
+      {
+        types: ["paragraph", "heading", "bulletListItem", "numberedListItem"],
+        attributes: {
+          textAlignment: {
+            default: "left",
+            parseHTML: (t) => t.getAttribute("data-text-alignment"),
+            renderHTML: (t) => t.textAlignment !== "left" && {
+              "data-text-alignment": t.textAlignment
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      setTextAlignment: (t) => ({ state: e }) => {
+        const o = [], n = f(
+          e.doc,
+          e.selection.from
+        );
+        if (n === void 0)
+          return !1;
+        let r = n.startPos;
+        for (; r < e.selection.to; )
+          e.doc.resolve(r).node().type.spec.group === "blockContent" ? (o.push(r - 1), r += e.doc.resolve(r).node().nodeSize - 1) : r += 1;
+        for (const a of o)
+          e.tr.setNodeAttribute(a, "textAlignment", t);
+        return !0;
+      }
+    };
+  }
+}), Ct = (t) => {
   const e = [
-    P.ClipboardTextSerializer,
-    P.Commands,
-    P.Editable,
-    P.FocusEvents,
-    P.Tabindex,
-    me,
-    yt.configure({
-      emptyNodeClass: I.isEmpty,
-      hasAnchorClass: I.hasAnchor,
-      isFilterClass: I.isFilter,
+    A.ClipboardTextSerializer,
+    A.Commands,
+    A.Editable,
+    A.FocusEvents,
+    A.Tabindex,
+    he,
+    ut.configure({
+      emptyNodeClass: y.isEmpty,
+      hasAnchorClass: y.hasAnchor,
+      isFilterClass: y.isFilter,
       includeChildren: !0,
       showOnlyCurrent: !1
     }),
-    Tt.configure({
-      types: ["block"]
+    ft.configure({
+      types: ["blockContainer"]
     }),
+    pe,
+    ge,
+    le,
+    ce,
     fe,
-    be,
-    ue,
-    he,
     ke,
-    ye,
-    ve,
+    be,
     gt,
-    ...$e,
-    pe.configure({ width: 5, color: "#ddeeff" }),
-    ge,
-    bt
+    yt,
+    kt,
+    bt,
+    vt,
+    ...Ue,
+    ue.configure({ width: 5, color: "#ddeeff" }),
+    me,
+    ht
   ];
-  return o.blockSideMenuFactory && e.push(
-    ut.configure({
-      blockSideMenuFactory: o.blockSideMenuFactory
+  return t.blockSideMenuFactory && e.push(
+    it.configure({
+      blockSideMenuFactory: t.blockSideMenuFactory
     })
-  ), o.formattingToolbarFactory && e.push(
-    Ge.configure({
-      formattingToolbarFactory: o.formattingToolbarFactory
+  ), t.formattingToolbarFactory && e.push(
+    $e.configure({
+      formattingToolbarFactory: t.formattingToolbarFactory
     })
-  ), o.hyperlinkToolbarFactory ? e.push(
-    ft.configure({
-      hyperlinkToolbarFactory: o.hyperlinkToolbarFactory
+  ), t.hyperlinkToolbarFactory ? e.push(
+    lt.configure({
+      hyperlinkToolbarFactory: t.hyperlinkToolbarFactory
     })
-  ) : e.push(te), o.slashMenuFactory && e.push(
+  ) : e.push(J), t.slashMenuFactory && e.push(
     Qe.configure({
-      slashMenuFactory: o.slashMenuFactory
+      slashMenuFactory: t.slashMenuFactory
     })
   ), e;
 }, Bt = {
@@ -1793,14 +1920,14 @@ const Tt = E.create({
   enablePasteRules: !0,
   enableCoreExtensions: !1
 };
-class Wt {
+class zt {
   constructor(e = {}) {
     h(this, "tiptapEditor");
-    var a, d, i;
-    const t = Ct(
+    var a, d, s;
+    const o = Ct(
       e.uiFactories || {}
     );
-    let n = e.disableHistoryExtension ? t.filter((s) => s.name !== "history") : t;
+    let n = e.disableHistoryExtension ? o.filter((i) => i.name !== "history") : o;
     const r = {
       ...Bt,
       ...e,
@@ -1809,21 +1936,19 @@ class Wt {
         attributes: {
           ...((a = e.editorProps) == null ? void 0 : a.attributes) || {},
           class: [
-            $.bnEditor,
-            $.bnRoot,
-            ((i = (d = e.editorProps) == null ? void 0 : d.attributes) == null ? void 0 : i.class) || ""
+            U.bnEditor,
+            U.bnRoot,
+            ((s = (d = e.editorProps) == null ? void 0 : d.attributes) == null ? void 0 : s.class) || ""
           ].join(" ")
         }
       }
     };
-    this.tiptapEditor = new ce(r);
+    this.tiptapEditor = new de(r);
   }
 }
 export {
-  Wt as BlockNoteEditor,
-  Kt as Document,
-  B as SlashMenuGroups,
-  x as SlashMenuItem,
+  zt as BlockNoteEditor,
+  I as SlashMenuItem,
   Ct as getBlockNoteExtensions
 };
 //# sourceMappingURL=blocknote.js.map