@halo-dev/richtext-editor 0.0.0-alpha.6 → 0.0.0-alpha.8

package/dist/rich-text-editor.iife.js

@@ -9002,7 +9002,7 @@ var RichTextEditor = function(exports, vue) {
       dispatch(state.tr.insertText("\n").scrollIntoView());
     return true;
   };
-  function defaultBlockAt$2(match) {
+  function defaultBlockAt$1(match) {
     for (let i2 = 0; i2 < match.edgeCount; i2++) {
       let { type } = match.edge(i2);
       if (type.isTextblock && !type.hasRequiredAttrs())
@@ -9014,7 +9014,7 @@ var RichTextEditor = function(exports, vue) {
     let { $head, $anchor } = state.selection;
     if (!$head.parent.type.spec.code || !$head.sameParent($anchor))
       return false;
-    let above = $head.node(-1), after = $head.indexAfter(-1), type = defaultBlockAt$2(above.contentMatchAt(after));
+    let above = $head.node(-1), after = $head.indexAfter(-1), type = defaultBlockAt$1(above.contentMatchAt(after));
     if (!type || !above.canReplaceWith(after, after, type))
       return false;
     if (dispatch) {
@@ -9028,7 +9028,7 @@ var RichTextEditor = function(exports, vue) {
     let sel = state.selection, { $from, $to } = sel;
     if (sel instanceof AllSelection || $from.parent.inlineContent || $to.parent.inlineContent)
       return false;
-    let type = defaultBlockAt$2($to.parent.contentMatchAt($to.indexAfter()));
+    let type = defaultBlockAt$1($to.parent.contentMatchAt($to.indexAfter()));
     if (!type || !type.isTextblock)
       return false;
     if (dispatch) {
@@ -9387,11 +9387,11 @@ var RichTextEditor = function(exports, vue) {
     }
     createCan(startTr) {
       const { rawCommands, state } = this;
-      const dispatch = void 0;
+      const dispatch = false;
       const tr = startTr || state.tr;
       const props = this.buildProps(tr, dispatch);
       const formattedCommands = Object.fromEntries(Object.entries(rawCommands).map(([name, command2]) => {
-        return [name, (...args) => command2(...args)({ ...props, dispatch })];
+        return [name, (...args) => command2(...args)({ ...props, dispatch: void 0 })];
       }));
       return {
         ...formattedCommands,
@@ -10048,7 +10048,7 @@ var RichTextEditor = function(exports, vue) {
             editor,
             state: chainableState,
             from: Math.max(from - 1, 0),
-            to: to.b,
+            to: to.b - 1,
             rule
           });
           if (!handler || !tr.steps.length) {
@@ -10193,13 +10193,18 @@ var RichTextEditor = function(exports, vue) {
         };
         const plugins = [];
         const addKeyboardShortcuts = getExtensionField(extension, "addKeyboardShortcuts", context);
+        let defaultBindings = {};
+        if (extension.type === "mark" && extension.config.exitable) {
+          defaultBindings.ArrowRight = () => Mark.handleExit({ editor, mark: extension });
+        }
         if (addKeyboardShortcuts) {
           const bindings = Object.fromEntries(Object.entries(addKeyboardShortcuts()).map(([shortcut, method]) => {
             return [shortcut, () => method({ editor })];
           }));
-          const keyMapPlugin = keymap(bindings);
-          plugins.push(keyMapPlugin);
+          defaultBindings = { ...defaultBindings, ...bindings };
         }
+        const keyMapPlugin = keymap(defaultBindings);
+        plugins.push(keyMapPlugin);
         const addInputRules = getExtensionField(extension, "addInputRules", context);
         if (isExtensionRulesEnabled(extension, editor.options.enableInputRules) && addInputRules) {
           inputRules.push(...addInputRules());
@@ -10574,18 +10579,8 @@ var RichTextEditor = function(exports, vue) {
     }
     return false;
   };
-  function isClass(value) {
-    var _a;
-    if (((_a = value.constructor) === null || _a === void 0 ? void 0 : _a.toString().substring(0, 5)) !== "class") {
-      return false;
-    }
-    return true;
-  }
-  function isObject(value) {
-    return value && typeof value === "object" && !Array.isArray(value) && !isClass(value);
-  }
   function isTextSelection(value) {
-    return isObject(value) && value instanceof TextSelection;
+    return value instanceof TextSelection;
   }
   function minMax(value = 0, min2 = 0, max2 = 0) {
     return Math.min(Math.max(value, min2), max2);
@@ -11045,10 +11040,8 @@ var RichTextEditor = function(exports, vue) {
   const setNodeSelection = (position) => ({ tr, dispatch }) => {
     if (dispatch) {
       const { doc: doc2 } = tr;
-      const minPos = Selection.atStart(doc2).from;
-      const maxPos = Selection.atEnd(doc2).to;
-      const resolvedPos = minMax(position, minPos, maxPos);
-      const selection = NodeSelection.create(doc2, resolvedPos);
+      const from = minMax(position, 0, doc2.content.size);
+      const selection = NodeSelection.create(doc2, from);
       tr.setSelection(selection);
     }
     return true;
@@ -11070,6 +11063,15 @@ var RichTextEditor = function(exports, vue) {
     const type = getNodeType(typeOrName, state.schema);
     return sinkListItem$1(type)(state, dispatch);
   };
+  function defaultBlockAt(match) {
+    for (let i2 = 0; i2 < match.edgeCount; i2 += 1) {
+      const { type } = match.edge(i2);
+      if (type.isTextblock && !type.hasRequiredAttrs()) {
+        return type;
+      }
+    }
+    return null;
+  }
   function getSplittedAttributes(extensionAttributes, typeName, attributes) {
     return Object.fromEntries(Object.entries(attributes).filter(([name]) => {
       const extensionAttribute = extensionAttributes.find((item) => {
@@ -11081,15 +11083,6 @@ var RichTextEditor = function(exports, vue) {
       return extensionAttribute.attribute.keepOnSplit;
     }));
   }
-  function defaultBlockAt$1(match) {
-    for (let i2 = 0; i2 < match.edgeCount; i2 += 1) {
-      const { type } = match.edge(i2);
-      if (type.isTextblock && !type.hasRequiredAttrs()) {
-        return type;
-      }
-    }
-    return null;
-  }
   function ensureMarks(state, splittableMarks) {
     const marks = state.storedMarks || state.selection.$to.parentOffset && state.selection.$from.marks();
     if (marks) {
@@ -11122,7 +11115,7 @@ var RichTextEditor = function(exports, vue) {
       if (selection instanceof TextSelection) {
         tr.deleteSelection();
       }
-      const deflt2 = $from.depth === 0 ? void 0 : defaultBlockAt$1($from.node(-1).contentMatchAt($from.indexAfter(-1)));
+      const deflt2 = $from.depth === 0 ? void 0 : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1)));
       let types = atEnd && deflt2 ? [{
         type: deflt2,
         attrs: newAttributes
@@ -11941,6 +11934,7 @@ img.ProseMirror-separator {
     }
     setEditable(editable) {
       this.setOptions({ editable });
+      this.emit("update", { editor: this, transaction: this.state.tr });
     }
     get isEditable() {
       return this.options.editable && this.view && this.view.editable;
@@ -12111,15 +12105,6 @@ img.ProseMirror-separator {
     });
     return transform;
   }
-  function defaultBlockAt(match) {
-    for (let i2 = 0; i2 < match.edgeCount; i2 += 1) {
-      const { type } = match.edge(i2);
-      if (type.isTextblock && !type.hasRequiredAttrs()) {
-        return type;
-      }
-    }
-    return null;
-  }
   function findChildren(node, predicate) {
     const nodesWithPos = [];
     node.descendants((child, pos) => {
@@ -12285,7 +12270,7 @@ img.ProseMirror-separator {
     return marks;
   }
   function isNodeSelection(value) {
-    return isObject(value) && value instanceof NodeSelection;
+    return value instanceof NodeSelection;
   }
   function posToDOMRect(view, from, to) {
     const minPos = 0;
@@ -12490,6 +12475,26 @@ img.ProseMirror-separator {
       }));
       return extension;
     }
+    static handleExit({ editor, mark }) {
+      const { tr } = editor.state;
+      const currentPos = editor.state.selection.$from;
+      const isAtEnd = currentPos.pos === currentPos.end();
+      if (isAtEnd) {
+        const currentMarks = currentPos.marks();
+        const isInMark = !!currentMarks.find((m) => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
+        if (!isInMark) {
+          return false;
+        }
+        const removeMark2 = currentMarks.find((m) => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
+        if (removeMark2) {
+          tr.removeStoredMark(removeMark2);
+        }
+        tr.insertText(" ", currentPos.pos);
+        editor.view.dispatch(tr);
+        return true;
+      }
+      return false;
+    }
   }
   class Node {
     constructor(config2 = {}) {
@@ -12744,7 +12749,7 @@ img.ProseMirror-separator {
           return null;
         }
         if (match.input) {
-          chain().deleteRange(range).insertContent({
+          chain().deleteRange(range).insertContentAt(range.from, {
             type: config2.type.name,
             attrs: attributes
           });
@@ -14670,7 +14675,7 @@ img.ProseMirror-separator {
       })
     };
   }
-  function render$p(instance) {
+  function render$o(instance) {
     var popper2 = div();
     var box = div();
     box.className = BOX_CLASS;
@@ -14725,7 +14730,7 @@ img.ProseMirror-separator {
       onUpdate
     };
   }
-  render$p.$$tippy = true;
+  render$o.$$tippy = true;
   var idCounter = 1;
   var mouseMoveListeners = [];
   var mountedInstances = [];
@@ -15498,7 +15503,7 @@ img.ProseMirror-separator {
     }
   });
   tippy.setDefaultProps({
-    render: render$p
+    render: render$o
   });
   class BubbleMenuView {
     constructor({ editor, element, view, tippyOptions = {}, shouldShow }) {
@@ -15507,7 +15512,9 @@ img.ProseMirror-separator {
         const { doc: doc2, selection } = state;
         const { empty: empty2 } = selection;
         const isEmptyTextBlock = !doc2.textBetween(from, to).length && isTextSelection(state.selection);
-        if (!view2.hasFocus() || empty2 || isEmptyTextBlock) {
+        const isChildOfMenu = this.element.contains(document.activeElement);
+        const hasEditorFocus = view2.hasFocus() || isChildOfMenu;
+        if (!hasEditorFocus || empty2 || isEmptyTextBlock || !this.editor.isEditable) {
           return false;
         }
         return true;
@@ -15661,7 +15668,7 @@ img.ProseMirror-separator {
         const { $anchor, empty: empty2 } = selection;
         const isRootDepth = $anchor.depth === 1;
         const isEmptyTextBlock = $anchor.parent.isTextblock && !$anchor.parent.type.spec.code && !$anchor.parent.textContent;
-        if (!view2.hasFocus() || !empty2 || !isRootDepth || !isEmptyTextBlock) {
+        if (!view2.hasFocus() || !empty2 || !isRootDepth || !isEmptyTextBlock || !this.editor.isEditable) {
           return false;
         }
         return true;
@@ -16018,7 +16025,7 @@ img.ProseMirror-separator {
     render() {
       var _a, _b;
       return vue.h(this.as, {
-        class: this.decorationClasses.value,
+        class: this.decorationClasses,
         style: {
           whiteSpace: "normal"
         },
@@ -17624,6 +17631,10 @@ img.ProseMirror-separator {
       shiftCrossAxis: {
         type: Boolean,
         default: defaultPropFactory("shiftCrossAxis")
+      },
+      noAutoFocus: {
+        type: Boolean,
+        default: defaultPropFactory("noAutoFocus")
       }
     },
     emits: [
@@ -18055,7 +18066,8 @@ img.ProseMirror-separator {
         await nextFrame();
         this.classes.showFrom = false;
         this.classes.showTo = true;
-        this.$_popperNode.focus();
+        if (!this.noAutoFocus)
+          this.$_popperNode.focus();
       },
       async $_applyHide(skipTransition = false) {
         if (this.shownChildren.size > 0) {
@@ -18492,10 +18504,10 @@ img.ProseMirror-separator {
     tabindex: "-1"
   };
   vue.popScopeId();
-  const render$o = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
+  const render$n = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
     return vue.openBlock(), vue.createBlock("div", _hoisted_1$2$1);
   });
-  script.render = render$o;
+  script.render = render$n;
   script.__scopeId = "data-v-b329ee4c";
   script.__file = "src/components/ResizeObserver.vue";
   var PrivateThemeClass = (prop = "theme") => ({
@@ -18542,11 +18554,11 @@ img.ProseMirror-separator {
     ref: "inner",
     class: "v-popper__inner"
   };
-  const _hoisted_3$s = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
-  const _hoisted_4$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
-  const _hoisted_5$1 = [
-    _hoisted_3$s,
-    _hoisted_4$1
+  const _hoisted_3$r = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+  const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
+  const _hoisted_5$2 = [
+    _hoisted_3$r,
+    _hoisted_4$2
   ];
   function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ResizeObserver = vue.resolveComponent("ResizeObserver");
@@ -18605,7 +18617,7 @@ img.ProseMirror-separator {
             left: _ctx.toPx(_ctx.result.arrow.x),
             top: _ctx.toPx(_ctx.result.arrow.y)
           } : void 0)
-        }, _hoisted_5$1, 4)
+        }, _hoisted_5$2, 4)
       ], 4)
     ], 46, _hoisted_1$1$1);
   }
@@ -18815,32 +18827,14 @@ img.ProseMirror-separator {
     }
   });
   const Menu = _sfc_main$2$1;
-  const _hoisted_1$s = {
-    preserveAspectRatio: "xMidYMid meet",
-    viewBox: "0 0 24 24",
-    width: "1.2em",
-    height: "1.2em"
-  };
-  const _hoisted_2$s = /* @__PURE__ */ vue.createElementVNode("path", {
-    fill: "currentColor",
-    d: "M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42Z"
-  }, null, -1);
-  const _hoisted_3$r = [
-    _hoisted_2$s
-  ];
-  function render$n(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$s, _hoisted_3$r);
-  }
-  const MdiFormatBold = { name: "mdi-format-bold", render: render$n };
   const _hoisted_1$r = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$r = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
+    d: "M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42Z"
   }, null, -1);
   const _hoisted_3$q = [
     _hoisted_2$r
@@ -18848,16 +18842,15 @@ img.ProseMirror-separator {
   function render$m(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, _hoisted_3$q);
   }
-  const MdiFormatItalic = { name: "mdi-format-italic", render: render$m };
+  const MdiFormatBold = { name: "mdi-format-bold", render: render$m };
   const _hoisted_1$q = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$q = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
+    d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
   }, null, -1);
   const _hoisted_3$p = [
     _hoisted_2$q
@@ -18865,16 +18858,15 @@ img.ProseMirror-separator {
   function render$l(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, _hoisted_3$p);
   }
-  const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$l };
+  const MdiFormatItalic = { name: "mdi-format-italic", render: render$l };
   const _hoisted_1$p = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$p = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
+    d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
   }, null, -1);
   const _hoisted_3$o = [
     _hoisted_2$p
@@ -18882,16 +18874,15 @@ img.ProseMirror-separator {
   function render$k(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, _hoisted_3$o);
   }
-  const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$k };
+  const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$k };
   const _hoisted_1$o = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$o = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
   }, null, -1);
   const _hoisted_3$n = [
     _hoisted_2$o
@@ -18899,16 +18890,15 @@ img.ProseMirror-separator {
   function render$j(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, _hoisted_3$n);
   }
-  const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$j };
+  const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$j };
   const _hoisted_1$n = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$n = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
   }, null, -1);
   const _hoisted_3$m = [
     _hoisted_2$n
@@ -18916,16 +18906,15 @@ img.ProseMirror-separator {
   function render$i(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, _hoisted_3$m);
   }
-  const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$i };
+  const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$i };
   const _hoisted_1$m = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$m = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
   }, null, -1);
   const _hoisted_3$l = [
     _hoisted_2$m
@@ -18933,16 +18922,15 @@ img.ProseMirror-separator {
   function render$h(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, _hoisted_3$l);
   }
-  const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$h };
+  const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$h };
   const _hoisted_1$l = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$l = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
   }, null, -1);
   const _hoisted_3$k = [
     _hoisted_2$l
@@ -18950,16 +18938,15 @@ img.ProseMirror-separator {
   function render$g(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, _hoisted_3$k);
   }
-  const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$g };
+  const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$g };
   const _hoisted_1$k = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$k = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
   }, null, -1);
   const _hoisted_3$j = [
     _hoisted_2$k
@@ -18967,16 +18954,15 @@ img.ProseMirror-separator {
   function render$f(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, _hoisted_3$j);
   }
-  const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$f };
+  const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$f };
   const _hoisted_1$j = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$j = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v1h-2V6h-4v4h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 8v4h4v-4h-4Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
   }, null, -1);
   const _hoisted_3$i = [
     _hoisted_2$j
@@ -18984,16 +18970,15 @@ img.ProseMirror-separator {
   function render$e(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$j, _hoisted_3$i);
   }
-  const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$e };
+  const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$e };
   const _hoisted_1$i = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$i = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M13.5 7a6.5 6.5 0 0 1 6.5 6.5a6.5 6.5 0 0 1-6.5 6.5H10v-2h3.5c2.5 0 4.5-2 4.5-4.5S16 9 13.5 9H7.83l3.08 3.09L9.5 13.5L4 8l5.5-5.5l1.42 1.41L7.83 7h5.67M6 18h2v2H6v-2Z"
+    d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v1h-2V6h-4v4h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 8v4h4v-4h-4Z"
   }, null, -1);
   const _hoisted_3$h = [
     _hoisted_2$i
@@ -19001,16 +18986,15 @@ img.ProseMirror-separator {
   function render$d(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, _hoisted_3$h);
   }
-  const MdiUndoVariant = { name: "mdi-undo-variant", render: render$d };
+  const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$d };
   const _hoisted_1$h = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$h = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M10.5 7A6.5 6.5 0 0 0 4 13.5a6.5 6.5 0 0 0 6.5 6.5H14v-2h-3.5C8 18 6 16 6 13.5S8 9 10.5 9h5.67l-3.08 3.09l1.41 1.41L20 8l-5.5-5.5l-1.42 1.41L16.17 7H10.5M18 18h-2v2h2v-2Z"
+    d: "M13.5 7a6.5 6.5 0 0 1 6.5 6.5a6.5 6.5 0 0 1-6.5 6.5H10v-2h3.5c2.5 0 4.5-2 4.5-4.5S16 9 13.5 9H7.83l3.08 3.09L9.5 13.5L4 8l5.5-5.5l1.42 1.41L7.83 7h5.67M6 18h2v2H6v-2Z"
   }, null, -1);
   const _hoisted_3$g = [
     _hoisted_2$h
@@ -19018,16 +19002,15 @@ img.ProseMirror-separator {
   function render$c(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, _hoisted_3$g);
   }
-  const MdiRedoVariant = { name: "mdi-redo-variant", render: render$c };
+  const MdiUndoVariant = { name: "mdi-undo-variant", render: render$c };
   const _hoisted_1$g = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$g = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M5 21h14v-2H5v2m7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6Z"
+    d: "M10.5 7A6.5 6.5 0 0 0 4 13.5a6.5 6.5 0 0 0 6.5 6.5H14v-2h-3.5C8 18 6 16 6 13.5S8 9 10.5 9h5.67l-3.08 3.09l1.41 1.41L20 8l-5.5-5.5l-1.42 1.41L16.17 7H10.5M18 18h-2v2h2v-2Z"
   }, null, -1);
   const _hoisted_3$f = [
     _hoisted_2$g
@@ -19035,16 +19018,15 @@ img.ProseMirror-separator {
   function render$b(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$g, _hoisted_3$f);
   }
-  const MdiFormatUnderline = { name: "mdi-format-underline", render: render$b };
+  const MdiRedoVariant = { name: "mdi-redo-variant", render: render$b };
   const _hoisted_1$f = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$f = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
+    d: "M5 21h14v-2H5v2m7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6Z"
   }, null, -1);
   const _hoisted_3$e = [
     _hoisted_2$f
@@ -19052,16 +19034,15 @@ img.ProseMirror-separator {
   function render$a(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$f, _hoisted_3$e);
   }
-  const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$a };
+  const MdiFormatUnderline = { name: "mdi-format-underline", render: render$a };
   const _hoisted_1$e = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$e = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
+    d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
   }, null, -1);
   const _hoisted_3$d = [
     _hoisted_2$e
@@ -19069,16 +19050,15 @@ img.ProseMirror-separator {
   function render$9(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, _hoisted_3$d);
   }
-  const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$9 };
+  const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$9 };
   const _hoisted_1$d = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$d = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
+    d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
   }, null, -1);
   const _hoisted_3$c = [
     _hoisted_2$d
@@ -19086,16 +19066,15 @@ img.ProseMirror-separator {
   function render$8(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$d, _hoisted_3$c);
   }
-  const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$8 };
+  const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$8 };
   const _hoisted_1$c = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$c = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
+    d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
   }, null, -1);
   const _hoisted_3$b = [
     _hoisted_2$c
@@ -19103,16 +19082,15 @@ img.ProseMirror-separator {
   function render$7(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$c, _hoisted_3$b);
   }
-  const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$7 };
+  const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$7 };
   const _hoisted_1$b = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$b = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
+    d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
   }, null, -1);
   const _hoisted_3$a = [
     _hoisted_2$b
@@ -19120,16 +19098,15 @@ img.ProseMirror-separator {
   function render$6(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _hoisted_3$a);
   }
-  const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$6 };
+  const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$6 };
   const _hoisted_1$a = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$a = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4Z"
+    d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
   }, null, -1);
   const _hoisted_3$9 = [
     _hoisted_2$a
@@ -19137,16 +19114,15 @@ img.ProseMirror-separator {
   function render$5(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_3$9);
   }
-  const MdiCodeTags = { name: "mdi-code-tags", render: render$5 };
+  const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$5 };
   const _hoisted_1$9 = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$9 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8 5H9v2c0 1.1-.9 2-2 2c1.1 0 2 .9 2 2v2h2v2H9c-1.1 0-2-.9-2-2v-1c0-1.1-.9-2-2-2v-2c1.1 0 2-.9 2-2V8c0-1.1.9-2 2-2h2v2m8 5c-1.1 0-2 .9-2 2v1c0 1.1-.9 2-2 2h-2v-2h2v-2c0-1.1.9-2 2-2c-1.1 0-2-.9-2-2V8h-2V6h2c1.1 0 2 .9 2 2v1c0 1.1.9 2 2 2v2Z"
+    d: "m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4Z"
   }, null, -1);
   const _hoisted_3$8 = [
     _hoisted_2$9
@@ -19154,16 +19130,15 @@ img.ProseMirror-separator {
   function render$4(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _hoisted_3$8);
   }
-  const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$4 };
+  const MdiCodeTags = { name: "mdi-code-tags", render: render$4 };
   const _hoisted_1$8 = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
   };
   const _hoisted_2$8 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
-    d: "M20 19.88V22l-1.8-1.17l-4.79-9c.66-.21 1.26-.55 1.78-1L20 19.88M15 7a3 3 0 0 1-3 3h-.44L5.8 20.83L4 22v-2.12L9.79 9c-1.1-1.23-1-3.13.24-4.24C10.57 4.28 11.27 4 12 4V2a1 1 0 0 1 1 1v1.18c1.2.42 2 1.55 2 2.82m-2 0a1 1 0 0 0-1-1a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1Z"
+    d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8 5H9v2c0 1.1-.9 2-2 2c1.1 0 2 .9 2 2v2h2v2H9c-1.1 0-2-.9-2-2v-1c0-1.1-.9-2-2-2v-2c1.1 0 2-.9 2-2V8c0-1.1.9-2 2-2h2v2m8 5c-1.1 0-2 .9-2 2v1c0 1.1-.9 2-2 2h-2v-2h2v-2c0-1.1.9-2 2-2c-1.1 0-2-.9-2-2V8h-2V6h2c1.1 0 2 .9 2 2v1c0 1.1.9 2 2 2v2Z"
   }, null, -1);
   const _hoisted_3$7 = [
     _hoisted_2$8
@@ -19171,9 +19146,8 @@ img.ProseMirror-separator {
   function render$3(_ctx, _cache) {
     return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_3$7);
   }
-  const MdiMathCompass = { name: "mdi-math-compass", render: render$3 };
+  const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$3 };
   const _hoisted_1$7 = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
@@ -19190,7 +19164,6 @@ img.ProseMirror-separator {
   }
   const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$2 };
   const _hoisted_1$6 = {
-    preserveAspectRatio: "xMidYMid meet",
     viewBox: "0 0 24 24",
     width: "1.2em",
     height: "1.2em"
@@ -19209,14 +19182,19 @@ img.ProseMirror-separator {
   const _hoisted_1$5 = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
   const _hoisted_2$5 = ["onClick"];
   const _hoisted_3$4 = { class: "w-24 flex flex-col" };
-  const _hoisted_4 = ["onClick"];
-  const _hoisted_5 = { class: "text-sm" };
+  const _hoisted_4$1 = ["onClick"];
+  const _hoisted_5$1 = { class: "text-sm" };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "EditorHeader",
     props: {
       editor: {
         type: Object,
         required: true
+      },
+      additionalMenuItems: {
+        type: Array,
+        required: false,
+        default: () => []
       }
     },
     setup(__props) {
@@ -19299,13 +19277,6 @@ img.ProseMirror-separator {
           action: () => props.editor.chain().focus().toggleCodeBlock().run(),
           isActive: () => props.editor.isActive("codeBlock")
         },
-        {
-          type: "button",
-          icon: MdiMathCompass,
-          title: "Math",
-          action: () => props.editor.chain().addKatex().run(),
-          isActive: () => props.editor.isActive("katexBlock")
-        },
         {
           type: "button",
           icon: MdiFormatHeaderPound,
@@ -19383,19 +19354,20 @@ img.ProseMirror-separator {
           title: "Align justify",
           action: () => props.editor.chain().focus().setTextAlign("justify").run(),
           isActive: () => props.editor.isActive({ textAlign: "justify" })
-        }
+        },
+        ...props.additionalMenuItems
       ];
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
           (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItems, (menuItem, index2) => {
-            var _a;
+            var _a, _b;
             return vue.createElementVNode("div", {
               key: index2,
               class: "inline-flex items-center justify-center"
             }, [
               !((_a = menuItem.children) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 0,
-                class: vue.normalizeClass([{ "bg-gray-200": menuItem.isActive() }, "hover:bg-gray-100 p-1 rounded-sm"]),
+                class: vue.normalizeClass([{ "bg-gray-200": (_b = menuItem.isActive) == null ? void 0 : _b.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"]),
                 onClick: menuItem.action
               }, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
@@ -19403,28 +19375,32 @@ img.ProseMirror-separator {
                 popper: vue.withCtx(() => [
                   vue.createElementVNode("div", _hoisted_3$4, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItem.children, (child, childIndex) => {
+                      var _a2;
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: childIndex,
-                        class: vue.normalizeClass([{ "bg-gray-200": child.isActive() }, "p-1 hover:bg-gray-100"])
+                        class: vue.normalizeClass([{ "bg-gray-200": (_a2 = child.isActive) == null ? void 0 : _a2.call(child) }, "p-1 hover:bg-gray-100"])
                       }, [
                         vue.createElementVNode("button", {
                           class: "flex flex-row gap-2 items-center justify-center",
                           onClick: child.action
                         }, [
                           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(child.icon))),
-                          vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(child.title), 1)
-                        ], 8, _hoisted_4)
+                          vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString(child.title), 1)
+                        ], 8, _hoisted_4$1)
                       ], 2);
                     }), 128))
                   ])
                 ]),
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("button", {
-                    class: vue.normalizeClass([{ "bg-gray-200": menuItem.isActive() }, "hover:bg-gray-100 p-1 rounded-sm"])
-                  }, [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-                  ], 2)
-                ]),
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    vue.createElementVNode("button", {
+                      class: vue.normalizeClass([{ "bg-gray-200": (_a2 = menuItem.isActive) == null ? void 0 : _a2.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"])
+                    }, [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
+                    ], 2)
+                  ];
+                }),
                 _: 2
               }, 1024))
             ]);
@@ -19547,11 +19523,15 @@ img.ProseMirror-separator {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$4, [
               (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItems, (menuItem, index2) => {
+                var _a;
                 return vue.createElementVNode("button", {
                   key: index2,
-                  class: vue.normalizeClass([{ "bg-gray-200 !text-black": menuItem.isActive() }, "text-gray-600 text-lg hover:bg-gray-100 p-0.5 rounded-sm"]),
+                  class: vue.normalizeClass([{ "bg-gray-200 !text-black": (_a = menuItem.isActive) == null ? void 0 : _a.call(menuItem) }, "text-gray-600 text-lg hover:bg-gray-100 p-0.5 rounded-sm"]),
                   title: menuItem.title,
-                  onClick: ($event) => menuItem.action()
+                  onClick: ($event) => {
+                    var _a2;
+                    return (_a2 = menuItem.action) == null ? void 0 : _a2.call(menuItem);
+                  }
                 }, [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
                 ], 10, _hoisted_2$4);
@@ -19575,13 +19555,21 @@ img.ProseMirror-separator {
       editor: {
         type: Object,
         required: true
+      },
+      additionalMenuItems: {
+        type: Array,
+        required: false,
+        default: () => []
       }
     },
     setup(__props) {
       return (_ctx, _cache) => {
         return __props.editor ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
           vue.createVNode(_sfc_main$4, { editor: __props.editor }, null, 8, ["editor"]),
-          vue.createVNode(_sfc_main$5, { editor: __props.editor }, null, 8, ["editor"]),
+          vue.createVNode(_sfc_main$5, {
+            editor: __props.editor,
+            additionalMenuItems: __props.additionalMenuItems
+          }, null, 8, ["editor", "additionalMenuItems"]),
           vue.createElementVNode("div", _hoisted_2$3, [
             vue.createVNode(vue.unref(EditorContent), {
               editor: __props.editor,
@@ -19598,7 +19586,6 @@ img.ProseMirror-separator {
   const index = "";
   const tailwind = "";
   const style = "";
-  const katex$1 = "";
   const githubMarkdownLight = "";
   const inputRegex$6 = /^\s*>\s$/;
   const Blockquote = Node.create({
@@ -19772,6 +19759,7 @@ img.ProseMirror-separator {
     },
     excludes: "_",
     code: true,
+    exitable: true,
     parseHTML() {
       return [
         { tag: "code" }
@@ -23885,7 +23873,7 @@ img.ProseMirror-separator {
     var value = input.substr(startIdx, endIdx - startIdx);
     return new Multi(value, tokens);
   }
-  var warn$1 = typeof console !== "undefined" && console && console.warn || function() {
+  var warn$2 = typeof console !== "undefined" && console && console.warn || function() {
   };
   var INIT = {
     scanner: null,
@@ -23896,7 +23884,7 @@ img.ProseMirror-separator {
   };
   function registerCustomProtocol(protocol) {
     if (INIT.initialized) {
-      warn$1('linkifyjs: already initialized - will not register custom protocol "'.concat(protocol, '" until you manually call linkify.init(). To avoid this warning, please register all custom protocols before invoking linkify the first time.'));
+      warn$2('linkifyjs: already initialized - will not register custom protocol "'.concat(protocol, '" until you manually call linkify.init(). To avoid this warning, please register all custom protocols before invoking linkify the first time.'));
     }
     if (!/^[a-z-]+$/.test(protocol)) {
       throw Error("linkifyjs: protocols containing characters other than a-z or - (hyphen) are not supported");
@@ -26691,7 +26679,7 @@ img.ProseMirror-separator {
               return;
             }
             const state = handleExit && !handleStart ? prev : next;
-            const decorationNode = document.querySelector(`[data-decoration-id="${state.decorationId}"]`);
+            const decorationNode = view.dom.querySelector(`[data-decoration-id="${state.decorationId}"]`);
             props = {
               editor,
               range: state.range,
@@ -26709,7 +26697,7 @@ img.ProseMirror-separator {
               clientRect: decorationNode ? () => {
                 var _a2;
                 const { decorationId } = (_a2 = this.key) === null || _a2 === void 0 ? void 0 : _a2.getState(editor.state);
-                const currentDecorationNode = document.querySelector(`[data-decoration-id="${decorationId}"]`);
+                const currentDecorationNode = view.dom.querySelector(`[data-decoration-id="${decorationId}"]`);
                 return (currentDecorationNode === null || currentDecorationNode === void 0 ? void 0 : currentDecorationNode.getBoundingClientRect()) || null;
               } : null
             };
@@ -26849,12 +26837,17 @@ img.ProseMirror-separator {
       ];
     }
   });
-  const _hoisted_1$2 = { class: "items" };
+  const _hoisted_1$2 = { class: "command-items" };
   const _hoisted_2$2 = ["onClick"];
-  const _hoisted_3$2 = {
+  const _hoisted_3$2 = { class: "command-title" };
+  const _hoisted_4 = {
     key: 1,
-    class: "item"
+    class: "command-empty"
   };
+  const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u6CA1\u6709\u641C\u7D22\u7ED3\u679C", -1);
+  const _hoisted_6 = [
+    _hoisted_5
+  ];
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "CommandsView",
     props: {
@@ -26912,15 +26905,15 @@ img.ProseMirror-separator {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
           __props.items.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.items, (item, index2) => {
-            return vue.openBlock(), vue.createElementBlock("button", {
+            return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
-              class: vue.normalizeClass([{ "is-selected": index2 === selectedIndex.value }, "item flex flex-row gap-5 items-center w-32 rounded"]),
+              class: vue.normalizeClass([{ "is-selected": index2 === selectedIndex.value }, "command-item"]),
               onClick: ($event) => handleSelectItem(index2)
             }, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { class: "bg-gray-100 p-0.5 rounded-sm" })),
-              vue.createTextVNode(" " + vue.toDisplayString(item.title), 1)
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { class: "command-icon" })),
+              vue.createElementVNode("span", _hoisted_3$2, vue.toDisplayString(item.title), 1)
             ], 10, _hoisted_2$2);
-          }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, "No result"))
+          }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, _hoisted_6))
         ]);
       };
     }
@@ -26930,7 +26923,7 @@ img.ProseMirror-separator {
     items: ({ query }) => {
       return [
         {
-          icon: MdiFormatHeader1,
+          icon: vue.markRaw(MdiFormatHeader1),
           title: "\u4E00\u7EA7\u6807\u9898",
           keywords: ["h1", "header1", "1", "yijibiaoti"],
           command: ({ editor, range }) => {
@@ -26938,7 +26931,7 @@ img.ProseMirror-separator {
           }
         },
         {
-          icon: MdiFormatHeader2,
+          icon: vue.markRaw(MdiFormatHeader2),
           title: "\u4E8C\u7EA7\u6807\u9898",
           keywords: ["h2", "header2", "2", "erjibiaoti"],
           command: ({ editor, range }) => {
@@ -26946,7 +26939,7 @@ img.ProseMirror-separator {
           }
         },
         {
-          icon: MdiFormatHeader3,
+          icon: vue.markRaw(MdiFormatHeader3),
           title: "\u4E09\u7EA7\u6807\u9898",
           keywords: ["h3", "header3", "3", "sanjibiaoti"],
           command: ({ editor, range }) => {
@@ -26954,7 +26947,7 @@ img.ProseMirror-separator {
           }
         },
         {
-          icon: MdiFormatHeader4,
+          icon: vue.markRaw(MdiFormatHeader4),
           title: "\u56DB\u7EA7\u6807\u9898",
           keywords: ["h4", "header4", "4", "sijibiaoti"],
           command: ({ editor, range }) => {
@@ -26962,7 +26955,7 @@ img.ProseMirror-separator {
           }
         },
         {
-          icon: MdiFormatHeader5,
+          icon: vue.markRaw(MdiFormatHeader5),
           title: "\u4E94\u7EA7\u6807\u9898",
           keywords: ["h5", "header5", "5", "wujibiaoti"],
           command: ({ editor, range }) => {
@@ -26970,7 +26963,7 @@ img.ProseMirror-separator {
           }
         },
         {
-          icon: MdiFormatHeader6,
+          icon: vue.markRaw(MdiFormatHeader6),
           title: "\u516D\u7EA7\u6807\u9898",
           keywords: ["h6", "header6", "6", "liujibiaoti"],
           command: ({ editor, range }) => {
@@ -26978,19 +26971,11 @@ img.ProseMirror-separator {
           }
         },
         {
-          icon: MdiCodeBracesBox,
+          icon: vue.markRaw(MdiCodeBracesBox),
           title: "\u4EE3\u7801\u5757",
           keywords: ["codeblock", "daimakuai"],
           command: ({ editor, range }) => {
-            editor.chain().focus().deleteRange(range).setNode("codeBlock").run();
-          }
-        },
-        {
-          icon: MdiMathCompass,
-          title: "\u6570\u5B66\u516C\u5F0F",
-          keywords: ["katex", "math", "shuxuegongshi"],
-          command: ({ editor, range }) => {
-            editor.chain().focus().deleteRange(range).addKatex().run();
+            editor.chain().focus().deleteRange(range).setCodeBlock().run();
           }
         }
       ].filter(
@@ -27015,7 +27000,6 @@ img.ProseMirror-separator {
             getReferenceClientRect: props.clientRect,
             appendTo: () => document.body,
             content: component.element,
-            arrow: ROUND_ARROW,
             showOnCreate: true,
             interactive: true,
             trigger: "manual",
@@ -27088,141 +27072,1588 @@ img.ProseMirror-separator {
           tag: "pre",
           preserveWhitespace: "full"
         }
-      ];
-    },
-    renderHTML({ node, HTMLAttributes }) {
-      return [
-        "pre",
-        mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-        [
-          "code",
-          {
-            class: node.attrs.language ? this.options.languageClassPrefix + node.attrs.language : null
-          },
-          0
-        ]
-      ];
-    },
-    addCommands() {
-      return {
-        setCodeBlock: (attributes) => ({ commands: commands2 }) => {
-          return commands2.setNode(this.name, attributes);
-        },
-        toggleCodeBlock: (attributes) => ({ commands: commands2 }) => {
-          return commands2.toggleNode(this.name, "paragraph", attributes);
+      ];
+    },
+    renderHTML({ node, HTMLAttributes }) {
+      return [
+        "pre",
+        mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+        [
+          "code",
+          {
+            class: node.attrs.language ? this.options.languageClassPrefix + node.attrs.language : null
+          },
+          0
+        ]
+      ];
+    },
+    addCommands() {
+      return {
+        setCodeBlock: (attributes) => ({ commands: commands2 }) => {
+          return commands2.setNode(this.name, attributes);
+        },
+        toggleCodeBlock: (attributes) => ({ commands: commands2 }) => {
+          return commands2.toggleNode(this.name, "paragraph", attributes);
+        }
+      };
+    },
+    addKeyboardShortcuts() {
+      return {
+        "Mod-Alt-c": () => this.editor.commands.toggleCodeBlock(),
+        Backspace: () => {
+          const { empty: empty2, $anchor } = this.editor.state.selection;
+          const isAtStart = $anchor.pos === 1;
+          if (!empty2 || $anchor.parent.type.name !== this.name) {
+            return false;
+          }
+          if (isAtStart || !$anchor.parent.textContent.length) {
+            return this.editor.commands.clearNodes();
+          }
+          return false;
+        },
+        Enter: ({ editor }) => {
+          if (!this.options.exitOnTripleEnter) {
+            return false;
+          }
+          const { state } = editor;
+          const { selection } = state;
+          const { $from, empty: empty2 } = selection;
+          if (!empty2 || $from.parent.type !== this.type) {
+            return false;
+          }
+          const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
+          const endsWithDoubleNewline = $from.parent.textContent.endsWith("\n\n");
+          if (!isAtEnd || !endsWithDoubleNewline) {
+            return false;
+          }
+          return editor.chain().command(({ tr }) => {
+            tr.delete($from.pos - 2, $from.pos);
+            return true;
+          }).exitCode().run();
+        },
+        ArrowDown: ({ editor }) => {
+          if (!this.options.exitOnArrowDown) {
+            return false;
+          }
+          const { state } = editor;
+          const { selection, doc: doc2 } = state;
+          const { $from, empty: empty2 } = selection;
+          if (!empty2 || $from.parent.type !== this.type) {
+            return false;
+          }
+          const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
+          if (!isAtEnd) {
+            return false;
+          }
+          const after = $from.after();
+          if (after === void 0) {
+            return false;
+          }
+          const nodeAfter = doc2.nodeAt(after);
+          if (nodeAfter) {
+            return false;
+          }
+          return editor.commands.exitCode();
+        }
+      };
+    },
+    addInputRules() {
+      return [
+        textblockTypeInputRule({
+          find: backtickInputRegex,
+          type: this.type,
+          getAttributes: (match) => ({
+            language: match[1]
+          })
+        }),
+        textblockTypeInputRule({
+          find: tildeInputRegex,
+          type: this.type,
+          getAttributes: (match) => ({
+            language: match[1]
+          })
+        })
+      ];
+    },
+    addProseMirrorPlugins() {
+      return [
+        new Plugin({
+          key: new PluginKey("codeBlockVSCodeHandler"),
+          props: {
+            handlePaste: (view, event) => {
+              if (!event.clipboardData) {
+                return false;
+              }
+              if (this.editor.isActive(this.type.name)) {
+                return false;
+              }
+              const text2 = event.clipboardData.getData("text/plain");
+              const vscode = event.clipboardData.getData("vscode-editor-data");
+              const vscodeData = vscode ? JSON.parse(vscode) : void 0;
+              const language = vscodeData === null || vscodeData === void 0 ? void 0 : vscodeData.mode;
+              if (!text2 || !language) {
+                return false;
+              }
+              const { tr } = view.state;
+              tr.replaceSelectionWith(this.type.create({ language }));
+              tr.setSelection(TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))));
+              tr.insertText(text2.replace(/\r\n?/g, "\n"));
+              tr.setMeta("paste", true);
+              view.dispatch(tr);
+              return true;
+            }
+          }
+        })
+      ];
+    }
+  });
+  var deepFreezeEs6$1 = { exports: {} };
+  function deepFreeze$1(obj) {
+    if (obj instanceof Map) {
+      obj.clear = obj.delete = obj.set = function() {
+        throw new Error("map is read-only");
+      };
+    } else if (obj instanceof Set) {
+      obj.add = obj.clear = obj.delete = function() {
+        throw new Error("set is read-only");
+      };
+    }
+    Object.freeze(obj);
+    Object.getOwnPropertyNames(obj).forEach(function(name) {
+      var prop = obj[name];
+      if (typeof prop == "object" && !Object.isFrozen(prop)) {
+        deepFreeze$1(prop);
+      }
+    });
+    return obj;
+  }
+  deepFreezeEs6$1.exports = deepFreeze$1;
+  deepFreezeEs6$1.exports.default = deepFreeze$1;
+  class Response$1 {
+    constructor(mode) {
+      if (mode.data === void 0)
+        mode.data = {};
+      this.data = mode.data;
+      this.isMatchIgnored = false;
+    }
+    ignoreMatch() {
+      this.isMatchIgnored = true;
+    }
+  }
+  function escapeHTML$1(value) {
+    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
+  }
+  function inherit$1$1(original, ...objects) {
+    const result = /* @__PURE__ */ Object.create(null);
+    for (const key2 in original) {
+      result[key2] = original[key2];
+    }
+    objects.forEach(function(obj) {
+      for (const key2 in obj) {
+        result[key2] = obj[key2];
+      }
+    });
+    return result;
+  }
+  const SPAN_CLOSE$1 = "</span>";
+  const emitsWrappingTags$1 = (node) => {
+    return !!node.scope || node.sublanguage && node.language;
+  };
+  const scopeToCSSClass$1 = (name, { prefix }) => {
+    if (name.includes(".")) {
+      const pieces = name.split(".");
+      return [
+        `${prefix}${pieces.shift()}`,
+        ...pieces.map((x, i2) => `${x}${"_".repeat(i2 + 1)}`)
+      ].join(" ");
+    }
+    return `${prefix}${name}`;
+  };
+  class HTMLRenderer$1 {
+    constructor(parseTree2, options) {
+      this.buffer = "";
+      this.classPrefix = options.classPrefix;
+      parseTree2.walk(this);
+    }
+    addText(text2) {
+      this.buffer += escapeHTML$1(text2);
+    }
+    openNode(node) {
+      if (!emitsWrappingTags$1(node))
+        return;
+      let className = "";
+      if (node.sublanguage) {
+        className = `language-${node.language}`;
+      } else {
+        className = scopeToCSSClass$1(node.scope, { prefix: this.classPrefix });
+      }
+      this.span(className);
+    }
+    closeNode(node) {
+      if (!emitsWrappingTags$1(node))
+        return;
+      this.buffer += SPAN_CLOSE$1;
+    }
+    value() {
+      return this.buffer;
+    }
+    span(className) {
+      this.buffer += `<span class="${className}">`;
+    }
+  }
+  const newNode$1 = (opts = {}) => {
+    const result = { children: [] };
+    Object.assign(result, opts);
+    return result;
+  };
+  class TokenTree$1 {
+    constructor() {
+      this.rootNode = newNode$1();
+      this.stack = [this.rootNode];
+    }
+    get top() {
+      return this.stack[this.stack.length - 1];
+    }
+    get root() {
+      return this.rootNode;
+    }
+    add(node) {
+      this.top.children.push(node);
+    }
+    openNode(scope) {
+      const node = newNode$1({ scope });
+      this.add(node);
+      this.stack.push(node);
+    }
+    closeNode() {
+      if (this.stack.length > 1) {
+        return this.stack.pop();
+      }
+      return void 0;
+    }
+    closeAllNodes() {
+      while (this.closeNode())
+        ;
+    }
+    toJSON() {
+      return JSON.stringify(this.rootNode, null, 4);
+    }
+    walk(builder) {
+      return this.constructor._walk(builder, this.rootNode);
+    }
+    static _walk(builder, node) {
+      if (typeof node === "string") {
+        builder.addText(node);
+      } else if (node.children) {
+        builder.openNode(node);
+        node.children.forEach((child) => this._walk(builder, child));
+        builder.closeNode(node);
+      }
+      return builder;
+    }
+    static _collapse(node) {
+      if (typeof node === "string")
+        return;
+      if (!node.children)
+        return;
+      if (node.children.every((el) => typeof el === "string")) {
+        node.children = [node.children.join("")];
+      } else {
+        node.children.forEach((child) => {
+          TokenTree$1._collapse(child);
+        });
+      }
+    }
+  }
+  class TokenTreeEmitter$1 extends TokenTree$1 {
+    constructor(options) {
+      super();
+      this.options = options;
+    }
+    addKeyword(text2, scope) {
+      if (text2 === "") {
+        return;
+      }
+      this.openNode(scope);
+      this.addText(text2);
+      this.closeNode();
+    }
+    addText(text2) {
+      if (text2 === "") {
+        return;
+      }
+      this.add(text2);
+    }
+    addSublanguage(emitter, name) {
+      const node = emitter.root;
+      node.sublanguage = true;
+      node.language = name;
+      this.add(node);
+    }
+    toHTML() {
+      const renderer = new HTMLRenderer$1(this, this.options);
+      return renderer.value();
+    }
+    finalize() {
+      return true;
+    }
+  }
+  function source$3(re) {
+    if (!re)
+      return null;
+    if (typeof re === "string")
+      return re;
+    return re.source;
+  }
+  function lookahead$3(re) {
+    return concat$3("(?=", re, ")");
+  }
+  function anyNumberOfTimes$1(re) {
+    return concat$3("(?:", re, ")*");
+  }
+  function optional$1(re) {
+    return concat$3("(?:", re, ")?");
+  }
+  function concat$3(...args) {
+    const joined = args.map((x) => source$3(x)).join("");
+    return joined;
+  }
+  function stripOptionsFromArgs$3(args) {
+    const opts = args[args.length - 1];
+    if (typeof opts === "object" && opts.constructor === Object) {
+      args.splice(args.length - 1, 1);
+      return opts;
+    } else {
+      return {};
+    }
+  }
+  function either$3(...args) {
+    const opts = stripOptionsFromArgs$3(args);
+    const joined = "(" + (opts.capture ? "" : "?:") + args.map((x) => source$3(x)).join("|") + ")";
+    return joined;
+  }
+  function countMatchGroups$1(re) {
+    return new RegExp(re.toString() + "|").exec("").length - 1;
+  }
+  function startsWith$1(re, lexeme) {
+    const match = re && re.exec(lexeme);
+    return match && match.index === 0;
+  }
+  const BACKREF_RE$1 = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
+  function _rewriteBackreferences$1(regexps, { joinWith }) {
+    let numCaptures = 0;
+    return regexps.map((regex) => {
+      numCaptures += 1;
+      const offset2 = numCaptures;
+      let re = source$3(regex);
+      let out = "";
+      while (re.length > 0) {
+        const match = BACKREF_RE$1.exec(re);
+        if (!match) {
+          out += re;
+          break;
+        }
+        out += re.substring(0, match.index);
+        re = re.substring(match.index + match[0].length);
+        if (match[0][0] === "\\" && match[1]) {
+          out += "\\" + String(Number(match[1]) + offset2);
+        } else {
+          out += match[0];
+          if (match[0] === "(") {
+            numCaptures++;
+          }
+        }
+      }
+      return out;
+    }).map((re) => `(${re})`).join(joinWith);
+  }
+  const MATCH_NOTHING_RE$1 = /\b\B/;
+  const IDENT_RE$3 = "[a-zA-Z]\\w*";
+  const UNDERSCORE_IDENT_RE$1 = "[a-zA-Z_]\\w*";
+  const NUMBER_RE$1 = "\\b\\d+(\\.\\d+)?";
+  const C_NUMBER_RE$1 = "(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";
+  const BINARY_NUMBER_RE$1 = "\\b(0b[01]+)";
+  const RE_STARTERS_RE$1 = "!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";
+  const SHEBANG$1 = (opts = {}) => {
+    const beginShebang = /^#![ ]*\//;
+    if (opts.binary) {
+      opts.begin = concat$3(
+        beginShebang,
+        /.*\b/,
+        opts.binary,
+        /\b.*/
+      );
+    }
+    return inherit$1$1({
+      scope: "meta",
+      begin: beginShebang,
+      end: /$/,
+      relevance: 0,
+      "on:begin": (m, resp) => {
+        if (m.index !== 0)
+          resp.ignoreMatch();
+      }
+    }, opts);
+  };
+  const BACKSLASH_ESCAPE$1 = {
+    begin: "\\\\[\\s\\S]",
+    relevance: 0
+  };
+  const APOS_STRING_MODE$1 = {
+    scope: "string",
+    begin: "'",
+    end: "'",
+    illegal: "\\n",
+    contains: [BACKSLASH_ESCAPE$1]
+  };
+  const QUOTE_STRING_MODE$1 = {
+    scope: "string",
+    begin: '"',
+    end: '"',
+    illegal: "\\n",
+    contains: [BACKSLASH_ESCAPE$1]
+  };
+  const PHRASAL_WORDS_MODE$1 = {
+    begin: /\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
+  };
+  const COMMENT$1 = function(begin, end2, modeOptions = {}) {
+    const mode = inherit$1$1(
+      {
+        scope: "comment",
+        begin,
+        end: end2,
+        contains: []
+      },
+      modeOptions
+    );
+    mode.contains.push({
+      scope: "doctag",
+      begin: "[ ]*(?=(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):)",
+      end: /(TODO|FIXME|NOTE|BUG|OPTIMIZE|HACK|XXX):/,
+      excludeBegin: true,
+      relevance: 0
+    });
+    const ENGLISH_WORD = either$3(
+      "I",
+      "a",
+      "is",
+      "so",
+      "us",
+      "to",
+      "at",
+      "if",
+      "in",
+      "it",
+      "on",
+      /[A-Za-z]+['](d|ve|re|ll|t|s|n)/,
+      /[A-Za-z]+[-][a-z]+/,
+      /[A-Za-z][a-z]{2,}/
+    );
+    mode.contains.push(
+      {
+        begin: concat$3(
+          /[ ]+/,
+          "(",
+          ENGLISH_WORD,
+          /[.]?[:]?([.][ ]|[ ])/,
+          "){3}"
+        )
+      }
+    );
+    return mode;
+  };
+  const C_LINE_COMMENT_MODE$1 = COMMENT$1("//", "$");
+  const C_BLOCK_COMMENT_MODE$1 = COMMENT$1("/\\*", "\\*/");
+  const HASH_COMMENT_MODE$1 = COMMENT$1("#", "$");
+  const NUMBER_MODE$1 = {
+    scope: "number",
+    begin: NUMBER_RE$1,
+    relevance: 0
+  };
+  const C_NUMBER_MODE$1 = {
+    scope: "number",
+    begin: C_NUMBER_RE$1,
+    relevance: 0
+  };
+  const BINARY_NUMBER_MODE$1 = {
+    scope: "number",
+    begin: BINARY_NUMBER_RE$1,
+    relevance: 0
+  };
+  const REGEXP_MODE$1 = {
+    begin: /(?=\/[^/\n]*\/)/,
+    contains: [{
+      scope: "regexp",
+      begin: /\//,
+      end: /\/[gimuy]*/,
+      illegal: /\n/,
+      contains: [
+        BACKSLASH_ESCAPE$1,
+        {
+          begin: /\[/,
+          end: /\]/,
+          relevance: 0,
+          contains: [BACKSLASH_ESCAPE$1]
+        }
+      ]
+    }]
+  };
+  const TITLE_MODE$1 = {
+    scope: "title",
+    begin: IDENT_RE$3,
+    relevance: 0
+  };
+  const UNDERSCORE_TITLE_MODE$1 = {
+    scope: "title",
+    begin: UNDERSCORE_IDENT_RE$1,
+    relevance: 0
+  };
+  const METHOD_GUARD$1 = {
+    begin: "\\.\\s*" + UNDERSCORE_IDENT_RE$1,
+    relevance: 0
+  };
+  const END_SAME_AS_BEGIN$1 = function(mode) {
+    return Object.assign(
+      mode,
+      {
+        "on:begin": (m, resp) => {
+          resp.data._beginMatch = m[1];
+        },
+        "on:end": (m, resp) => {
+          if (resp.data._beginMatch !== m[1])
+            resp.ignoreMatch();
+        }
+      }
+    );
+  };
+  var MODES$5 = /* @__PURE__ */ Object.freeze({
+    __proto__: null,
+    MATCH_NOTHING_RE: MATCH_NOTHING_RE$1,
+    IDENT_RE: IDENT_RE$3,
+    UNDERSCORE_IDENT_RE: UNDERSCORE_IDENT_RE$1,
+    NUMBER_RE: NUMBER_RE$1,
+    C_NUMBER_RE: C_NUMBER_RE$1,
+    BINARY_NUMBER_RE: BINARY_NUMBER_RE$1,
+    RE_STARTERS_RE: RE_STARTERS_RE$1,
+    SHEBANG: SHEBANG$1,
+    BACKSLASH_ESCAPE: BACKSLASH_ESCAPE$1,
+    APOS_STRING_MODE: APOS_STRING_MODE$1,
+    QUOTE_STRING_MODE: QUOTE_STRING_MODE$1,
+    PHRASAL_WORDS_MODE: PHRASAL_WORDS_MODE$1,
+    COMMENT: COMMENT$1,
+    C_LINE_COMMENT_MODE: C_LINE_COMMENT_MODE$1,
+    C_BLOCK_COMMENT_MODE: C_BLOCK_COMMENT_MODE$1,
+    HASH_COMMENT_MODE: HASH_COMMENT_MODE$1,
+    NUMBER_MODE: NUMBER_MODE$1,
+    C_NUMBER_MODE: C_NUMBER_MODE$1,
+    BINARY_NUMBER_MODE: BINARY_NUMBER_MODE$1,
+    REGEXP_MODE: REGEXP_MODE$1,
+    TITLE_MODE: TITLE_MODE$1,
+    UNDERSCORE_TITLE_MODE: UNDERSCORE_TITLE_MODE$1,
+    METHOD_GUARD: METHOD_GUARD$1,
+    END_SAME_AS_BEGIN: END_SAME_AS_BEGIN$1
+  });
+  function skipIfHasPrecedingDot$1(match, response) {
+    const before = match.input[match.index - 1];
+    if (before === ".") {
+      response.ignoreMatch();
+    }
+  }
+  function scopeClassName$1(mode, _parent) {
+    if (mode.className !== void 0) {
+      mode.scope = mode.className;
+      delete mode.className;
+    }
+  }
+  function beginKeywords$1(mode, parent) {
+    if (!parent)
+      return;
+    if (!mode.beginKeywords)
+      return;
+    mode.begin = "\\b(" + mode.beginKeywords.split(" ").join("|") + ")(?!\\.)(?=\\b|\\s)";
+    mode.__beforeBegin = skipIfHasPrecedingDot$1;
+    mode.keywords = mode.keywords || mode.beginKeywords;
+    delete mode.beginKeywords;
+    if (mode.relevance === void 0)
+      mode.relevance = 0;
+  }
+  function compileIllegal$1(mode, _parent) {
+    if (!Array.isArray(mode.illegal))
+      return;
+    mode.illegal = either$3(...mode.illegal);
+  }
+  function compileMatch$1(mode, _parent) {
+    if (!mode.match)
+      return;
+    if (mode.begin || mode.end)
+      throw new Error("begin & end are not supported with match");
+    mode.begin = mode.match;
+    delete mode.match;
+  }
+  function compileRelevance$1(mode, _parent) {
+    if (mode.relevance === void 0)
+      mode.relevance = 1;
+  }
+  const beforeMatchExt$1 = (mode, parent) => {
+    if (!mode.beforeMatch)
+      return;
+    if (mode.starts)
+      throw new Error("beforeMatch cannot be used with starts");
+    const originalMode = Object.assign({}, mode);
+    Object.keys(mode).forEach((key2) => {
+      delete mode[key2];
+    });
+    mode.keywords = originalMode.keywords;
+    mode.begin = concat$3(originalMode.beforeMatch, lookahead$3(originalMode.begin));
+    mode.starts = {
+      relevance: 0,
+      contains: [
+        Object.assign(originalMode, { endsParent: true })
+      ]
+    };
+    mode.relevance = 0;
+    delete originalMode.beforeMatch;
+  };
+  const COMMON_KEYWORDS$1 = [
+    "of",
+    "and",
+    "for",
+    "in",
+    "not",
+    "or",
+    "if",
+    "then",
+    "parent",
+    "list",
+    "value"
+  ];
+  const DEFAULT_KEYWORD_SCOPE$1 = "keyword";
+  function compileKeywords$1(rawKeywords, caseInsensitive, scopeName = DEFAULT_KEYWORD_SCOPE$1) {
+    const compiledKeywords = /* @__PURE__ */ Object.create(null);
+    if (typeof rawKeywords === "string") {
+      compileList(scopeName, rawKeywords.split(" "));
+    } else if (Array.isArray(rawKeywords)) {
+      compileList(scopeName, rawKeywords);
+    } else {
+      Object.keys(rawKeywords).forEach(function(scopeName2) {
+        Object.assign(
+          compiledKeywords,
+          compileKeywords$1(rawKeywords[scopeName2], caseInsensitive, scopeName2)
+        );
+      });
+    }
+    return compiledKeywords;
+    function compileList(scopeName2, keywordList) {
+      if (caseInsensitive) {
+        keywordList = keywordList.map((x) => x.toLowerCase());
+      }
+      keywordList.forEach(function(keyword) {
+        const pair = keyword.split("|");
+        compiledKeywords[pair[0]] = [scopeName2, scoreForKeyword$1(pair[0], pair[1])];
+      });
+    }
+  }
+  function scoreForKeyword$1(keyword, providedScore) {
+    if (providedScore) {
+      return Number(providedScore);
+    }
+    return commonKeyword$1(keyword) ? 0 : 1;
+  }
+  function commonKeyword$1(keyword) {
+    return COMMON_KEYWORDS$1.includes(keyword.toLowerCase());
+  }
+  const seenDeprecations$1 = {};
+  const error$1 = (message) => {
+    console.error(message);
+  };
+  const warn$1 = (message, ...args) => {
+    console.log(`WARN: ${message}`, ...args);
+  };
+  const deprecated$1 = (version2, message) => {
+    if (seenDeprecations$1[`${version2}/${message}`])
+      return;
+    console.log(`Deprecated as of ${version2}. ${message}`);
+    seenDeprecations$1[`${version2}/${message}`] = true;
+  };
+  const MultiClassError$1 = new Error();
+  function remapScopeNames$1(mode, regexes, { key: key2 }) {
+    let offset2 = 0;
+    const scopeNames = mode[key2];
+    const emit = {};
+    const positions = {};
+    for (let i2 = 1; i2 <= regexes.length; i2++) {
+      positions[i2 + offset2] = scopeNames[i2];
+      emit[i2 + offset2] = true;
+      offset2 += countMatchGroups$1(regexes[i2 - 1]);
+    }
+    mode[key2] = positions;
+    mode[key2]._emit = emit;
+    mode[key2]._multi = true;
+  }
+  function beginMultiClass$1(mode) {
+    if (!Array.isArray(mode.begin))
+      return;
+    if (mode.skip || mode.excludeBegin || mode.returnBegin) {
+      error$1("skip, excludeBegin, returnBegin not compatible with beginScope: {}");
+      throw MultiClassError$1;
+    }
+    if (typeof mode.beginScope !== "object" || mode.beginScope === null) {
+      error$1("beginScope must be object");
+      throw MultiClassError$1;
+    }
+    remapScopeNames$1(mode, mode.begin, { key: "beginScope" });
+    mode.begin = _rewriteBackreferences$1(mode.begin, { joinWith: "" });
+  }
+  function endMultiClass$1(mode) {
+    if (!Array.isArray(mode.end))
+      return;
+    if (mode.skip || mode.excludeEnd || mode.returnEnd) {
+      error$1("skip, excludeEnd, returnEnd not compatible with endScope: {}");
+      throw MultiClassError$1;
+    }
+    if (typeof mode.endScope !== "object" || mode.endScope === null) {
+      error$1("endScope must be object");
+      throw MultiClassError$1;
+    }
+    remapScopeNames$1(mode, mode.end, { key: "endScope" });
+    mode.end = _rewriteBackreferences$1(mode.end, { joinWith: "" });
+  }
+  function scopeSugar$1(mode) {
+    if (mode.scope && typeof mode.scope === "object" && mode.scope !== null) {
+      mode.beginScope = mode.scope;
+      delete mode.scope;
+    }
+  }
+  function MultiClass$1(mode) {
+    scopeSugar$1(mode);
+    if (typeof mode.beginScope === "string") {
+      mode.beginScope = { _wrap: mode.beginScope };
+    }
+    if (typeof mode.endScope === "string") {
+      mode.endScope = { _wrap: mode.endScope };
+    }
+    beginMultiClass$1(mode);
+    endMultiClass$1(mode);
+  }
+  function compileLanguage$1(language) {
+    function langRe(value, global) {
+      return new RegExp(
+        source$3(value),
+        "m" + (language.case_insensitive ? "i" : "") + (language.unicodeRegex ? "u" : "") + (global ? "g" : "")
+      );
+    }
+    class MultiRegex {
+      constructor() {
+        this.matchIndexes = {};
+        this.regexes = [];
+        this.matchAt = 1;
+        this.position = 0;
+      }
+      addRule(re, opts) {
+        opts.position = this.position++;
+        this.matchIndexes[this.matchAt] = opts;
+        this.regexes.push([opts, re]);
+        this.matchAt += countMatchGroups$1(re) + 1;
+      }
+      compile() {
+        if (this.regexes.length === 0) {
+          this.exec = () => null;
+        }
+        const terminators = this.regexes.map((el) => el[1]);
+        this.matcherRe = langRe(_rewriteBackreferences$1(terminators, { joinWith: "|" }), true);
+        this.lastIndex = 0;
+      }
+      exec(s) {
+        this.matcherRe.lastIndex = this.lastIndex;
+        const match = this.matcherRe.exec(s);
+        if (!match) {
+          return null;
+        }
+        const i2 = match.findIndex((el, i3) => i3 > 0 && el !== void 0);
+        const matchData = this.matchIndexes[i2];
+        match.splice(0, i2);
+        return Object.assign(match, matchData);
+      }
+    }
+    class ResumableMultiRegex {
+      constructor() {
+        this.rules = [];
+        this.multiRegexes = [];
+        this.count = 0;
+        this.lastIndex = 0;
+        this.regexIndex = 0;
+      }
+      getMatcher(index2) {
+        if (this.multiRegexes[index2])
+          return this.multiRegexes[index2];
+        const matcher = new MultiRegex();
+        this.rules.slice(index2).forEach(([re, opts]) => matcher.addRule(re, opts));
+        matcher.compile();
+        this.multiRegexes[index2] = matcher;
+        return matcher;
+      }
+      resumingScanAtSamePosition() {
+        return this.regexIndex !== 0;
+      }
+      considerAll() {
+        this.regexIndex = 0;
+      }
+      addRule(re, opts) {
+        this.rules.push([re, opts]);
+        if (opts.type === "begin")
+          this.count++;
+      }
+      exec(s) {
+        const m = this.getMatcher(this.regexIndex);
+        m.lastIndex = this.lastIndex;
+        let result = m.exec(s);
+        if (this.resumingScanAtSamePosition()) {
+          if (result && result.index === this.lastIndex)
+            ;
+          else {
+            const m2 = this.getMatcher(0);
+            m2.lastIndex = this.lastIndex + 1;
+            result = m2.exec(s);
+          }
+        }
+        if (result) {
+          this.regexIndex += result.position + 1;
+          if (this.regexIndex === this.count) {
+            this.considerAll();
+          }
+        }
+        return result;
+      }
+    }
+    function buildModeRegex(mode) {
+      const mm = new ResumableMultiRegex();
+      mode.contains.forEach((term) => mm.addRule(term.begin, { rule: term, type: "begin" }));
+      if (mode.terminatorEnd) {
+        mm.addRule(mode.terminatorEnd, { type: "end" });
+      }
+      if (mode.illegal) {
+        mm.addRule(mode.illegal, { type: "illegal" });
+      }
+      return mm;
+    }
+    function compileMode(mode, parent) {
+      const cmode = mode;
+      if (mode.isCompiled)
+        return cmode;
+      [
+        scopeClassName$1,
+        compileMatch$1,
+        MultiClass$1,
+        beforeMatchExt$1
+      ].forEach((ext) => ext(mode, parent));
+      language.compilerExtensions.forEach((ext) => ext(mode, parent));
+      mode.__beforeBegin = null;
+      [
+        beginKeywords$1,
+        compileIllegal$1,
+        compileRelevance$1
+      ].forEach((ext) => ext(mode, parent));
+      mode.isCompiled = true;
+      let keywordPattern = null;
+      if (typeof mode.keywords === "object" && mode.keywords.$pattern) {
+        mode.keywords = Object.assign({}, mode.keywords);
+        keywordPattern = mode.keywords.$pattern;
+        delete mode.keywords.$pattern;
+      }
+      keywordPattern = keywordPattern || /\w+/;
+      if (mode.keywords) {
+        mode.keywords = compileKeywords$1(mode.keywords, language.case_insensitive);
+      }
+      cmode.keywordPatternRe = langRe(keywordPattern, true);
+      if (parent) {
+        if (!mode.begin)
+          mode.begin = /\B|\b/;
+        cmode.beginRe = langRe(cmode.begin);
+        if (!mode.end && !mode.endsWithParent)
+          mode.end = /\B|\b/;
+        if (mode.end)
+          cmode.endRe = langRe(cmode.end);
+        cmode.terminatorEnd = source$3(cmode.end) || "";
+        if (mode.endsWithParent && parent.terminatorEnd) {
+          cmode.terminatorEnd += (mode.end ? "|" : "") + parent.terminatorEnd;
+        }
+      }
+      if (mode.illegal)
+        cmode.illegalRe = langRe(mode.illegal);
+      if (!mode.contains)
+        mode.contains = [];
+      mode.contains = [].concat(...mode.contains.map(function(c2) {
+        return expandOrCloneMode$1(c2 === "self" ? mode : c2);
+      }));
+      mode.contains.forEach(function(c2) {
+        compileMode(c2, cmode);
+      });
+      if (mode.starts) {
+        compileMode(mode.starts, parent);
+      }
+      cmode.matcher = buildModeRegex(cmode);
+      return cmode;
+    }
+    if (!language.compilerExtensions)
+      language.compilerExtensions = [];
+    if (language.contains && language.contains.includes("self")) {
+      throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");
+    }
+    language.classNameAliases = inherit$1$1(language.classNameAliases || {});
+    return compileMode(language);
+  }
+  function dependencyOnParent$1(mode) {
+    if (!mode)
+      return false;
+    return mode.endsWithParent || dependencyOnParent$1(mode.starts);
+  }
+  function expandOrCloneMode$1(mode) {
+    if (mode.variants && !mode.cachedVariants) {
+      mode.cachedVariants = mode.variants.map(function(variant) {
+        return inherit$1$1(mode, { variants: null }, variant);
+      });
+    }
+    if (mode.cachedVariants) {
+      return mode.cachedVariants;
+    }
+    if (dependencyOnParent$1(mode)) {
+      return inherit$1$1(mode, { starts: mode.starts ? inherit$1$1(mode.starts) : null });
+    }
+    if (Object.isFrozen(mode)) {
+      return inherit$1$1(mode);
+    }
+    return mode;
+  }
+  var version$1 = "11.6.0";
+  class HTMLInjectionError$1 extends Error {
+    constructor(reason, html) {
+      super(reason);
+      this.name = "HTMLInjectionError";
+      this.html = html;
+    }
+  }
+  const escape$3 = escapeHTML$1;
+  const inherit$2 = inherit$1$1;
+  const NO_MATCH$1 = Symbol("nomatch");
+  const MAX_KEYWORD_HITS$1 = 7;
+  const HLJS$1 = function(hljs) {
+    const languages = /* @__PURE__ */ Object.create(null);
+    const aliases = /* @__PURE__ */ Object.create(null);
+    const plugins = [];
+    let SAFE_MODE = true;
+    const LANGUAGE_NOT_FOUND = "Could not find the language '{}', did you forget to load/include a language module?";
+    const PLAINTEXT_LANGUAGE = { disableAutodetect: true, name: "Plain text", contains: [] };
+    let options = {
+      ignoreUnescapedHTML: false,
+      throwUnescapedHTML: false,
+      noHighlightRe: /^(no-?highlight)$/i,
+      languageDetectRe: /\blang(?:uage)?-([\w-]+)\b/i,
+      classPrefix: "hljs-",
+      cssSelector: "pre code",
+      languages: null,
+      __emitter: TokenTreeEmitter$1
+    };
+    function shouldNotHighlight(languageName) {
+      return options.noHighlightRe.test(languageName);
+    }
+    function blockLanguage(block) {
+      let classes = block.className + " ";
+      classes += block.parentNode ? block.parentNode.className : "";
+      const match = options.languageDetectRe.exec(classes);
+      if (match) {
+        const language = getLanguage(match[1]);
+        if (!language) {
+          warn$1(LANGUAGE_NOT_FOUND.replace("{}", match[1]));
+          warn$1("Falling back to no-highlight mode for this block.", block);
+        }
+        return language ? match[1] : "no-highlight";
+      }
+      return classes.split(/\s+/).find((_class) => shouldNotHighlight(_class) || getLanguage(_class));
+    }
+    function highlight2(codeOrLanguageName, optionsOrCode, ignoreIllegals) {
+      let code2 = "";
+      let languageName = "";
+      if (typeof optionsOrCode === "object") {
+        code2 = codeOrLanguageName;
+        ignoreIllegals = optionsOrCode.ignoreIllegals;
+        languageName = optionsOrCode.language;
+      } else {
+        deprecated$1("10.7.0", "highlight(lang, code, ...args) has been deprecated.");
+        deprecated$1("10.7.0", "Please use highlight(code, options) instead.\nhttps://github.com/highlightjs/highlight.js/issues/2277");
+        languageName = codeOrLanguageName;
+        code2 = optionsOrCode;
+      }
+      if (ignoreIllegals === void 0) {
+        ignoreIllegals = true;
+      }
+      const context = {
+        code: code2,
+        language: languageName
+      };
+      fire("before:highlight", context);
+      const result = context.result ? context.result : _highlight(context.language, context.code, ignoreIllegals);
+      result.code = context.code;
+      fire("after:highlight", result);
+      return result;
+    }
+    function _highlight(languageName, codeToHighlight, ignoreIllegals, continuation) {
+      const keywordHits = /* @__PURE__ */ Object.create(null);
+      function keywordData(mode, matchText) {
+        return mode.keywords[matchText];
+      }
+      function processKeywords() {
+        if (!top2.keywords) {
+          emitter.addText(modeBuffer);
+          return;
+        }
+        let lastIndex = 0;
+        top2.keywordPatternRe.lastIndex = 0;
+        let match = top2.keywordPatternRe.exec(modeBuffer);
+        let buf = "";
+        while (match) {
+          buf += modeBuffer.substring(lastIndex, match.index);
+          const word = language.case_insensitive ? match[0].toLowerCase() : match[0];
+          const data = keywordData(top2, word);
+          if (data) {
+            const [kind, keywordRelevance] = data;
+            emitter.addText(buf);
+            buf = "";
+            keywordHits[word] = (keywordHits[word] || 0) + 1;
+            if (keywordHits[word] <= MAX_KEYWORD_HITS$1)
+              relevance += keywordRelevance;
+            if (kind.startsWith("_")) {
+              buf += match[0];
+            } else {
+              const cssClass = language.classNameAliases[kind] || kind;
+              emitter.addKeyword(match[0], cssClass);
+            }
+          } else {
+            buf += match[0];
+          }
+          lastIndex = top2.keywordPatternRe.lastIndex;
+          match = top2.keywordPatternRe.exec(modeBuffer);
+        }
+        buf += modeBuffer.substring(lastIndex);
+        emitter.addText(buf);
+      }
+      function processSubLanguage() {
+        if (modeBuffer === "")
+          return;
+        let result2 = null;
+        if (typeof top2.subLanguage === "string") {
+          if (!languages[top2.subLanguage]) {
+            emitter.addText(modeBuffer);
+            return;
+          }
+          result2 = _highlight(top2.subLanguage, modeBuffer, true, continuations[top2.subLanguage]);
+          continuations[top2.subLanguage] = result2._top;
+        } else {
+          result2 = highlightAuto2(modeBuffer, top2.subLanguage.length ? top2.subLanguage : null);
+        }
+        if (top2.relevance > 0) {
+          relevance += result2.relevance;
+        }
+        emitter.addSublanguage(result2._emitter, result2.language);
+      }
+      function processBuffer() {
+        if (top2.subLanguage != null) {
+          processSubLanguage();
+        } else {
+          processKeywords();
+        }
+        modeBuffer = "";
+      }
+      function emitMultiClass(scope, match) {
+        let i2 = 1;
+        const max2 = match.length - 1;
+        while (i2 <= max2) {
+          if (!scope._emit[i2]) {
+            i2++;
+            continue;
+          }
+          const klass = language.classNameAliases[scope[i2]] || scope[i2];
+          const text2 = match[i2];
+          if (klass) {
+            emitter.addKeyword(text2, klass);
+          } else {
+            modeBuffer = text2;
+            processKeywords();
+            modeBuffer = "";
+          }
+          i2++;
+        }
+      }
+      function startNewMode(mode, match) {
+        if (mode.scope && typeof mode.scope === "string") {
+          emitter.openNode(language.classNameAliases[mode.scope] || mode.scope);
+        }
+        if (mode.beginScope) {
+          if (mode.beginScope._wrap) {
+            emitter.addKeyword(modeBuffer, language.classNameAliases[mode.beginScope._wrap] || mode.beginScope._wrap);
+            modeBuffer = "";
+          } else if (mode.beginScope._multi) {
+            emitMultiClass(mode.beginScope, match);
+            modeBuffer = "";
+          }
+        }
+        top2 = Object.create(mode, { parent: { value: top2 } });
+        return top2;
+      }
+      function endOfMode(mode, match, matchPlusRemainder) {
+        let matched = startsWith$1(mode.endRe, matchPlusRemainder);
+        if (matched) {
+          if (mode["on:end"]) {
+            const resp = new Response$1(mode);
+            mode["on:end"](match, resp);
+            if (resp.isMatchIgnored)
+              matched = false;
+          }
+          if (matched) {
+            while (mode.endsParent && mode.parent) {
+              mode = mode.parent;
+            }
+            return mode;
+          }
+        }
+        if (mode.endsWithParent) {
+          return endOfMode(mode.parent, match, matchPlusRemainder);
+        }
+      }
+      function doIgnore(lexeme) {
+        if (top2.matcher.regexIndex === 0) {
+          modeBuffer += lexeme[0];
+          return 1;
+        } else {
+          resumeScanAtSamePosition = true;
+          return 0;
         }
-      };
-    },
-    addKeyboardShortcuts() {
-      return {
-        "Mod-Alt-c": () => this.editor.commands.toggleCodeBlock(),
-        Backspace: () => {
-          const { empty: empty2, $anchor } = this.editor.state.selection;
-          const isAtStart = $anchor.pos === 1;
-          if (!empty2 || $anchor.parent.type.name !== this.name) {
-            return false;
+      }
+      function doBeginMatch(match) {
+        const lexeme = match[0];
+        const newMode = match.rule;
+        const resp = new Response$1(newMode);
+        const beforeCallbacks = [newMode.__beforeBegin, newMode["on:begin"]];
+        for (const cb of beforeCallbacks) {
+          if (!cb)
+            continue;
+          cb(match, resp);
+          if (resp.isMatchIgnored)
+            return doIgnore(lexeme);
+        }
+        if (newMode.skip) {
+          modeBuffer += lexeme;
+        } else {
+          if (newMode.excludeBegin) {
+            modeBuffer += lexeme;
           }
-          if (isAtStart || !$anchor.parent.textContent.length) {
-            return this.editor.commands.clearNodes();
+          processBuffer();
+          if (!newMode.returnBegin && !newMode.excludeBegin) {
+            modeBuffer = lexeme;
           }
-          return false;
-        },
-        Enter: ({ editor }) => {
-          if (!this.options.exitOnTripleEnter) {
-            return false;
+        }
+        startNewMode(newMode, match);
+        return newMode.returnBegin ? 0 : lexeme.length;
+      }
+      function doEndMatch(match) {
+        const lexeme = match[0];
+        const matchPlusRemainder = codeToHighlight.substring(match.index);
+        const endMode = endOfMode(top2, match, matchPlusRemainder);
+        if (!endMode) {
+          return NO_MATCH$1;
+        }
+        const origin = top2;
+        if (top2.endScope && top2.endScope._wrap) {
+          processBuffer();
+          emitter.addKeyword(lexeme, top2.endScope._wrap);
+        } else if (top2.endScope && top2.endScope._multi) {
+          processBuffer();
+          emitMultiClass(top2.endScope, match);
+        } else if (origin.skip) {
+          modeBuffer += lexeme;
+        } else {
+          if (!(origin.returnEnd || origin.excludeEnd)) {
+            modeBuffer += lexeme;
           }
-          const { state } = editor;
-          const { selection } = state;
-          const { $from, empty: empty2 } = selection;
-          if (!empty2 || $from.parent.type !== this.type) {
-            return false;
+          processBuffer();
+          if (origin.excludeEnd) {
+            modeBuffer = lexeme;
           }
-          const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
-          const endsWithDoubleNewline = $from.parent.textContent.endsWith("\n\n");
-          if (!isAtEnd || !endsWithDoubleNewline) {
-            return false;
+        }
+        do {
+          if (top2.scope) {
+            emitter.closeNode();
           }
-          return editor.chain().command(({ tr }) => {
-            tr.delete($from.pos - 2, $from.pos);
-            return true;
-          }).exitCode().run();
-        },
-        ArrowDown: ({ editor }) => {
-          if (!this.options.exitOnArrowDown) {
-            return false;
+          if (!top2.skip && !top2.subLanguage) {
+            relevance += top2.relevance;
           }
-          const { state } = editor;
-          const { selection, doc: doc2 } = state;
-          const { $from, empty: empty2 } = selection;
-          if (!empty2 || $from.parent.type !== this.type) {
-            return false;
+          top2 = top2.parent;
+        } while (top2 !== endMode.parent);
+        if (endMode.starts) {
+          startNewMode(endMode.starts, match);
+        }
+        return origin.returnEnd ? 0 : lexeme.length;
+      }
+      function processContinuations() {
+        const list = [];
+        for (let current = top2; current !== language; current = current.parent) {
+          if (current.scope) {
+            list.unshift(current.scope);
           }
-          const isAtEnd = $from.parentOffset === $from.parent.nodeSize - 2;
-          if (!isAtEnd) {
-            return false;
+        }
+        list.forEach((item) => emitter.openNode(item));
+      }
+      let lastMatch = {};
+      function processLexeme(textBeforeMatch, match) {
+        const lexeme = match && match[0];
+        modeBuffer += textBeforeMatch;
+        if (lexeme == null) {
+          processBuffer();
+          return 0;
+        }
+        if (lastMatch.type === "begin" && match.type === "end" && lastMatch.index === match.index && lexeme === "") {
+          modeBuffer += codeToHighlight.slice(match.index, match.index + 1);
+          if (!SAFE_MODE) {
+            const err = new Error(`0 width match regex (${languageName})`);
+            err.languageName = languageName;
+            err.badRule = lastMatch.rule;
+            throw err;
           }
-          const after = $from.after();
-          if (after === void 0) {
-            return false;
+          return 1;
+        }
+        lastMatch = match;
+        if (match.type === "begin") {
+          return doBeginMatch(match);
+        } else if (match.type === "illegal" && !ignoreIllegals) {
+          const err = new Error('Illegal lexeme "' + lexeme + '" for mode "' + (top2.scope || "<unnamed>") + '"');
+          err.mode = top2;
+          throw err;
+        } else if (match.type === "end") {
+          const processed = doEndMatch(match);
+          if (processed !== NO_MATCH$1) {
+            return processed;
           }
-          const nodeAfter = doc2.nodeAt(after);
-          if (nodeAfter) {
-            return false;
+        }
+        if (match.type === "illegal" && lexeme === "") {
+          return 1;
+        }
+        if (iterations > 1e5 && iterations > match.index * 3) {
+          const err = new Error("potential infinite loop, way more iterations than matches");
+          throw err;
+        }
+        modeBuffer += lexeme;
+        return lexeme.length;
+      }
+      const language = getLanguage(languageName);
+      if (!language) {
+        error$1(LANGUAGE_NOT_FOUND.replace("{}", languageName));
+        throw new Error('Unknown language: "' + languageName + '"');
+      }
+      const md = compileLanguage$1(language);
+      let result = "";
+      let top2 = continuation || md;
+      const continuations = {};
+      const emitter = new options.__emitter(options);
+      processContinuations();
+      let modeBuffer = "";
+      let relevance = 0;
+      let index2 = 0;
+      let iterations = 0;
+      let resumeScanAtSamePosition = false;
+      try {
+        top2.matcher.considerAll();
+        for (; ; ) {
+          iterations++;
+          if (resumeScanAtSamePosition) {
+            resumeScanAtSamePosition = false;
+          } else {
+            top2.matcher.considerAll();
           }
-          return editor.commands.exitCode();
+          top2.matcher.lastIndex = index2;
+          const match = top2.matcher.exec(codeToHighlight);
+          if (!match)
+            break;
+          const beforeMatch = codeToHighlight.substring(index2, match.index);
+          const processedCount = processLexeme(beforeMatch, match);
+          index2 = match.index + processedCount;
+        }
+        processLexeme(codeToHighlight.substring(index2));
+        emitter.closeAllNodes();
+        emitter.finalize();
+        result = emitter.toHTML();
+        return {
+          language: languageName,
+          value: result,
+          relevance,
+          illegal: false,
+          _emitter: emitter,
+          _top: top2
+        };
+      } catch (err) {
+        if (err.message && err.message.includes("Illegal")) {
+          return {
+            language: languageName,
+            value: escape$3(codeToHighlight),
+            illegal: true,
+            relevance: 0,
+            _illegalBy: {
+              message: err.message,
+              index: index2,
+              context: codeToHighlight.slice(index2 - 100, index2 + 100),
+              mode: err.mode,
+              resultSoFar: result
+            },
+            _emitter: emitter
+          };
+        } else if (SAFE_MODE) {
+          return {
+            language: languageName,
+            value: escape$3(codeToHighlight),
+            illegal: false,
+            relevance: 0,
+            errorRaised: err,
+            _emitter: emitter,
+            _top: top2
+          };
+        } else {
+          throw err;
         }
+      }
+    }
+    function justTextHighlightResult(code2) {
+      const result = {
+        value: escape$3(code2),
+        illegal: false,
+        relevance: 0,
+        _top: PLAINTEXT_LANGUAGE,
+        _emitter: new options.__emitter(options)
       };
-    },
-    addInputRules() {
-      return [
-        textblockTypeInputRule({
-          find: backtickInputRegex,
-          type: this.type,
-          getAttributes: (match) => ({
-            language: match[1]
-          })
-        }),
-        textblockTypeInputRule({
-          find: tildeInputRegex,
-          type: this.type,
-          getAttributes: (match) => ({
-            language: match[1]
-          })
-        })
-      ];
-    },
-    addProseMirrorPlugins() {
-      return [
-        new Plugin({
-          key: new PluginKey("codeBlockVSCodeHandler"),
-          props: {
-            handlePaste: (view, event) => {
-              if (!event.clipboardData) {
-                return false;
-              }
-              if (this.editor.isActive(this.type.name)) {
-                return false;
-              }
-              const text2 = event.clipboardData.getData("text/plain");
-              const vscode = event.clipboardData.getData("vscode-editor-data");
-              const vscodeData = vscode ? JSON.parse(vscode) : void 0;
-              const language = vscodeData === null || vscodeData === void 0 ? void 0 : vscodeData.mode;
-              if (!text2 || !language) {
-                return false;
-              }
-              const { tr } = view.state;
-              tr.replaceSelectionWith(this.type.create({ language }));
-              tr.setSelection(TextSelection.near(tr.doc.resolve(Math.max(0, tr.selection.from - 2))));
-              tr.insertText(text2.replace(/\r\n?/g, "\n"));
-              tr.setMeta("paste", true);
-              view.dispatch(tr);
-              return true;
-            }
+      result._emitter.addText(code2);
+      return result;
+    }
+    function highlightAuto2(code2, languageSubset) {
+      languageSubset = languageSubset || options.languages || Object.keys(languages);
+      const plaintext2 = justTextHighlightResult(code2);
+      const results = languageSubset.filter(getLanguage).filter(autoDetection).map(
+        (name) => _highlight(name, code2, false)
+      );
+      results.unshift(plaintext2);
+      const sorted = results.sort((a, b) => {
+        if (a.relevance !== b.relevance)
+          return b.relevance - a.relevance;
+        if (a.language && b.language) {
+          if (getLanguage(a.language).supersetOf === b.language) {
+            return 1;
+          } else if (getLanguage(b.language).supersetOf === a.language) {
+            return -1;
           }
-        })
-      ];
+        }
+        return 0;
+      });
+      const [best, secondBest] = sorted;
+      const result = best;
+      result.secondBest = secondBest;
+      return result;
     }
-  });
+    function updateClassName(element, currentLang, resultLang) {
+      const language = currentLang && aliases[currentLang] || resultLang;
+      element.classList.add("hljs");
+      element.classList.add(`language-${language}`);
+    }
+    function highlightElement(element) {
+      let node = null;
+      const language = blockLanguage(element);
+      if (shouldNotHighlight(language))
+        return;
+      fire(
+        "before:highlightElement",
+        { el: element, language }
+      );
+      if (element.children.length > 0) {
+        if (!options.ignoreUnescapedHTML) {
+          console.warn("One of your code blocks includes unescaped HTML. This is a potentially serious security risk.");
+          console.warn("https://github.com/highlightjs/highlight.js/wiki/security");
+          console.warn("The element with unescaped HTML:");
+          console.warn(element);
+        }
+        if (options.throwUnescapedHTML) {
+          const err = new HTMLInjectionError$1(
+            "One of your code blocks includes unescaped HTML.",
+            element.innerHTML
+          );
+          throw err;
+        }
+      }
+      node = element;
+      const text2 = node.textContent;
+      const result = language ? highlight2(text2, { language, ignoreIllegals: true }) : highlightAuto2(text2);
+      element.innerHTML = result.value;
+      updateClassName(element, language, result.language);
+      element.result = {
+        language: result.language,
+        re: result.relevance,
+        relevance: result.relevance
+      };
+      if (result.secondBest) {
+        element.secondBest = {
+          language: result.secondBest.language,
+          relevance: result.secondBest.relevance
+        };
+      }
+      fire("after:highlightElement", { el: element, result, text: text2 });
+    }
+    function configure(userOptions) {
+      options = inherit$2(options, userOptions);
+    }
+    const initHighlighting = () => {
+      highlightAll();
+      deprecated$1("10.6.0", "initHighlighting() deprecated.  Use highlightAll() now.");
+    };
+    function initHighlightingOnLoad() {
+      highlightAll();
+      deprecated$1("10.6.0", "initHighlightingOnLoad() deprecated.  Use highlightAll() now.");
+    }
+    let wantsHighlight = false;
+    function highlightAll() {
+      if (document.readyState === "loading") {
+        wantsHighlight = true;
+        return;
+      }
+      const blocks = document.querySelectorAll(options.cssSelector);
+      blocks.forEach(highlightElement);
+    }
+    function boot() {
+      if (wantsHighlight)
+        highlightAll();
+    }
+    if (typeof window !== "undefined" && window.addEventListener) {
+      window.addEventListener("DOMContentLoaded", boot, false);
+    }
+    function registerLanguage2(languageName, languageDefinition) {
+      let lang = null;
+      try {
+        lang = languageDefinition(hljs);
+      } catch (error$1$1) {
+        error$1("Language definition for '{}' could not be registered.".replace("{}", languageName));
+        if (!SAFE_MODE) {
+          throw error$1$1;
+        } else {
+          error$1(error$1$1);
+        }
+        lang = PLAINTEXT_LANGUAGE;
+      }
+      if (!lang.name)
+        lang.name = languageName;
+      languages[languageName] = lang;
+      lang.rawDefinition = languageDefinition.bind(null, hljs);
+      if (lang.aliases) {
+        registerAliases(lang.aliases, { languageName });
+      }
+    }
+    function unregisterLanguage(languageName) {
+      delete languages[languageName];
+      for (const alias of Object.keys(aliases)) {
+        if (aliases[alias] === languageName) {
+          delete aliases[alias];
+        }
+      }
+    }
+    function listLanguages2() {
+      return Object.keys(languages);
+    }
+    function getLanguage(name) {
+      name = (name || "").toLowerCase();
+      return languages[name] || languages[aliases[name]];
+    }
+    function registerAliases(aliasList, { languageName }) {
+      if (typeof aliasList === "string") {
+        aliasList = [aliasList];
+      }
+      aliasList.forEach((alias) => {
+        aliases[alias.toLowerCase()] = languageName;
+      });
+    }
+    function autoDetection(name) {
+      const lang = getLanguage(name);
+      return lang && !lang.disableAutodetect;
+    }
+    function upgradePluginAPI(plugin2) {
+      if (plugin2["before:highlightBlock"] && !plugin2["before:highlightElement"]) {
+        plugin2["before:highlightElement"] = (data) => {
+          plugin2["before:highlightBlock"](
+            Object.assign({ block: data.el }, data)
+          );
+        };
+      }
+      if (plugin2["after:highlightBlock"] && !plugin2["after:highlightElement"]) {
+        plugin2["after:highlightElement"] = (data) => {
+          plugin2["after:highlightBlock"](
+            Object.assign({ block: data.el }, data)
+          );
+        };
+      }
+    }
+    function addPlugin(plugin2) {
+      upgradePluginAPI(plugin2);
+      plugins.push(plugin2);
+    }
+    function fire(event, args) {
+      const cb = event;
+      plugins.forEach(function(plugin2) {
+        if (plugin2[cb]) {
+          plugin2[cb](args);
+        }
+      });
+    }
+    function deprecateHighlightBlock(el) {
+      deprecated$1("10.7.0", "highlightBlock will be removed entirely in v12.0");
+      deprecated$1("10.7.0", "Please use highlightElement now.");
+      return highlightElement(el);
+    }
+    Object.assign(hljs, {
+      highlight: highlight2,
+      highlightAuto: highlightAuto2,
+      highlightAll,
+      highlightElement,
+      highlightBlock: deprecateHighlightBlock,
+      configure,
+      initHighlighting,
+      initHighlightingOnLoad,
+      registerLanguage: registerLanguage2,
+      unregisterLanguage,
+      listLanguages: listLanguages2,
+      getLanguage,
+      registerAliases,
+      autoDetection,
+      inherit: inherit$2,
+      addPlugin
+    });
+    hljs.debugMode = function() {
+      SAFE_MODE = false;
+    };
+    hljs.safeMode = function() {
+      SAFE_MODE = true;
+    };
+    hljs.versionString = version$1;
+    hljs.regex = {
+      concat: concat$3,
+      lookahead: lookahead$3,
+      either: either$3,
+      optional: optional$1,
+      anyNumberOfTimes: anyNumberOfTimes$1
+    };
+    for (const key2 in MODES$5) {
+      if (typeof MODES$5[key2] === "object") {
+        deepFreezeEs6$1.exports(MODES$5[key2]);
+      }
+    }
+    Object.assign(hljs, MODES$5);
+    return hljs;
+  };
+  var highlight$2 = HLJS$1({});
+  var core$1 = highlight$2;
+  highlight$2.HighlightJS = highlight$2;
+  highlight$2.default = highlight$2;
+  var HighlightJS$1 = core$1;
   function parseNodes(nodes, className = []) {
     return nodes.map((node) => {
       const classes = [
@@ -27241,13 +28672,16 @@ img.ProseMirror-separator {
   function getHighlightNodes(result) {
     return result.value || result.children || [];
   }
+  function registered$1(aliasOrLanguage) {
+    return Boolean(HighlightJS$1.getLanguage(aliasOrLanguage));
+  }
   function getDecorations({ doc: doc2, name, lowlight: lowlight2, defaultLanguage }) {
     const decorations = [];
     findChildren(doc2, (node) => node.type.name === name).forEach((block) => {
       let from = block.pos + 1;
       const language = block.node.attrs.language || defaultLanguage;
       const languages = lowlight2.listLanguages();
-      const nodes = language && languages.includes(language) ? getHighlightNodes(lowlight2.highlight(language, block.node.textContent)) : getHighlightNodes(lowlight2.highlightAuto(block.node.textContent));
+      const nodes = language && (languages.includes(language) || registered$1(language)) ? getHighlightNodes(lowlight2.highlight(language, block.node.textContent)) : getHighlightNodes(lowlight2.highlightAuto(block.node.textContent));
       parseNodes(nodes).forEach((node) => {
         const to = from + node.text.length;
         if (node.classes.length) {
@@ -40201,12 +41635,12 @@ img.ProseMirror-separator {
       let lang = null;
       try {
         lang = languageDefinition(hljs);
-      } catch (error$1) {
+      } catch (error$12) {
         error("Language definition for '{}' could not be registered.".replace("{}", languageName));
         if (!SAFE_MODE) {
-          throw error$1;
+          throw error$12;
         } else {
-          error(error$1);
+          error(error$12);
         }
         lang = PLAINTEXT_LANGUAGE;
       }
@@ -73692,7 +75126,9 @@ img.ProseMirror-separator {
               ])
             ]),
             vue.createElementVNode("pre", null, [
-              vue.createVNode(vue.unref(NodeViewContent), { as: "code" })
+              vue.createElementVNode("code", null, [
+                vue.createVNode(vue.unref(NodeViewContent))
+              ])
             ])
           ]),
           _: 1
@@ -74248,6 +75684,32 @@ img.ProseMirror-separator {
     shortbaraboveleftharpoon: "M7,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17c2,0.7,5,1,9,\n1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21c-32,-87.3,-82.7,-157.7,\n-152,-211c0,0,-3,-3,-3,-3l399907,0l0,-40c-399126,0,-399993,0,-399993,0z\nM93 435 v40 H400000 v-40z M500 241 v40 H400000 v-40z M500 241 v40 H400000 v-40z",
     shortrightharpoonabovebar: "M53,241l0,40c398570,0,399437,0,399437,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM500 241 v40 H399408 v-40z M500 435 v40 H400000 v-40z"
   };
+  var tallDelim = function tallDelim2(label, midHeight) {
+    switch (label) {
+      case "lbrack":
+        return "M403 1759 V84 H666 V0 H319 V1759 v" + midHeight + " v1759 h347 v-84\nH403z M403 1759 V0 H319 V1759 v" + midHeight + " v1759 h84z";
+      case "rbrack":
+        return "M347 1759 V0 H0 V84 H263 V1759 v" + midHeight + " v1759 H0 v84 H347z\nM347 1759 V0 H263 V1759 v" + midHeight + " v1759 h84z";
+      case "vert":
+        return "M145 15 v585 v" + midHeight + " v585 c2.667,10,9.667,15,21,15\nc10,0,16.667,-5,20,-15 v-585 v" + -midHeight + " v-585 c-2.667,-10,-9.667,-15,-21,-15\nc-10,0,-16.667,5,-20,15z M188 15 H145 v585 v" + midHeight + " v585 h43z";
+      case "doublevert":
+        return "M145 15 v585 v" + midHeight + " v585 c2.667,10,9.667,15,21,15\nc10,0,16.667,-5,20,-15 v-585 v" + -midHeight + " v-585 c-2.667,-10,-9.667,-15,-21,-15\nc-10,0,-16.667,5,-20,15z M188 15 H145 v585 v" + midHeight + " v585 h43z\nM367 15 v585 v" + midHeight + " v585 c2.667,10,9.667,15,21,15\nc10,0,16.667,-5,20,-15 v-585 v" + -midHeight + " v-585 c-2.667,-10,-9.667,-15,-21,-15\nc-10,0,-16.667,5,-20,15z M410 15 H367 v585 v" + midHeight + " v585 h43z";
+      case "lfloor":
+        return "M319 602 V0 H403 V602 v" + midHeight + " v1715 h263 v84 H319z\nMM319 602 V0 H403 V602 v" + midHeight + " v1715 H319z";
+      case "rfloor":
+        return "M319 602 V0 H403 V602 v" + midHeight + " v1799 H0 v-84 H319z\nMM319 602 V0 H403 V602 v" + midHeight + " v1715 H319z";
+      case "lceil":
+        return "M403 1759 V84 H666 V0 H319 V1759 v" + midHeight + " v602 h84z\nM403 1759 V0 H319 V1759 v" + midHeight + " v602 h84z";
+      case "rceil":
+        return "M347 1759 V0 H0 V84 H263 V1759 v" + midHeight + " v602 h84z\nM347 1759 V0 h-84 V1759 v" + midHeight + " v602 h84z";
+      case "lparen":
+        return "M863,9c0,-2,-2,-5,-6,-9c0,0,-17,0,-17,0c-12.7,0,-19.3,0.3,-20,1\nc-5.3,5.3,-10.3,11,-15,17c-242.7,294.7,-395.3,682,-458,1162c-21.3,163.3,-33.3,349,\n-36,557 l0," + (midHeight + 84) + "c0.2,6,0,26,0,60c2,159.3,10,310.7,24,454c53.3,528,210,\n949.7,470,1265c4.7,6,9.7,11.7,15,17c0.7,0.7,7,1,19,1c0,0,18,0,18,0c4,-4,6,-7,6,-9\nc0,-2.7,-3.3,-8.7,-10,-18c-135.3,-192.7,-235.5,-414.3,-300.5,-665c-65,-250.7,-102.5,\n-544.7,-112.5,-882c-2,-104,-3,-167,-3,-189\nl0,-" + (midHeight + 92) + "c0,-162.7,5.7,-314,17,-454c20.7,-272,63.7,-513,129,-723c65.3,\n-210,155.3,-396.3,270,-559c6.7,-9.3,10,-15.3,10,-18z";
+      case "rparen":
+        return "M76,0c-16.7,0,-25,3,-25,9c0,2,2,6.3,6,13c21.3,28.7,42.3,60.3,\n63,95c96.7,156.7,172.8,332.5,228.5,527.5c55.7,195,92.8,416.5,111.5,664.5\nc11.3,139.3,17,290.7,17,454c0,28,1.7,43,3.3,45l0," + (midHeight + 9) + "\nc-3,4,-3.3,16.7,-3.3,38c0,162,-5.7,313.7,-17,455c-18.7,248,-55.8,469.3,-111.5,664\nc-55.7,194.7,-131.8,370.3,-228.5,527c-20.7,34.7,-41.7,66.3,-63,95c-2,3.3,-4,7,-6,11\nc0,7.3,5.7,11,17,11c0,0,11,0,11,0c9.3,0,14.3,-0.3,15,-1c5.3,-5.3,10.3,-11,15,-17\nc242.7,-294.7,395.3,-681.7,458,-1161c21.3,-164.7,33.3,-350.7,36,-558\nl0,-" + (midHeight + 144) + "c-2,-159.3,-10,-310.7,-24,-454c-53.3,-528,-210,-949.7,\n-470,-1265c-4.7,-6,-9.7,-11.7,-15,-17c-0.7,-0.7,-6.7,-1,-18,-1z";
+      default:
+        throw new Error("Unknown stretchy delimiter.");
+    }
+  };
   class DocumentFragment {
     constructor(children) {
       this.children = void 0;
@@ -77997,7 +79459,7 @@ img.ProseMirror-separator {
       }
       if (lookupSymbol(text2, fontName, mode).metrics) {
         return makeSymbol(text2, fontName, mode, options, classes.concat(fontClasses));
-      } else if (ligatures.hasOwnProperty(text2) && fontName.substr(0, 10) === "Typewriter") {
+      } else if (ligatures.hasOwnProperty(text2) && fontName.slice(0, 10) === "Typewriter") {
         var parts = [];
         for (var i2 = 0; i2 < text2.length; i2++) {
           parts.push(makeSymbol(text2[i2], fontName, mode, options, classes.concat(fontClasses)));
@@ -78843,7 +80305,7 @@ img.ProseMirror-separator {
     newDocumentFragment
   };
   var makeText = function makeText2(text2, mode, options) {
-    if (symbols[mode][text2] && symbols[mode][text2].replace && text2.charCodeAt(0) !== 55349 && !(ligatures.hasOwnProperty(text2) && options && (options.fontFamily && options.fontFamily.substr(4, 2) === "tt" || options.font && options.font.substr(4, 2) === "tt"))) {
+    if (symbols[mode][text2] && symbols[mode][text2].replace && text2.charCodeAt(0) !== 55349 && !(ligatures.hasOwnProperty(text2) && options && (options.fontFamily && options.fontFamily.slice(4, 6) === "tt" || options.font && options.font.slice(4, 6) === "tt"))) {
       text2 = symbols[mode][text2].replace;
     }
     return new mathMLTree.TextNode(text2);
@@ -79127,7 +80589,7 @@ img.ProseMirror-separator {
   var svgSpan = function svgSpan2(group, options) {
     function buildSvgSpan_() {
       var viewBoxWidth = 4e5;
-      var label = group.label.substr(1);
+      var label = group.label.slice(1);
       if (utils.contains(["widehat", "widecheck", "widetilde", "utilde"], label)) {
         var grp = group;
         var numChars = groupLength(grp.base);
@@ -79627,6 +81089,175 @@ img.ProseMirror-separator {
       return node;
     }
   });
+  var makeSpan = buildCommon.makeSpan;
+  function htmlBuilder$9(group, options) {
+    var elements = buildExpression$1(group.body, options, true);
+    return makeSpan([group.mclass], elements, options);
+  }
+  function mathmlBuilder$8(group, options) {
+    var node;
+    var inner2 = buildExpression(group.body, options);
+    if (group.mclass === "minner") {
+      node = new mathMLTree.MathNode("mpadded", inner2);
+    } else if (group.mclass === "mord") {
+      if (group.isCharacterBox) {
+        node = inner2[0];
+        node.type = "mi";
+      } else {
+        node = new mathMLTree.MathNode("mi", inner2);
+      }
+    } else {
+      if (group.isCharacterBox) {
+        node = inner2[0];
+        node.type = "mo";
+      } else {
+        node = new mathMLTree.MathNode("mo", inner2);
+      }
+      if (group.mclass === "mbin") {
+        node.attributes.lspace = "0.22em";
+        node.attributes.rspace = "0.22em";
+      } else if (group.mclass === "mpunct") {
+        node.attributes.lspace = "0em";
+        node.attributes.rspace = "0.17em";
+      } else if (group.mclass === "mopen" || group.mclass === "mclose") {
+        node.attributes.lspace = "0em";
+        node.attributes.rspace = "0em";
+      } else if (group.mclass === "minner") {
+        node.attributes.lspace = "0.0556em";
+        node.attributes.width = "+0.1111em";
+      }
+    }
+    return node;
+  }
+  defineFunction({
+    type: "mclass",
+    names: ["\\mathord", "\\mathbin", "\\mathrel", "\\mathopen", "\\mathclose", "\\mathpunct", "\\mathinner"],
+    props: {
+      numArgs: 1,
+      primitive: true
+    },
+    handler(_ref, args) {
+      var {
+        parser,
+        funcName
+      } = _ref;
+      var body = args[0];
+      return {
+        type: "mclass",
+        mode: parser.mode,
+        mclass: "m" + funcName.slice(5),
+        body: ordargument(body),
+        isCharacterBox: utils.isCharacterBox(body)
+      };
+    },
+    htmlBuilder: htmlBuilder$9,
+    mathmlBuilder: mathmlBuilder$8
+  });
+  var binrelClass = (arg) => {
+    var atom = arg.type === "ordgroup" && arg.body.length ? arg.body[0] : arg;
+    if (atom.type === "atom" && (atom.family === "bin" || atom.family === "rel")) {
+      return "m" + atom.family;
+    } else {
+      return "mord";
+    }
+  };
+  defineFunction({
+    type: "mclass",
+    names: ["\\@binrel"],
+    props: {
+      numArgs: 2
+    },
+    handler(_ref2, args) {
+      var {
+        parser
+      } = _ref2;
+      return {
+        type: "mclass",
+        mode: parser.mode,
+        mclass: binrelClass(args[0]),
+        body: ordargument(args[1]),
+        isCharacterBox: utils.isCharacterBox(args[1])
+      };
+    }
+  });
+  defineFunction({
+    type: "mclass",
+    names: ["\\stackrel", "\\overset", "\\underset"],
+    props: {
+      numArgs: 2
+    },
+    handler(_ref3, args) {
+      var {
+        parser,
+        funcName
+      } = _ref3;
+      var baseArg = args[1];
+      var shiftedArg = args[0];
+      var mclass;
+      if (funcName !== "\\stackrel") {
+        mclass = binrelClass(baseArg);
+      } else {
+        mclass = "mrel";
+      }
+      var baseOp = {
+        type: "op",
+        mode: baseArg.mode,
+        limits: true,
+        alwaysHandleSupSub: true,
+        parentIsSupSub: false,
+        symbol: false,
+        suppressBaseShift: funcName !== "\\stackrel",
+        body: ordargument(baseArg)
+      };
+      var supsub = {
+        type: "supsub",
+        mode: shiftedArg.mode,
+        base: baseOp,
+        sup: funcName === "\\underset" ? null : shiftedArg,
+        sub: funcName === "\\underset" ? shiftedArg : null
+      };
+      return {
+        type: "mclass",
+        mode: parser.mode,
+        mclass,
+        body: [supsub],
+        isCharacterBox: utils.isCharacterBox(supsub)
+      };
+    },
+    htmlBuilder: htmlBuilder$9,
+    mathmlBuilder: mathmlBuilder$8
+  });
+  defineFunction({
+    type: "pmb",
+    names: ["\\pmb"],
+    props: {
+      numArgs: 1,
+      allowedInText: true
+    },
+    handler(_ref, args) {
+      var {
+        parser
+      } = _ref;
+      return {
+        type: "pmb",
+        mode: parser.mode,
+        mclass: binrelClass(args[0]),
+        body: ordargument(args[0])
+      };
+    },
+    htmlBuilder(group, options) {
+      var elements = buildExpression$1(group.body, options, true);
+      var node = buildCommon.makeSpan([group.mclass], elements, options);
+      node.style.textShadow = "0.02em 0.01em 0.04px";
+      return node;
+    },
+    mathmlBuilder(group, style2) {
+      var inner2 = buildExpression(group.body, style2);
+      var node = new mathMLTree.MathNode("mstyle", inner2);
+      node.setAttribute("style", "text-shadow: 0.02em 0.01em 0.04px");
+      return node;
+    }
+  });
   var cdArrowFunctionName = {
     ">": "\\\\cdrightarrow",
     "<": "\\\\cdleftarrow",
@@ -79901,11 +81532,11 @@ img.ProseMirror-separator {
       };
     }
   });
-  var htmlBuilder$9 = (group, options) => {
+  var htmlBuilder$8 = (group, options) => {
     var elements = buildExpression$1(group.body, options.withColor(group.color), false);
     return buildCommon.makeFragment(elements);
   };
-  var mathmlBuilder$8 = (group, options) => {
+  var mathmlBuilder$7 = (group, options) => {
     var inner2 = buildExpression(group.body, options.withColor(group.color));
     var node = new mathMLTree.MathNode("mstyle", inner2);
     node.setAttribute("mathcolor", group.color);
@@ -79932,8 +81563,8 @@ img.ProseMirror-separator {
         body: ordargument(body)
       };
     },
-    htmlBuilder: htmlBuilder$9,
-    mathmlBuilder: mathmlBuilder$8
+    htmlBuilder: htmlBuilder$8,
+    mathmlBuilder: mathmlBuilder$7
   });
   defineFunction({
     type: "color",
@@ -79958,8 +81589,8 @@ img.ProseMirror-separator {
         body
       };
     },
-    htmlBuilder: htmlBuilder$9,
-    mathmlBuilder: mathmlBuilder$8
+    htmlBuilder: htmlBuilder$8,
+    mathmlBuilder: mathmlBuilder$7
   });
   defineFunction({
     type: "cr",
@@ -80278,6 +81909,8 @@ img.ProseMirror-separator {
     var middle;
     var repeat;
     var bottom2;
+    var svgLabel = "";
+    var viewBoxWidth = 0;
     top2 = repeat = bottom2 = delim;
     middle = null;
     var font = "Size1-Regular";
@@ -80299,44 +81932,64 @@ img.ProseMirror-separator {
       bottom2 = "\\Downarrow";
     } else if (utils.contains(verts, delim)) {
       repeat = "\u2223";
+      svgLabel = "vert";
+      viewBoxWidth = 333;
     } else if (utils.contains(doubleVerts, delim)) {
       repeat = "\u2225";
+      svgLabel = "doublevert";
+      viewBoxWidth = 556;
     } else if (delim === "[" || delim === "\\lbrack") {
       top2 = "\u23A1";
       repeat = "\u23A2";
       bottom2 = "\u23A3";
       font = "Size4-Regular";
+      svgLabel = "lbrack";
+      viewBoxWidth = 667;
     } else if (delim === "]" || delim === "\\rbrack") {
       top2 = "\u23A4";
       repeat = "\u23A5";
       bottom2 = "\u23A6";
       font = "Size4-Regular";
+      svgLabel = "rbrack";
+      viewBoxWidth = 667;
     } else if (delim === "\\lfloor" || delim === "\u230A") {
       repeat = top2 = "\u23A2";
       bottom2 = "\u23A3";
       font = "Size4-Regular";
+      svgLabel = "lfloor";
+      viewBoxWidth = 667;
     } else if (delim === "\\lceil" || delim === "\u2308") {
       top2 = "\u23A1";
       repeat = bottom2 = "\u23A2";
       font = "Size4-Regular";
+      svgLabel = "lceil";
+      viewBoxWidth = 667;
     } else if (delim === "\\rfloor" || delim === "\u230B") {
       repeat = top2 = "\u23A5";
       bottom2 = "\u23A6";
       font = "Size4-Regular";
+      svgLabel = "rfloor";
+      viewBoxWidth = 667;
     } else if (delim === "\\rceil" || delim === "\u2309") {
       top2 = "\u23A4";
       repeat = bottom2 = "\u23A5";
       font = "Size4-Regular";
+      svgLabel = "rceil";
+      viewBoxWidth = 667;
     } else if (delim === "(" || delim === "\\lparen") {
       top2 = "\u239B";
       repeat = "\u239C";
       bottom2 = "\u239D";
       font = "Size4-Regular";
+      svgLabel = "lparen";
+      viewBoxWidth = 875;
     } else if (delim === ")" || delim === "\\rparen") {
       top2 = "\u239E";
       repeat = "\u239F";
       bottom2 = "\u23A0";
       font = "Size4-Regular";
+      svgLabel = "rparen";
+      viewBoxWidth = 875;
     } else if (delim === "\\{" || delim === "\\lbrace") {
       top2 = "\u23A7";
       middle = "\u23A8";
@@ -80392,21 +82045,43 @@ img.ProseMirror-separator {
     }
     var depth = realHeightTotal / 2 - axisHeight;
     var stack = [];
-    stack.push(makeGlyphSpan(bottom2, font, mode));
-    stack.push(lap);
-    if (middle === null) {
-      var innerHeight2 = realHeightTotal - topHeightTotal - bottomHeightTotal + 2 * lapInEms;
-      stack.push(makeInner(repeat, innerHeight2, options));
+    if (svgLabel.length > 0) {
+      var midHeight = realHeightTotal - topHeightTotal - bottomHeightTotal;
+      var viewBoxHeight = Math.round(realHeightTotal * 1e3);
+      var pathStr = tallDelim(svgLabel, Math.round(midHeight * 1e3));
+      var path2 = new PathNode(svgLabel, pathStr);
+      var width = (viewBoxWidth / 1e3).toFixed(3) + "em";
+      var height = (viewBoxHeight / 1e3).toFixed(3) + "em";
+      var svg = new SvgNode([path2], {
+        "width": width,
+        "height": height,
+        "viewBox": "0 0 " + viewBoxWidth + " " + viewBoxHeight
+      });
+      var wrapper = buildCommon.makeSvgSpan([], [svg], options);
+      wrapper.height = viewBoxHeight / 1e3;
+      wrapper.style.width = width;
+      wrapper.style.height = height;
+      stack.push({
+        type: "elem",
+        elem: wrapper
+      });
     } else {
-      var _innerHeight = (realHeightTotal - topHeightTotal - bottomHeightTotal - middleHeightTotal) / 2 + 2 * lapInEms;
-      stack.push(makeInner(repeat, _innerHeight, options));
+      stack.push(makeGlyphSpan(bottom2, font, mode));
       stack.push(lap);
-      stack.push(makeGlyphSpan(middle, font, mode));
+      if (middle === null) {
+        var innerHeight2 = realHeightTotal - topHeightTotal - bottomHeightTotal + 2 * lapInEms;
+        stack.push(makeInner(repeat, innerHeight2, options));
+      } else {
+        var _innerHeight = (realHeightTotal - topHeightTotal - bottomHeightTotal - middleHeightTotal) / 2 + 2 * lapInEms;
+        stack.push(makeInner(repeat, _innerHeight, options));
+        stack.push(lap);
+        stack.push(makeGlyphSpan(middle, font, mode));
+        stack.push(lap);
+        stack.push(makeInner(repeat, _innerHeight, options));
+      }
       stack.push(lap);
-      stack.push(makeInner(repeat, _innerHeight, options));
+      stack.push(makeGlyphSpan(top2, font, mode));
     }
-    stack.push(lap);
-    stack.push(makeGlyphSpan(top2, font, mode));
     var newOptions = options.havingBaseStyle(Style$1.TEXT);
     var inner2 = buildCommon.makeVList({
       positionType: "bottom",
@@ -80888,9 +82563,9 @@ img.ProseMirror-separator {
       return middleNode;
     }
   });
-  var htmlBuilder$8 = (group, options) => {
+  var htmlBuilder$7 = (group, options) => {
     var inner2 = buildCommon.wrapFragment(buildGroup$1(group.body, options), options);
-    var label = group.label.substr(1);
+    var label = group.label.slice(1);
     var scale = options.sizeMultiplier;
     var img;
     var imgShift = 0;
@@ -81013,7 +82688,7 @@ img.ProseMirror-separator {
       return buildCommon.makeSpan(["mord"], [vlist], options);
     }
   };
-  var mathmlBuilder$7 = (group, options) => {
+  var mathmlBuilder$6 = (group, options) => {
     var fboxsep = 0;
     var node = new mathMLTree.MathNode(group.label.indexOf("colorbox") > -1 ? "mpadded" : "menclose", [buildGroup(group.body, options)]);
     switch (group.label) {
@@ -81082,8 +82757,8 @@ img.ProseMirror-separator {
         body
       };
     },
-    htmlBuilder: htmlBuilder$8,
-    mathmlBuilder: mathmlBuilder$7
+    htmlBuilder: htmlBuilder$7,
+    mathmlBuilder: mathmlBuilder$6
   });
   defineFunction({
     type: "enclose",
@@ -81110,8 +82785,8 @@ img.ProseMirror-separator {
         body
       };
     },
-    htmlBuilder: htmlBuilder$8,
-    mathmlBuilder: mathmlBuilder$7
+    htmlBuilder: htmlBuilder$7,
+    mathmlBuilder: mathmlBuilder$6
   });
   defineFunction({
     type: "enclose",
@@ -81152,8 +82827,8 @@ img.ProseMirror-separator {
         body
       };
     },
-    htmlBuilder: htmlBuilder$8,
-    mathmlBuilder: mathmlBuilder$7
+    htmlBuilder: htmlBuilder$7,
+    mathmlBuilder: mathmlBuilder$6
   });
   defineFunction({
     type: "enclose",
@@ -81351,13 +83026,13 @@ img.ProseMirror-separator {
     };
   }
   function dCellStyle(envName) {
-    if (envName.substr(0, 1) === "d") {
+    if (envName.slice(0, 1) === "d") {
       return "display";
     } else {
       return "text";
     }
   }
-  var htmlBuilder$7 = function htmlBuilder2(group, options) {
+  var htmlBuilder$6 = function htmlBuilder2(group, options) {
     var r2;
     var c2;
     var nr = group.body.length;
@@ -81583,7 +83258,7 @@ img.ProseMirror-separator {
     l: "left ",
     r: "right "
   };
-  var mathmlBuilder$6 = function mathmlBuilder2(group, options) {
+  var mathmlBuilder$5 = function mathmlBuilder2(group, options) {
     var tbl = [];
     var glue = new mathMLTree.MathNode("mtd", [], ["mtr-glue"]);
     var tag = new mathMLTree.MathNode("mtd", [], ["mml-eqn-num"]);
@@ -81781,8 +83456,8 @@ img.ProseMirror-separator {
       };
       return parseArray(context.parser, res, dCellStyle(context.envName));
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81842,8 +83517,8 @@ img.ProseMirror-separator {
         rightColor: void 0
       } : res;
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81859,8 +83534,8 @@ img.ProseMirror-separator {
       res.colSeparationType = "small";
       return res;
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81896,8 +83571,8 @@ img.ProseMirror-separator {
       }
       return res;
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81930,8 +83605,8 @@ img.ProseMirror-separator {
         rightColor: void 0
       };
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81940,8 +83615,8 @@ img.ProseMirror-separator {
       numArgs: 0
     },
     handler: alignedHandler,
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81966,8 +83641,8 @@ img.ProseMirror-separator {
       };
       return parseArray(context.parser, res, "display");
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81976,8 +83651,8 @@ img.ProseMirror-separator {
       numArgs: 1
     },
     handler: alignedHandler,
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -81996,8 +83671,8 @@ img.ProseMirror-separator {
       };
       return parseArray(context.parser, res, "display");
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineEnvironment({
     type: "array",
@@ -82009,8 +83684,8 @@ img.ProseMirror-separator {
       validateAmsEnvironmentContext(context);
       return parseCD(context.parser);
     },
-    htmlBuilder: htmlBuilder$7,
-    mathmlBuilder: mathmlBuilder$6
+    htmlBuilder: htmlBuilder$6,
+    mathmlBuilder: mathmlBuilder$5
   });
   defineMacro("\\nonumber", "\\gdef\\@eqnsw{0}");
   defineMacro("\\notag", "\\nonumber");
@@ -82078,144 +83753,6 @@ img.ProseMirror-separator {
       };
     }
   });
-  var makeSpan = buildCommon.makeSpan;
-  function htmlBuilder$6(group, options) {
-    var elements = buildExpression$1(group.body, options, true);
-    return makeSpan([group.mclass], elements, options);
-  }
-  function mathmlBuilder$5(group, options) {
-    var node;
-    var inner2 = buildExpression(group.body, options);
-    if (group.mclass === "minner") {
-      node = new mathMLTree.MathNode("mpadded", inner2);
-    } else if (group.mclass === "mord") {
-      if (group.isCharacterBox) {
-        node = inner2[0];
-        node.type = "mi";
-      } else {
-        node = new mathMLTree.MathNode("mi", inner2);
-      }
-    } else {
-      if (group.isCharacterBox) {
-        node = inner2[0];
-        node.type = "mo";
-      } else {
-        node = new mathMLTree.MathNode("mo", inner2);
-      }
-      if (group.mclass === "mbin") {
-        node.attributes.lspace = "0.22em";
-        node.attributes.rspace = "0.22em";
-      } else if (group.mclass === "mpunct") {
-        node.attributes.lspace = "0em";
-        node.attributes.rspace = "0.17em";
-      } else if (group.mclass === "mopen" || group.mclass === "mclose") {
-        node.attributes.lspace = "0em";
-        node.attributes.rspace = "0em";
-      } else if (group.mclass === "minner") {
-        node.attributes.lspace = "0.0556em";
-        node.attributes.width = "+0.1111em";
-      }
-    }
-    return node;
-  }
-  defineFunction({
-    type: "mclass",
-    names: ["\\mathord", "\\mathbin", "\\mathrel", "\\mathopen", "\\mathclose", "\\mathpunct", "\\mathinner"],
-    props: {
-      numArgs: 1,
-      primitive: true
-    },
-    handler(_ref, args) {
-      var {
-        parser,
-        funcName
-      } = _ref;
-      var body = args[0];
-      return {
-        type: "mclass",
-        mode: parser.mode,
-        mclass: "m" + funcName.substr(5),
-        body: ordargument(body),
-        isCharacterBox: utils.isCharacterBox(body)
-      };
-    },
-    htmlBuilder: htmlBuilder$6,
-    mathmlBuilder: mathmlBuilder$5
-  });
-  var binrelClass = (arg) => {
-    var atom = arg.type === "ordgroup" && arg.body.length ? arg.body[0] : arg;
-    if (atom.type === "atom" && (atom.family === "bin" || atom.family === "rel")) {
-      return "m" + atom.family;
-    } else {
-      return "mord";
-    }
-  };
-  defineFunction({
-    type: "mclass",
-    names: ["\\@binrel"],
-    props: {
-      numArgs: 2
-    },
-    handler(_ref2, args) {
-      var {
-        parser
-      } = _ref2;
-      return {
-        type: "mclass",
-        mode: parser.mode,
-        mclass: binrelClass(args[0]),
-        body: ordargument(args[1]),
-        isCharacterBox: utils.isCharacterBox(args[1])
-      };
-    }
-  });
-  defineFunction({
-    type: "mclass",
-    names: ["\\stackrel", "\\overset", "\\underset"],
-    props: {
-      numArgs: 2
-    },
-    handler(_ref3, args) {
-      var {
-        parser,
-        funcName
-      } = _ref3;
-      var baseArg = args[1];
-      var shiftedArg = args[0];
-      var mclass;
-      if (funcName !== "\\stackrel") {
-        mclass = binrelClass(baseArg);
-      } else {
-        mclass = "mrel";
-      }
-      var baseOp = {
-        type: "op",
-        mode: baseArg.mode,
-        limits: true,
-        alwaysHandleSupSub: true,
-        parentIsSupSub: false,
-        symbol: false,
-        suppressBaseShift: funcName !== "\\stackrel",
-        body: ordargument(baseArg)
-      };
-      var supsub = {
-        type: "supsub",
-        mode: shiftedArg.mode,
-        base: baseOp,
-        sup: funcName === "\\underset" ? null : shiftedArg,
-        sub: funcName === "\\underset" ? shiftedArg : null
-      };
-      return {
-        type: "mclass",
-        mode: parser.mode,
-        mclass,
-        body: [supsub],
-        isCharacterBox: utils.isCharacterBox(supsub)
-      };
-    },
-    htmlBuilder: htmlBuilder$6,
-    mathmlBuilder: mathmlBuilder$5
-  });
   var htmlBuilder$5 = (group, options) => {
     var font = group.font;
     var newOptions = options.withFont(font);
@@ -83542,7 +85079,7 @@ img.ProseMirror-separator {
       var fontName = large ? "Size2-Regular" : "Size1-Regular";
       var stash = "";
       if (group.name === "\\oiint" || group.name === "\\oiiint") {
-        stash = group.name.substr(1);
+        stash = group.name.slice(1);
         group.name = stash === "oiint" ? "\\iint" : "\\iiint";
       }
       base2 = buildCommon.makeSymbol(group.name, fontName, "math", options, ["mop", "op-symbol", large ? "large-op" : "small-op"]);
@@ -85341,7 +86878,7 @@ img.ProseMirror-separator {
     var next = context.expandAfterFuture().text;
     if (next in dotsByToken) {
       thedots = dotsByToken[next];
-    } else if (next.substr(0, 4) === "\\not") {
+    } else if (next.slice(0, 4) === "\\not") {
       thedots = "\\dotsb";
     } else if (next in symbols.math) {
       if (utils.contains(["bin", "rel"], symbols.math[next].group)) {
@@ -85430,7 +86967,6 @@ img.ProseMirror-separator {
   defineMacro("\\pod", "\\allowbreak\\mathchoice{\\mkern18mu}{\\mkern8mu}{\\mkern8mu}{\\mkern8mu}(#1)");
   defineMacro("\\pmod", "\\pod{{\\rm mod}\\mkern6mu#1}");
   defineMacro("\\mod", "\\allowbreak\\mathchoice{\\mkern18mu}{\\mkern12mu}{\\mkern12mu}{\\mkern12mu}{\\rm mod}\\,\\,#1");
-  defineMacro("\\pmb", "\\html@mathml{\\@binrel{#1}{\\mathrlap{#1}\\kern0.5px#1}}{\\mathbf{#1}}");
   defineMacro("\\newline", "\\\\\\relax");
   defineMacro("\\TeX", "\\textrm{\\html@mathml{T\\kern-.1667em\\raisebox{-.5ex}{E}\\kern-.125emX}{TeX}}");
   var latexRaiseA = makeEm(fontMetricsData["Main-Regular"]["T".charCodeAt(0)][1] - 0.7 * fontMetricsData["Main-Regular"]["A".charCodeAt(0)][1]);
@@ -87067,7 +88603,7 @@ img.ProseMirror-separator {
         if (this.settings.strict && this.mode === "math") {
           this.settings.reportNonstrict("unicodeTextInMathMode", 'Accented Unicode text character "' + text2[0] + '" used in math mode', nucleus);
         }
-        text2 = unicodeSymbols[text2[0]] + text2.substr(1);
+        text2 = unicodeSymbols[text2[0]] + text2.slice(1);
       }
       var match = combiningDiacriticalMarksEndRegex.exec(text2);
       if (match) {
@@ -87218,7 +88754,7 @@ img.ProseMirror-separator {
     }
   };
   var katex = {
-    version: "0.16.0",
+    version: "0.16.2",
     render,
     renderToString,
     ParseError,