@pretextbook/web-editor 0.0.11 → 0.0.12

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as ce from "react";
-import Be, { useContext as ao, useState as yt, useRef as Ce, useEffect as He, memo as lo, useCallback as qa, createRef as q1, createContext as Jd, createElement as W1, version as G0, useDebugValue as Yd, forwardRef as U1, useLayoutEffect as G1 } from "react";
+import Be, { useContext as ao, useState as yt, useRef as ke, useEffect as He, memo as lo, useCallback as qa, createRef as q1, createContext as Jd, createElement as W1, version as G0, useDebugValue as Yd, forwardRef as U1, useLayoutEffect as G1 } from "react";
 import K1, { flushSync as J1, createPortal as Xd } from "react-dom";
 var Yi = { exports: {} }, si = {};
 var K0;
@@ -426,7 +426,7 @@ function X0(r, e) {
   for (var t = 0, n = Array(e); t < e; t++) n[t] = r[t];
   return n;
 }
-var Te = /* @__PURE__ */ (function() {
+var Me = /* @__PURE__ */ (function() {
   function r() {
     Qd(this, r);
   }
@@ -1261,8 +1261,8 @@ var Te = /* @__PURE__ */ (function() {
     }
   }]);
 })();
-Bl(Te, "DATA_PROPS", ["data-"]);
-Bl(Te, "ARIA_PROPS", ["aria", "focus-target"]);
+Bl(Me, "DATA_PROPS", ["data-"]);
+Bl(Me, "ARIA_PROPS", ["aria", "focus-target"]);
 function Z0(r, e) {
   var t = typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
   if (!t) {
@@ -2021,7 +2021,7 @@ var iu = function(e) {
 }, su = function(e) {
   var t = e.target, n = t === void 0 ? "document" : t, i = e.type, s = e.listener, o = e.options, a = e.when, l = a === void 0 ? !0 : a, u = ce.useRef(null), c = ce.useRef(null), d = iu(s), f = iu(o), h = function() {
     var k = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, E = k.target;
-    Ee.isNotEmpty(E) && (m(), (k.when || l) && (u.current = Te.getTargetElement(E))), !c.current && u.current && (c.current = function(I) {
+    Ee.isNotEmpty(E) && (m(), (k.when || l) && (u.current = Me.getTargetElement(E))), !c.current && u.current && (c.current = function(I) {
       return s && s(I);
     }, u.current.addEventListener(i, c.current, o));
   }, m = function() {
@@ -2029,7 +2029,7 @@ var iu = function(e) {
   }, v = function() {
     m(), d = null, f = null;
   }, y = ce.useCallback(function() {
-    l ? u.current = Te.getTargetElement(n) : (m(), u.current = null);
+    l ? u.current = Me.getTargetElement(n) : (m(), u.current = null);
   }, [n, l]);
   return ce.useEffect(function() {
     y();
@@ -2053,7 +2053,7 @@ var iu = function(e) {
       return t.current = !0, e && e();
   }, []);
 }, wg = 0, Xi = function(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = yt(!1), i = yg(n, 2), s = i[0], o = i[1], a = Ce(null), l = ao(Fl), u = Te.isClient() ? window.document : void 0, c = t.document, d = c === void 0 ? u : c, f = t.manual, h = f === void 0 ? !1 : f, m = t.name, v = m === void 0 ? "style_".concat(++wg) : m, y = t.id, w = y === void 0 ? void 0 : y, k = t.media, E = k === void 0 ? void 0 : k, I = function(z) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = yt(!1), i = yg(n, 2), s = i[0], o = i[1], a = ke(null), l = ao(Fl), u = Me.isClient() ? window.document : void 0, c = t.document, d = c === void 0 ? u : c, f = t.manual, h = f === void 0 ? !1 : f, m = t.name, v = m === void 0 ? "style_".concat(++wg) : m, y = t.id, w = y === void 0 ? void 0 : y, k = t.media, E = k === void 0 ? void 0 : k, I = function(z) {
     var $ = z.querySelector('style[data-primereact-style-id="'.concat(v, '"]'));
     if ($)
       return $;
@@ -2068,10 +2068,10 @@ var iu = function(e) {
   }, N = function() {
     if (!(!d || s)) {
       var z = l?.styleContainer || d.head;
-      a.current = I(z), a.current.isConnected || (a.current.type = "text/css", w && (a.current.id = w), E && (a.current.media = E), Te.addNonce(a.current, l && l.nonce || uo.nonce), z.appendChild(a.current), v && a.current.setAttribute("data-primereact-style-id", v)), a.current.textContent = e, o(!0);
+      a.current = I(z), a.current.isConnected || (a.current.type = "text/css", w && (a.current.id = w), E && (a.current.media = E), Me.addNonce(a.current, l && l.nonce || uo.nonce), z.appendChild(a.current), v && a.current.setAttribute("data-primereact-style-id", v)), a.current.textContent = e, o(!0);
     }
   }, D = function() {
-    !d || !a.current || (Te.removeInlineStyle(a.current), o(!1));
+    !d || !a.current || (Me.removeInlineStyle(a.current), o(!1));
   };
   return He(function() {
     h || N();
@@ -2957,7 +2957,7 @@ var Xa = function() {
     props: i,
     state: {
       panelSizes: D,
-      nested: Te.getAttribute(o.current && o.current.parentElement, "data-p-splitter-panel-nested") === !0
+      nested: Me.getAttribute(o.current && o.current.parentElement, "data-p-splitter-panel-nested") === !0
     }
   }, Q = Qi.setMetaData(Yo({}, me)), xe = Q.ptm, C = Q.cx, x = Q.isUnstyled;
   zg(Qi.css.styles, x, {
@@ -3005,7 +3005,7 @@ var Xa = function() {
     be && L(JSON.parse(be));
   }, [Cn, i.stateKey]), Nr = function(U, Z, Se) {
     var Dr = U.type === "touchstart" ? U.touches[0].pageX : U.pageX, Rr = U.type === "touchstart" ? U.touches[0].pageY : U.pageY;
-    a.current = l.current[Z], u.current = X ? Te.getWidth(o.current) : Te.getHeight(o.current), c.current = !0, d.current = X ? Dr : Rr, f.current = a.current.previousElementSibling, h.current = a.current.nextElementSibling, Se ? (m.current = X ? Te.getOuterWidth(f.current, !0) : Te.getOuterHeight(f.current, !0), w.current = X ? Te.getOuterWidth(h.current, !0) : Te.getOuterHeight(h.current, !0)) : (m.current = 100 * (X ? Te.getOuterWidth(f.current, !0) : Te.getOuterHeight(f.current, !0)) / u.current, w.current = 100 * (X ? Te.getOuterWidth(h.current, !0) : Te.getOuterHeight(h.current, !0)) / u.current), y.current = m.current, k.current = w.current, E.current = Z, !x() && Te.addClass(a.current, "p-splitter-gutter-resizing"), a.current.setAttribute("data-p-splitter-gutter-resizing", !0), !x() && Te.addClass(o.current, "p-splitter-resizing"), o.current.setAttribute("data-p-splitter-resizing", !0);
+    a.current = l.current[Z], u.current = X ? Me.getWidth(o.current) : Me.getHeight(o.current), c.current = !0, d.current = X ? Dr : Rr, f.current = a.current.previousElementSibling, h.current = a.current.nextElementSibling, Se ? (m.current = X ? Me.getOuterWidth(f.current, !0) : Me.getOuterHeight(f.current, !0), w.current = X ? Me.getOuterWidth(h.current, !0) : Me.getOuterHeight(h.current, !0)) : (m.current = 100 * (X ? Me.getOuterWidth(f.current, !0) : Me.getOuterHeight(f.current, !0)) / u.current, w.current = 100 * (X ? Me.getOuterWidth(h.current, !0) : Me.getOuterHeight(h.current, !0)) / u.current), y.current = m.current, k.current = w.current, E.current = Z, !x() && Me.addClass(a.current, "p-splitter-gutter-resizing"), a.current.setAttribute("data-p-splitter-gutter-resizing", !0), !x() && Me.addClass(o.current, "p-splitter-resizing"), o.current.setAttribute("data-p-splitter-resizing", !0);
   }, jo = function(U) {
     var Z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, Se = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, Dr, Rr, En, Go = U.type === "touchmove" ? U.touches[0].pageX : U.pageX, Ko = U.type === "touchmove" ? U.touches[0].pageY : U.pageY;
     Se ? X ? (En = 100 * (m.current + Z) / u.current, Rr = 100 * (w.current - Z) / u.current) : (En = 100 * (m.current - Z) / u.current, Rr = 100 * (w.current + Z) / u.current) : (X ? Dr = Go * 100 / u.current - d.current * 100 / u.current : Dr = Ko * 100 / u.current - d.current * 100 / u.current, En = m.current + Dr, Rr = w.current - Dr), ni(E.current, En, Rr);
@@ -3014,9 +3014,9 @@ var Xa = function() {
     Z[E.current] = y.current, Z[E.current + 1] = k.current, i.onResizeEnd && i.onResizeEnd({
       originalEvent: U,
       sizes: Z
-    }), ue && ri(Z), L(Z), !x() && Te.removeClass(a.current, "p-splitter-gutter-resizing"), l.current && Object.keys(l.current).forEach(function(Se) {
+    }), ue && ri(Z), L(Z), !x() && Me.removeClass(a.current, "p-splitter-gutter-resizing"), l.current && Object.keys(l.current).forEach(function(Se) {
       return l.current[Se].setAttribute("data-p-splitter-gutter-resizing", !1);
-    }), !x() && Te.removeClass(o.current, "p-splitter-resizing"), o.current.setAttribute("data-p-splitter-resizing", !1), Ki();
+    }), !x() && Me.removeClass(o.current, "p-splitter-resizing"), o.current.setAttribute("data-p-splitter-resizing", !1), Ki();
   }, I1 = function() {
     L1(), qo();
   }, P1 = function(U, Z) {
@@ -3053,7 +3053,7 @@ var Xa = function() {
       }
     }
   }, ni = function(U, Z, Se) {
-    E.current = U, a.current = l.current[U], u.current = X ? Te.getWidth(o.current) : Te.getHeight(o.current), f.current = a.current.previousElementSibling, h.current = a.current.nextElementSibling, ti(Z, Se) && (y.current = Z, k.current = Se, f.current.style.flexBasis = "calc(" + Z + "% - " + (i.children.length - 1) * i.gutterSize + "px)", h.current.style.flexBasis = "calc(" + Se + "% - " + (i.children.length - 1) * i.gutterSize + "px)", v.current = parseFloat(Z).toFixed(4));
+    E.current = U, a.current = l.current[U], u.current = X ? Me.getWidth(o.current) : Me.getHeight(o.current), f.current = a.current.previousElementSibling, h.current = a.current.nextElementSibling, ti(Z, Se) && (y.current = Z, k.current = Se, f.current.style.flexBasis = "calc(" + Z + "% - " + (i.children.length - 1) * i.gutterSize + "px)", h.current.style.flexBasis = "calc(" + Se + "% - " + (i.children.length - 1) * i.gutterSize + "px)", v.current = parseFloat(Z).toFixed(4));
   }, z1 = function(U, Z, Se) {
     Nr(U, Z, !0), jo(U, Se, !0);
   }, Ji = function(U, Z, Se) {
@@ -3085,10 +3085,10 @@ var Xa = function() {
     o.current && (s.current = ug());
   }), ce.useEffect(function() {
     var be = lu(o.current.children).filter(function(Z) {
-      return Te.getAttribute(Z, "data-pc-section") === "splitterpanel.root";
+      return Me.getAttribute(Z, "data-pc-section") === "splitterpanel.root";
     }), U = [];
     be.map(function(Z, Se) {
-      v.current = W(D, 0), U[Se] = W(D, Se), Z.childNodes && Ee.isNotEmpty(Te.find(Z, "[data-pc-name='splitter']") && Te.find(Z, "[data-pc-section='root']")) && (!x() && Te.addClass(Z, "p-splitter-panel-nested"), Z.setAttribute("data-p-splitter-panel-nested", !0), re(!0));
+      v.current = W(D, 0), U[Se] = W(D, Se), Z.childNodes && Ee.isNotEmpty(Me.find(Z, "[data-pc-name='splitter']") && Me.find(Z, "[data-pc-section='root']")) && (!x() && Me.addClass(Z, "p-splitter-panel-nested"), Z.setAttribute("data-p-splitter-panel-nested", !0), re(!0));
     }), L(U);
   }, []), ce.useEffect(function() {
     ue && an();
@@ -3568,7 +3568,7 @@ function q4(r) {
 }
 var ph = q4;
 function W4(r, e, t = !0) {
-  let n = Ce(!0);
+  let n = ke(!0);
   He(n.current || !t ? () => {
     n.current = !1;
   } : r, e);
@@ -3589,7 +3589,7 @@ function mh(r, e) {
   return r.Uri.parse(e);
 }
 function K4({ original: r, modified: e, language: t, originalLanguage: n, modifiedLanguage: i, originalModelPath: s, modifiedModelPath: o, keepCurrentOriginalModel: a = !1, keepCurrentModifiedModel: l = !1, theme: u = "light", loading: c = "Loading...", options: d = {}, height: f = "100%", width: h = "100%", className: m, wrapperProps: v = {}, beforeMount: y = pi, onMount: w = pi }) {
-  let [k, E] = yt(!1), [I, O] = yt(!0), N = Ce(null), D = Ce(null), L = Ce(null), z = Ce(w), $ = Ce(y), ee = Ce(!1);
+  let [k, E] = yt(!1), [I, O] = yt(!0), N = ke(null), D = ke(null), L = ke(null), z = ke(w), $ = ke(y), ee = ke(!1);
   ph(() => {
     let W = hh.init();
     return W.then((X) => (D.current = X) && O(!1)).catch((X) => X?.type !== "cancelation" && console.error("Monaco initialization: error:", X)), () => N.current ? te() : W.cancel();
@@ -3638,14 +3638,14 @@ function K4({ original: r, modified: e, language: t, originalLanguage: n, modifi
 var J4 = K4;
 lo(J4);
 function Y4(r) {
-  let e = Ce();
+  let e = ke();
   return He(() => {
     e.current = r;
   }, [r]), e.current;
 }
 var X4 = Y4, ts = /* @__PURE__ */ new Map();
 function Z4({ defaultValue: r, defaultLanguage: e, defaultPath: t, value: n, language: i, path: s, theme: o = "light", line: a, loading: l = "Loading...", options: u = {}, overrideServices: c = {}, saveViewState: d = !0, keepCurrentModel: f = !1, width: h = "100%", height: m = "100%", className: v, wrapperProps: y = {}, beforeMount: w = pi, onMount: k = pi, onChange: E, onValidate: I = pi }) {
-  let [O, N] = yt(!1), [D, L] = yt(!0), z = Ce(null), $ = Ce(null), ee = Ce(null), re = Ce(k), ue = Ce(w), te = Ce(), W = Ce(n), X = X4(s), me = Ce(!1), Q = Ce(!1);
+  let [O, N] = yt(!1), [D, L] = yt(!0), z = ke(null), $ = ke(null), ee = ke(null), re = ke(k), ue = ke(w), te = ke(), W = ke(n), X = X4(s), me = ke(!1), Q = ke(!1);
   ph(() => {
     let x = hh.init();
     return x.then((R) => (z.current = R) && L(!1)).catch((R) => R?.type !== "cancelation" && console.error("Monaco initialization: error:", R)), () => $.current ? C() : x.cancel();
@@ -3709,7 +3709,7 @@ const t2 = {
   tabSize: 2,
   padding: { top: 10, bottom: 10 }
 }, r2 = ({ content: r, onChange: e }) => {
-  const t = Ce(null), n = Ce(null), i = Ce(null), [, s] = yt(!1), [, o] = yt(!1);
+  const t = ke(null), n = ke(null), i = ke(null), [, s] = yt(!1), [, o] = yt(!1);
   He(() => () => {
     n.current?.dispose?.(), i.current && clearTimeout(i.current);
   }, []);
@@ -13873,7 +13873,7 @@ function u0(r, e) {
 function Zf(r) {
   return typeof r == "function";
 }
-function Me(r, e = void 0, ...t) {
+function Ce(r, e = void 0, ...t) {
   return Zf(r) ? e ? r.bind(e)(...t) : r(...t) : r;
 }
 function e3(r = {}) {
@@ -14029,22 +14029,22 @@ function r3(r, e) {
         };
       }, {}), h = yc({
         ...f,
-        content: Me(ne(u, "content", d)),
-        marks: Me(ne(u, "marks", d)),
-        group: Me(ne(u, "group", d)),
-        inline: Me(ne(u, "inline", d)),
-        atom: Me(ne(u, "atom", d)),
-        selectable: Me(ne(u, "selectable", d)),
-        draggable: Me(ne(u, "draggable", d)),
-        code: Me(ne(u, "code", d)),
-        whitespace: Me(ne(u, "whitespace", d)),
-        linebreakReplacement: Me(
+        content: Ce(ne(u, "content", d)),
+        marks: Ce(ne(u, "marks", d)),
+        group: Ce(ne(u, "group", d)),
+        inline: Ce(ne(u, "inline", d)),
+        atom: Ce(ne(u, "atom", d)),
+        selectable: Ce(ne(u, "selectable", d)),
+        draggable: Ce(ne(u, "draggable", d)),
+        code: Ce(ne(u, "code", d)),
+        whitespace: Ce(ne(u, "whitespace", d)),
+        linebreakReplacement: Ce(
           ne(u, "linebreakReplacement", d)
         ),
-        defining: Me(ne(u, "defining", d)),
-        isolating: Me(ne(u, "isolating", d)),
+        defining: Ce(ne(u, "defining", d)),
+        isolating: Ce(ne(u, "isolating", d)),
         attrs: Object.fromEntries(c.map(bc))
-      }), m = Me(ne(u, "parseHTML", d));
+      }), m = Ce(ne(u, "parseHTML", d));
       m && (h.parseDOM = m.map(
         (w) => vc(w, c)
       ));
@@ -14071,13 +14071,13 @@ function r3(r, e) {
         };
       }, {}), h = yc({
         ...f,
-        inclusive: Me(ne(u, "inclusive", d)),
-        excludes: Me(ne(u, "excludes", d)),
-        group: Me(ne(u, "group", d)),
-        spanning: Me(ne(u, "spanning", d)),
-        code: Me(ne(u, "code", d)),
+        inclusive: Ce(ne(u, "inclusive", d)),
+        excludes: Ce(ne(u, "excludes", d)),
+        group: Ce(ne(u, "group", d)),
+        spanning: Ce(ne(u, "spanning", d)),
+        code: Ce(ne(u, "code", d)),
         attrs: Object.fromEntries(c.map(bc))
-      }), m = Me(ne(u, "parseHTML", d));
+      }), m = Ce(ne(u, "parseHTML", d));
       m && (h.parseDOM = m.map(
         (y) => vc(y, c)
       ));
@@ -14305,7 +14305,7 @@ function xc(r, e) {
     name: n.name,
     options: n.options,
     storage: n.storage
-  }, s = Me(ne(n, "group", i));
+  }, s = Ce(ne(n, "group", i));
   return typeof s != "string" ? !1 : s.split(" ").includes("list");
 }
 function Co(r, {
@@ -14872,7 +14872,7 @@ var f0 = class {
   }
   get options() {
     return {
-      ...Me(
+      ...Ce(
         ne(this, "addOptions", {
           name: this.name
         })
@@ -14881,7 +14881,7 @@ var f0 = class {
   }
   get storage() {
     return {
-      ...Me(
+      ...Ce(
         ne(this, "addStorage", {
           name: this.name,
           options: this.options
@@ -15262,7 +15262,7 @@ var Eo = class {
         editor: this.editor,
         type: ma(e.name, this.schema)
       };
-      e.type === "mark" && ((t = Me(ne(e, "keepOnSplit", n))) == null || t) && this.splittableMarks.push(e.name);
+      e.type === "mark" && ((t = Ce(ne(e, "keepOnSplit", n))) == null || t) && this.splittableMarks.push(e.name);
       const i = ne(e, "onBeforeCreate", n), s = ne(e, "onCreate", n), o = ne(e, "onUpdate", n), a = ne(
         e,
         "onSelectionUpdate",
@@ -15289,7 +15289,7 @@ i0(K3, {
   TextDirection: () => wp,
   focusEventsPluginKey: () => mp
 });
-var ke = class up extends f0 {
+var Te = class up extends f0 {
   constructor() {
     super(...arguments), this.type = "extension";
   }
@@ -15308,7 +15308,7 @@ var ke = class up extends f0 {
     const t = typeof e == "function" ? e() : e;
     return super.extend(t);
   }
-}, cp = ke.create({
+}, cp = Te.create({
   name: "clipboardTextSerializer",
   addOptions() {
     return {
@@ -15331,14 +15331,14 @@ var ke = class up extends f0 {
       })
     ];
   }
-}), dp = ke.create({
+}), dp = Te.create({
   name: "commands",
   addCommands() {
     return {
       ...Wf
     };
   }
-}), hp = ke.create({
+}), hp = Te.create({
   name: "delete",
   onUpdate({ transaction: r, appendedTransactions: e }) {
     var t, n, i;
@@ -15394,7 +15394,7 @@ var ke = class up extends f0 {
     };
     (i = (n = (t = this.editor.options.coreExtensionOptions) == null ? void 0 : t.delete) == null ? void 0 : n.async) == null || i ? setTimeout(s, 0) : s();
   }
-}), fp = ke.create({
+}), fp = Te.create({
   name: "drop",
   addProseMirrorPlugins() {
     return [
@@ -15413,7 +15413,7 @@ var ke = class up extends f0 {
       })
     ];
   }
-}), pp = ke.create({
+}), pp = Te.create({
   name: "editable",
   addProseMirrorPlugins() {
     return [
@@ -15425,7 +15425,7 @@ var ke = class up extends f0 {
       })
     ];
   }
-}), mp = new qe("focusEvents"), gp = ke.create({
+}), mp = new qe("focusEvents"), gp = Te.create({
   name: "focusEvents",
   addProseMirrorPlugins() {
     const { editor: r } = this;
@@ -15449,7 +15449,7 @@ var ke = class up extends f0 {
       })
     ];
   }
-}), vp = ke.create({
+}), vp = Te.create({
   name: "keymap",
   addKeyboardShortcuts() {
     const r = () => this.editor.commands.first(({ commands: o }) => [
@@ -15527,7 +15527,7 @@ var ke = class up extends f0 {
       })
     ];
   }
-}), yp = ke.create({
+}), yp = Te.create({
   name: "paste",
   addProseMirrorPlugins() {
     return [
@@ -15545,7 +15545,7 @@ var ke = class up extends f0 {
       })
     ];
   }
-}), bp = ke.create({
+}), bp = Te.create({
   name: "tabindex",
   addProseMirrorPlugins() {
     return [
@@ -15557,7 +15557,7 @@ var ke = class up extends f0 {
       })
     ];
   }
-}), wp = ke.create({
+}), wp = Te.create({
   name: "textDirection",
   addOptions() {
     return {
@@ -16235,7 +16235,7 @@ function Xr(r) {
   return new h0({
     find: r.find,
     handler: ({ state: e, range: t, match: n }) => {
-      const i = Me(r.getAttributes, void 0, n);
+      const i = Ce(r.getAttributes, void 0, n);
       if (i === !1 || i === null)
         return null;
       const { tr: s } = e, o = n[n.length - 1], a = n[0];
@@ -16255,7 +16255,7 @@ function vl(r) {
   return new h0({
     find: r.find,
     handler: ({ state: e, range: t, match: n }) => {
-      const i = e.doc.resolve(t.from), s = Me(r.getAttributes, void 0, n) || {};
+      const i = e.doc.resolve(t.from), s = Ce(r.getAttributes, void 0, n) || {};
       if (!i.node(-1).canReplaceWith(i.index(-1), i.indexAfter(-1), r.type))
         return null;
       e.tr.delete(t.from, t.to).setBlockType(t.from, t.from, r.type, s);
@@ -16267,7 +16267,7 @@ function ht(r) {
   return new h0({
     find: r.find,
     handler: ({ state: e, range: t, match: n, chain: i }) => {
-      const s = Me(r.getAttributes, void 0, n) || {}, o = e.tr.delete(t.from, t.to), l = o.doc.resolve(t.from).blockRange(), u = l && Vl(l, r.type, s);
+      const s = Ce(r.getAttributes, void 0, n) || {}, o = e.tr.delete(t.from, t.to), l = o.doc.resolve(t.from).blockRange(), u = l && Vl(l, r.type, s);
       if (!u)
         return null;
       if (o.wrap(l, u), r.keepMarks && r.editor) {
@@ -16790,7 +16790,7 @@ function Ao(r) {
   return new j3({
     find: r.find,
     handler: ({ state: e, range: t, match: n, pasteEvent: i }) => {
-      const s = Me(r.getAttributes, void 0, n, i);
+      const s = Ce(r.getAttributes, void 0, n, i);
       if (s === !1 || s === null)
         return null;
       const { tr: o } = e, a = n[n.length - 1], l = n[0];
@@ -17418,7 +17418,7 @@ function Tp(r, e) {
   };
 }
 const Mp = Tp(!1, !0), Cp = Tp(!0, !0);
-ke.create({
+Te.create({
   name: "characterCount",
   addOptions() {
     return {
@@ -17487,7 +17487,7 @@ ke.create({
     ];
   }
 });
-ke.create({
+Te.create({
   name: "dropCursor",
   addOptions() {
     return {
@@ -17500,7 +17500,7 @@ ke.create({
     return [a6(this.options)];
   }
 });
-var M6 = ke.create({
+var M6 = Te.create({
   name: "focus",
   addOptions() {
     return {
@@ -17542,7 +17542,7 @@ var M6 = ke.create({
       })
     ];
   }
-}), C6 = ke.create({
+}), C6 = Te.create({
   name: "gapCursor",
   addProseMirrorPlugins() {
     return [d6()];
@@ -17555,11 +17555,11 @@ var M6 = ke.create({
       storage: r.storage
     };
     return {
-      allowGapCursor: (e = Me(ne(r, "allowGapCursor", t))) != null ? e : null
+      allowGapCursor: (e = Ce(ne(r, "allowGapCursor", t))) != null ? e : null
     };
   }
 });
-ke.create({
+Te.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -17605,7 +17605,7 @@ ke.create({
     ];
   }
 });
-ke.create({
+Te.create({
   name: "selection",
   addOptions() {
     return {
@@ -17633,7 +17633,7 @@ ke.create({
 function Mc({ types: r, node: e }) {
   return e && Array.isArray(r) && r.includes(e.type) || e?.type === r;
 }
-ke.create({
+Te.create({
   name: "trailingNode",
   addOptions() {
     return {
@@ -17668,7 +17668,7 @@ ke.create({
     ];
   }
 });
-var E6 = ke.create({
+var E6 = Te.create({
   name: "undoRedo",
   addOptions() {
     return {
@@ -18548,7 +18548,7 @@ var Bc = process.env.NODE_ENV !== "production", bl = typeof window > "u", E7 = b
   }
 };
 function O7(r = {}, e = []) {
-  const t = Ce(r);
+  const t = ke(r);
   t.current = r;
   const [n] = yt(() => new A7(t)), i = Ep.useSyncExternalStore(
     n.subscribe,
@@ -19047,7 +19047,7 @@ var _i = (r, e) => {
   var t;
   const { $anchor: n } = e.selection, i = e.doc.resolve(n.pos - n.parentOffset - 2);
   return !(i.index() === i.parent.childCount - 1 || ((t = i.nodeAfter) == null ? void 0 : t.type.name) !== r);
-}, H7 = ke.create({
+}, H7 = Te.create({
   name: "listKeymap",
   addOptions() {
     return {
@@ -19538,7 +19538,7 @@ var q7 = "listItem", jc = "textStyle", qc = /^(\d+)\.\s$/, Wp = we.create({
     };
   }
 });
-ke.create({
+Te.create({
   name: "listKit",
   addExtensions() {
     const r = [];
@@ -31530,7 +31530,7 @@ const G8 = we.create({
       })
     ];
   }
-}), n9 = ke.create({
+}), n9 = Te.create({
   name: "divisions",
   addExtensions() {
     return [X8, Z8, Q8, e9, t9, r9, Y8];
@@ -31715,7 +31715,7 @@ const o9 = i9.extend({}), a9 = s9.extend({}), l9 = Vi.create({
       })
     ];
   }
-}), h9 = ke.create({
+}), h9 = Te.create({
   name: "myinline",
   addExtensions() {
     return [o9, a9, l9, u9, c9, d9];
@@ -33247,7 +33247,7 @@ const mw = [
   "proposition",
   "claim",
   "fact"
-], gw = ke.create({
+], gw = Te.create({
   name: "theoremLike",
   addExtensions() {
     const r = [];
@@ -33325,7 +33325,7 @@ const mw = [
   "heuristic",
   "hypothesis",
   "principle"
-], yw = ke.create({
+], yw = Te.create({
   name: "axiomLike",
   addExtensions() {
     const r = [];
@@ -33377,7 +33377,7 @@ const mw = [
   addInputRules() {
     return Tr("statement", this.type);
   }
-}), ww = ["example", "question", "problem"], xw = ke.create({
+}), ww = ["example", "question", "problem"], xw = Te.create({
   name: "exampleLike",
   addExtensions() {
     const r = [];
@@ -33485,7 +33485,7 @@ const mw = [
   "observation",
   "remark",
   "warning"
-], kw = ke.create({
+], kw = Te.create({
   name: "remarkLike",
   addExtensions() {
     return Sw.map(
@@ -33551,7 +33551,7 @@ const mw = [
       })
     ];
   }
-}), Mw = ke.create({
+}), Mw = Te.create({
   name: "blocks",
   addExtensions() {
     return [Tw, gw, xw, yw, kw, bw];
@@ -35718,7 +35718,7 @@ var Lx = class {
   key: typeof r.pluginKey == "string" ? new qe(r.pluginKey) : r.pluginKey,
   view: (e) => new Lx({ view: e, ...r })
 });
-ke.create({
+Te.create({
   name: "bubbleMenu",
   addOptions() {
     return {
@@ -35849,7 +35849,7 @@ var Bx = class {
   key: typeof r.pluginKey == "string" ? new qe(r.pluginKey) : r.pluginKey,
   view: (e) => new Bx({ view: e, ...r })
 });
-ke.create({
+Te.create({
   name: "floatingMenu",
   addOptions() {
     return {
@@ -35886,7 +35886,7 @@ var Fx = Be.forwardRef(
     children: l,
     ...u
   }, c) => {
-    const d = Ce(document.createElement("div"));
+    const d = ke(document.createElement("div"));
     typeof c == "function" ? c(d.current) : c && (c.current = d.current);
     const { editor: f } = Rp(), h = e || f, m = {
       updateDelay: t,
@@ -35896,7 +35896,7 @@ var Fx = Be.forwardRef(
       shouldShow: s,
       getReferencedVirtualElement: o,
       options: a
-    }, v = Ce(m);
+    }, v = ke(m);
     return v.current = m, He(() => {
       if (h?.isDestroyed)
         return;
@@ -35923,7 +35923,7 @@ var Fx = Be.forwardRef(
 );
 Be.forwardRef(
   ({ pluginKey: r = "floatingMenu", editor: e, appendTo: t, shouldShow: n = null, options: i, children: s, ...o }, a) => {
-    const l = Ce(document.createElement("div"));
+    const l = ke(document.createElement("div"));
     typeof a == "function" ? a(l.current) : a && (a.current = l.current);
     const { editor: u } = Rp();
     return He(() => {
@@ -36309,50 +36309,50 @@ const Wx = we.create({
   //  });
   //},
 ], Gx = ({ content: r, onChange: e }) => {
-  const t = Ce(null), n = O7({
+  const t = ke(null), n = ke(!1), i = O7({
     extensions: Ux,
-    content: "",
-    onContentError(a) {
-      console.log("Content error: ", a.error), a.disableCollaboration(), a.editor.setEditable(!1, !1);
+    content: r,
+    onContentError(l) {
+      console.log("Content error: ", l.error), l.disableCollaboration(), l.editor.setEditable(!1, !1);
     },
     enableContentCheck: !0,
-    onUpdate: ({ editor: a }) => {
-      t.current && clearTimeout(t.current), t.current = setTimeout(() => {
-        e(qx(Iw(a.getJSON())));
+    onUpdate: ({ editor: l }) => {
+      console.log("Editor update detected."), t.current && clearTimeout(t.current), t.current = setTimeout(() => {
+        n.current && e(qx(Iw(l.getJSON())));
       }, 500);
     }
   });
   He(() => () => {
     t.current && clearTimeout(t.current);
   }, []);
-  const i = Ce(!0);
+  const s = ke(!0);
   He(() => {
-    if (n && r !== n.getHTML() && i.current) {
-      const a = r;
-      if (n)
+    if (i && r !== i.getHTML() && s.current) {
+      const l = r;
+      if (i)
         try {
-          n.commands.setContent(fw(a), {
+          i.commands.setContent(fw(l), {
             emitUpdate: !1
-          });
-        } catch (l) {
-          console.error("Error setting content: ", l);
+          }), console.log("External content set in visual editor.");
+        } catch (u) {
+          console.error("Error setting content: ", u);
         }
     }
-  }, [r, n]), He(() => {
-    if (!n) return;
-    const a = () => {
-      i.current = !1;
+  }, [r, i]), He(() => {
+    if (!i) return;
+    const l = () => {
+      s.current = !1;
     };
-    return n.on("update", a), () => {
-      n.off("update", a);
+    return i.on("update", l), () => {
+      i.off("update", l);
     };
-  }, [n]), He(() => {
-    i.current = !0;
+  }, [i]), He(() => {
+    s.current = !0;
   }, [r]);
-  const [s, o] = yt(!1);
+  const [o, a] = yt(!1);
   return He(() => {
-    n && n.setEditable(s, !1);
-  }, [n, s]), /* @__PURE__ */ J.jsxs("div", { className: "pretext-plus-editor__visual-editor", children: [
+    n.current = o, i && i.setEditable(o, !1);
+  }, [i, o]), /* @__PURE__ */ J.jsxs("div", { className: "pretext-plus-editor__visual-editor", children: [
     /* @__PURE__ */ J.jsxs("div", { className: "pretext-plus-editor__visual-editor-header", children: [
       /* @__PURE__ */ J.jsx("p", { className: "pretext-plus-editor__visual-editor-title", children: "Simple Preview" }),
       /* @__PURE__ */ J.jsxs("label", { className: "pretext-plus-editor__edit-toggle", children: [
@@ -36361,15 +36361,15 @@ const Wx = we.create({
           {
             className: "pretext-plus-editor__edit-checkbox",
             type: "checkbox",
-            checked: s,
-            onChange: () => o(!s)
+            checked: o,
+            onChange: () => a(!o)
           }
         ),
         "Edit"
       ] })
     ] }),
-    /* @__PURE__ */ J.jsx("div", { className: (s ? "editable" : "read-only") + " ptx-page", children: /* @__PURE__ */ J.jsx(T7, { editor: n }) }),
-    /* @__PURE__ */ J.jsx($x, { editor: n })
+    /* @__PURE__ */ J.jsx("div", { className: (o ? "editable" : "read-only") + " ptx-page", children: /* @__PURE__ */ J.jsx(T7, { editor: i }) }),
+    /* @__PURE__ */ J.jsx($x, { editor: i })
   ] });
 }, Kx = (r, e, t) => {
   const n = document.createElement("form");
@@ -36381,7 +36381,7 @@ const Wx = we.create({
     }
   document.body.appendChild(n), n.submit(), n.remove();
 }, Jx = ({ content: r, title: e, onRebuild: t }) => {
-  const [n, i] = yt(!1), s = Ce(null);
+  const [n, i] = yt(!1), s = ke(null);
   He(() => {
     o();
   }, []);
@@ -36497,6 +36497,7 @@ const Wx = we.create({
     ] })
   ] });
 }, Xx = `
+  <?xml version="1.0" encoding="UTF-8"?>
   <section>
   <title>My Section</title>
   <p>