@halo-dev/richtext-editor 0.0.0-alpha.5 → 0.0.0-alpha.7

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, h, reactive, markRaw, getCurrentInstance, watchEffect, nextTick, unref, Teleport, shallowRef, customRef, provide, pushScopeId, popScopeId, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, withCtx, createVNode, renderList, resolveDynamicComponent, toDisplayString, watch, createTextVNode, computed, withDirectives, isRef, vModelSelect, withModifiers, vModelText } from "vue";
+import { defineComponent, ref, onMounted, onBeforeUnmount, h, reactive, markRaw, getCurrentInstance, watchEffect, nextTick, unref, Teleport, shallowRef, customRef, provide, pushScopeId, popScopeId, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, withCtx, createVNode, renderList, resolveDynamicComponent, toDisplayString, watch, computed, withDirectives, isRef, vModelSelect, withModifiers, vModelText } from "vue";
 function OrderedMap(content) {
   this.content = content;
 }
@@ -9001,7 +9001,7 @@ const newlineInCode$1 = (state, dispatch) => {
     dispatch(state.tr.insertText("\n").scrollIntoView());
   return true;
 };
-function defaultBlockAt$2(match) {
+function defaultBlockAt$1(match) {
   for (let i = 0; i < match.edgeCount; i++) {
     let { type } = match.edge(i);
     if (type.isTextblock && !type.hasRequiredAttrs())
@@ -9013,7 +9013,7 @@ const exitCode$1 = (state, dispatch) => {
   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) {
@@ -9027,7 +9027,7 @@ const createParagraphNear$1 = (state, dispatch) => {
   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) {
@@ -9386,11 +9386,11 @@ class CommandManager {
   }
   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,
@@ -10047,7 +10047,7 @@ function pasteRulesPlugin(props) {
           editor,
           state: chainableState,
           from: Math.max(from2 - 1, 0),
-          to: to.b,
+          to: to.b - 1,
           rule
         });
         if (!handler || !tr.steps.length) {
@@ -10192,13 +10192,18 @@ class ExtensionManager {
       };
       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());
@@ -10573,18 +10578,8 @@ const first = (commands2) => (props) => {
   }
   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);
@@ -11044,10 +11039,8 @@ const setNode = (typeOrName, attributes = {}) => ({ state, dispatch, chain }) =>
 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 from2 = minMax(position, 0, doc2.content.size);
+    const selection = NodeSelection.create(doc2, from2);
     tr.setSelection(selection);
   }
   return true;
@@ -11069,6 +11062,15 @@ const sinkListItem = (typeOrName) => ({ state, dispatch }) => {
   const type = getNodeType(typeOrName, state.schema);
   return sinkListItem$1(type)(state, dispatch);
 };
+function defaultBlockAt(match) {
+  for (let i = 0; i < match.edgeCount; i += 1) {
+    const { type } = match.edge(i);
+    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) => {
@@ -11080,15 +11082,6 @@ function getSplittedAttributes(extensionAttributes, typeName, attributes) {
     return extensionAttribute.attribute.keepOnSplit;
   }));
 }
-function defaultBlockAt$1(match) {
-  for (let i = 0; i < match.edgeCount; i += 1) {
-    const { type } = match.edge(i);
-    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) {
@@ -11121,7 +11114,7 @@ const splitBlock = ({ keepMarks = true } = {}) => ({ tr, state, dispatch, editor
     if (selection instanceof TextSelection) {
       tr.deleteSelection();
     }
-    const deflt3 = $from.depth === 0 ? void 0 : defaultBlockAt$1($from.node(-1).contentMatchAt($from.indexAfter(-1)));
+    const deflt3 = $from.depth === 0 ? void 0 : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1)));
     let types = atEnd && deflt3 ? [{
       type: deflt3,
       attrs: newAttributes
@@ -11940,6 +11933,7 @@ class Editor$1 extends EventEmitter {
   }
   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;
@@ -12110,15 +12104,6 @@ function combineTransactionSteps(oldDoc, transactions) {
   });
   return transform;
 }
-function defaultBlockAt(match) {
-  for (let i = 0; i < match.edgeCount; i += 1) {
-    const { type } = match.edge(i);
-    if (type.isTextblock && !type.hasRequiredAttrs()) {
-      return type;
-    }
-  }
-  return null;
-}
 function findChildren(node, predicate) {
   const nodesWithPos = [];
   node.descendants((child, pos) => {
@@ -12284,7 +12269,7 @@ function getMarksBetween(from2, to, doc2) {
   return marks;
 }
 function isNodeSelection(value) {
-  return isObject(value) && value instanceof NodeSelection;
+  return value instanceof NodeSelection;
 }
 function posToDOMRect(view, from2, to) {
   const minPos = 0;
@@ -12489,6 +12474,26 @@ class Mark {
     }));
     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 = {}) {
@@ -12743,7 +12748,7 @@ function nodePasteRule(config2) {
         return null;
       }
       if (match.input) {
-        chain().deleteRange(range).insertContent({
+        chain().deleteRange(range).insertContentAt(range.from, {
           type: config2.type.name,
           attrs: attributes
         });
@@ -14669,7 +14674,7 @@ function getChildren(popper2) {
     })
   };
 }
-function render$p(instance) {
+function render$o(instance) {
   var popper2 = div();
   var box = div();
   box.className = BOX_CLASS;
@@ -14724,7 +14729,7 @@ function render$p(instance) {
     onUpdate
   };
 }
-render$p.$$tippy = true;
+render$o.$$tippy = true;
 var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
@@ -15497,7 +15502,7 @@ Object.assign({}, applyStyles$1, {
   }
 });
 tippy.setDefaultProps({
-  render: render$p
+  render: render$o
 });
 class BubbleMenuView {
   constructor({ editor, element, view, tippyOptions = {}, shouldShow }) {
@@ -15506,7 +15511,9 @@ class BubbleMenuView {
       const { doc: doc2, selection } = state;
       const { empty: empty2 } = selection;
       const isEmptyTextBlock = !doc2.textBetween(from2, 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;
@@ -15660,7 +15667,7 @@ class FloatingMenuView {
       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;
@@ -16017,7 +16024,7 @@ const NodeViewWrapper = defineComponent({
   render() {
     var _a, _b;
     return h(this.as, {
-      class: this.decorationClasses.value,
+      class: this.decorationClasses,
       style: {
         whiteSpace: "normal"
       },
@@ -17623,6 +17630,10 @@ var PrivatePopper = () => defineComponent({
     shiftCrossAxis: {
       type: Boolean,
       default: defaultPropFactory("shiftCrossAxis")
+    },
+    noAutoFocus: {
+      type: Boolean,
+      default: defaultPropFactory("noAutoFocus")
     }
   },
   emits: [
@@ -18054,7 +18065,8 @@ var PrivatePopper = () => defineComponent({
       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) {
@@ -18491,10 +18503,10 @@ const _hoisted_1$2$1 = {
   tabindex: "-1"
 };
 popScopeId();
-const render$o = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
+const render$n = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
   return openBlock(), 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") => ({
@@ -18541,11 +18553,11 @@ const _hoisted_2$1$1 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$s = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
-const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
-const _hoisted_5$1 = [
-  _hoisted_3$s,
-  _hoisted_4$1
+const _hoisted_3$r = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+const _hoisted_4$2 = /* @__PURE__ */ 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 = resolveComponent("ResizeObserver");
@@ -18604,7 +18616,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           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);
 }
@@ -18814,32 +18826,14 @@ defineComponent({
   }
 });
 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__ */ 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 openBlock(), 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__ */ 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
@@ -18847,16 +18841,15 @@ const _hoisted_3$q = [
 function render$m(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18864,16 +18857,15 @@ const _hoisted_3$p = [
 function render$l(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18881,16 +18873,15 @@ const _hoisted_3$o = [
 function render$k(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18898,16 +18889,15 @@ const _hoisted_3$n = [
 function render$j(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18915,16 +18905,15 @@ const _hoisted_3$m = [
 function render$i(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18932,16 +18921,15 @@ const _hoisted_3$l = [
 function render$h(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18949,16 +18937,15 @@ const _hoisted_3$k = [
 function render$g(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18966,16 +18953,15 @@ const _hoisted_3$j = [
 function render$f(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -18983,16 +18969,15 @@ const _hoisted_3$i = [
 function render$e(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19000,16 +18985,15 @@ const _hoisted_3$h = [
 function render$d(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19017,16 +19001,15 @@ const _hoisted_3$g = [
 function render$c(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19034,16 +19017,15 @@ const _hoisted_3$f = [
 function render$b(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19051,16 +19033,15 @@ const _hoisted_3$e = [
 function render$a(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19068,16 +19049,15 @@ const _hoisted_3$d = [
 function render$9(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19085,16 +19065,15 @@ const _hoisted_3$c = [
 function render$8(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19102,16 +19081,15 @@ const _hoisted_3$b = [
 function render$7(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19119,16 +19097,15 @@ const _hoisted_3$a = [
 function render$6(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19136,16 +19113,15 @@ const _hoisted_3$9 = [
 function render$5(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19153,16 +19129,15 @@ const _hoisted_3$8 = [
 function render$4(_ctx, _cache) {
   return openBlock(), 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__ */ 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
@@ -19170,9 +19145,8 @@ const _hoisted_3$7 = [
 function render$3(_ctx, _cache) {
   return openBlock(), 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"
@@ -19189,7 +19163,6 @@ function render$2(_ctx, _cache) {
 }
 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"
@@ -19208,14 +19181,19 @@ const MdiFormatSubscript = { name: "mdi-format-subscript", render: render$1 };
 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__ */ defineComponent({
   __name: "EditorHeader",
   props: {
     editor: {
       type: Object,
       required: true
+    },
+    addtionalMenuItems: {
+      type: Array,
+      required: false,
+      default: () => []
     }
   },
   setup(__props) {
@@ -19298,13 +19276,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         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,
@@ -19382,19 +19353,20 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         title: "Align justify",
         action: () => props.editor.chain().focus().setTextAlign("justify").run(),
         isActive: () => props.editor.isActive({ textAlign: "justify" })
-      }
+      },
+      ...props.addtionalMenuItems
     ];
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$5, [
         (openBlock(), createElementBlock(Fragment$1, null, renderList(menuItems, (menuItem, index2) => {
-          var _a;
+          var _a, _b;
           return createElementVNode("div", {
             key: index2,
             class: "inline-flex items-center justify-center"
           }, [
             !((_a = menuItem.children) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("button", {
               key: 0,
-              class: normalizeClass([{ "bg-gray-200": menuItem.isActive() }, "hover:bg-gray-100 p-1 rounded-sm"]),
+              class: normalizeClass([{ "bg-gray-200": (_b = menuItem.isActive) == null ? void 0 : _b.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"]),
               onClick: menuItem.action
             }, [
               (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
@@ -19402,28 +19374,32 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               popper: withCtx(() => [
                 createElementVNode("div", _hoisted_3$4, [
                   (openBlock(true), createElementBlock(Fragment$1, null, renderList(menuItem.children, (child, childIndex) => {
+                    var _a2;
                     return openBlock(), createElementBlock("div", {
                       key: childIndex,
-                      class: normalizeClass([{ "bg-gray-200": child.isActive() }, "p-1 hover:bg-gray-100"])
+                      class: normalizeClass([{ "bg-gray-200": (_a2 = child.isActive) == null ? void 0 : _a2.call(child) }, "p-1 hover:bg-gray-100"])
                     }, [
                       createElementVNode("button", {
                         class: "flex flex-row gap-2 items-center justify-center",
                         onClick: child.action
                       }, [
                         (openBlock(), createBlock(resolveDynamicComponent(child.icon))),
-                        createElementVNode("span", _hoisted_5, toDisplayString(child.title), 1)
-                      ], 8, _hoisted_4)
+                        createElementVNode("span", _hoisted_5$1, toDisplayString(child.title), 1)
+                      ], 8, _hoisted_4$1)
                     ], 2);
                   }), 128))
                 ])
               ]),
-              default: withCtx(() => [
-                createElementVNode("button", {
-                  class: normalizeClass([{ "bg-gray-200": menuItem.isActive() }, "hover:bg-gray-100 p-1 rounded-sm"])
-                }, [
-                  (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-                ], 2)
-              ]),
+              default: withCtx(() => {
+                var _a2;
+                return [
+                  createElementVNode("button", {
+                    class: normalizeClass([{ "bg-gray-200": (_a2 = menuItem.isActive) == null ? void 0 : _a2.call(menuItem) }, "hover:bg-gray-100 p-1 rounded-sm"])
+                  }, [
+                    (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
+                  ], 2)
+                ];
+              }),
               _: 2
             }, 1024))
           ]);
@@ -19546,11 +19522,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$4, [
             (openBlock(), createElementBlock(Fragment$1, null, renderList(menuItems, (menuItem, index2) => {
+              var _a;
               return createElementVNode("button", {
                 key: index2,
-                class: normalizeClass([{ "bg-gray-200 !text-black": menuItem.isActive() }, "text-gray-600 text-lg hover:bg-gray-100 p-0.5 rounded-sm"]),
+                class: 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);
+                }
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
               ], 10, _hoisted_2$4);
@@ -19574,13 +19554,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     editor: {
       type: Object,
       required: true
+    },
+    addtionalMenuItems: {
+      type: Array,
+      required: false,
+      default: () => []
     }
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
         createVNode(_sfc_main$4, { editor: __props.editor }, null, 8, ["editor"]),
-        createVNode(_sfc_main$5, { editor: __props.editor }, null, 8, ["editor"]),
+        createVNode(_sfc_main$5, {
+          editor: __props.editor,
+          addtionalMenuItems: __props.addtionalMenuItems
+        }, null, 8, ["editor", "addtionalMenuItems"]),
         createElementVNode("div", _hoisted_2$3, [
           createVNode(unref(EditorContent), {
             editor: __props.editor,
@@ -19597,7 +19585,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const index = "";
 const tailwind = "";
 const style = "";
-const katex$1 = "";
 const githubMarkdownLight = "";
 const inputRegex$6 = /^\s*>\s$/;
 const Blockquote = Node.create({
@@ -19771,6 +19758,7 @@ const Code = Mark.create({
   },
   excludes: "_",
   code: true,
+  exitable: true,
   parseHTML() {
     return [
       { tag: "code" }
@@ -23884,7 +23872,7 @@ function parserCreateMultiToken(Multi, input, tokens) {
   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,
@@ -23895,7 +23883,7 @@ var INIT = {
 };
 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");
@@ -26690,7 +26678,7 @@ function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = "@", allow
             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,
@@ -26708,7 +26696,7 @@ function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = "@", allow
             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
           };
@@ -26848,12 +26836,17 @@ const ExtensionCommands = Extension.create({
     ];
   }
 });
-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__ */ createElementVNode("span", null, "\u6CA1\u6709\u641C\u7D22\u7ED3\u679C", -1);
+const _hoisted_6 = [
+  _hoisted_5
+];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CommandsView",
   props: {
@@ -26911,15 +26904,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
         __props.items.length ? (openBlock(true), createElementBlock(Fragment$1, { key: 0 }, renderList(__props.items, (item, index2) => {
-          return openBlock(), createElementBlock("button", {
+          return openBlock(), createElementBlock("div", {
             key: index2,
-            class: normalizeClass([{ "is-selected": index2 === selectedIndex.value }, "item flex flex-row gap-5 items-center w-32 rounded"]),
+            class: normalizeClass([{ "is-selected": index2 === selectedIndex.value }, "command-item"]),
             onClick: ($event) => handleSelectItem(index2)
           }, [
-            (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "bg-gray-100 p-0.5 rounded-sm" })),
-            createTextVNode(" " + toDisplayString(item.title), 1)
+            (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "command-icon" })),
+            createElementVNode("span", _hoisted_3$2, toDisplayString(item.title), 1)
           ], 10, _hoisted_2$2);
-        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_3$2, "No result"))
+        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_4, _hoisted_6))
       ]);
     };
   }
@@ -26929,7 +26922,7 @@ const CommandsSuggestion = {
   items: ({ query }) => {
     return [
       {
-        icon: MdiFormatHeader1,
+        icon: markRaw(MdiFormatHeader1),
         title: "\u4E00\u7EA7\u6807\u9898",
         keywords: ["h1", "header1", "1", "yijibiaoti"],
         command: ({ editor, range }) => {
@@ -26937,7 +26930,7 @@ const CommandsSuggestion = {
         }
       },
       {
-        icon: MdiFormatHeader2,
+        icon: markRaw(MdiFormatHeader2),
         title: "\u4E8C\u7EA7\u6807\u9898",
         keywords: ["h2", "header2", "2", "erjibiaoti"],
         command: ({ editor, range }) => {
@@ -26945,7 +26938,7 @@ const CommandsSuggestion = {
         }
       },
       {
-        icon: MdiFormatHeader3,
+        icon: markRaw(MdiFormatHeader3),
         title: "\u4E09\u7EA7\u6807\u9898",
         keywords: ["h3", "header3", "3", "sanjibiaoti"],
         command: ({ editor, range }) => {
@@ -26953,7 +26946,7 @@ const CommandsSuggestion = {
         }
       },
       {
-        icon: MdiFormatHeader4,
+        icon: markRaw(MdiFormatHeader4),
         title: "\u56DB\u7EA7\u6807\u9898",
         keywords: ["h4", "header4", "4", "sijibiaoti"],
         command: ({ editor, range }) => {
@@ -26961,7 +26954,7 @@ const CommandsSuggestion = {
         }
       },
       {
-        icon: MdiFormatHeader5,
+        icon: markRaw(MdiFormatHeader5),
         title: "\u4E94\u7EA7\u6807\u9898",
         keywords: ["h5", "header5", "5", "wujibiaoti"],
         command: ({ editor, range }) => {
@@ -26969,7 +26962,7 @@ const CommandsSuggestion = {
         }
       },
       {
-        icon: MdiFormatHeader6,
+        icon: markRaw(MdiFormatHeader6),
         title: "\u516D\u7EA7\u6807\u9898",
         keywords: ["h6", "header6", "6", "liujibiaoti"],
         command: ({ editor, range }) => {
@@ -26977,19 +26970,11 @@ const CommandsSuggestion = {
         }
       },
       {
-        icon: MdiCodeBracesBox,
+        icon: 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).setNode("katexBlock").run();
+          editor.chain().focus().deleteRange(range).setCodeBlock().run();
         }
       }
     ].filter(
@@ -27014,7 +26999,6 @@ const CommandsSuggestion = {
           getReferenceClientRect: props.clientRect,
           appendTo: () => document.body,
           content: component.element,
-          arrow: ROUND_ARROW,
           showOnCreate: true,
           interactive: true,
           trigger: "manual",
@@ -27087,141 +27071,1588 @@ const CodeBlock = Node.create({
         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, i) => `${x}${"_".repeat(i + 1)}`)
+    ].join(" ");
+  }
+  return `${prefix}${name}`;
+};
+class HTMLRenderer$1 {
+  constructor(parseTree3, options) {
+    this.buffer = "";
+    this.classPrefix = options.classPrefix;
+    parseTree3.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 i = 1; i <= regexes.length; i++) {
+    positions[i + offset2] = scopeNames[i];
+    emit[i + offset2] = true;
+    offset2 += countMatchGroups$1(regexes[i - 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 i = match.findIndex((el, i2) => i2 > 0 && el !== void 0);
+      const matchData = this.matchIndexes[i];
+      match.splice(0, i);
+      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 code = "";
+    let languageName = "";
+    if (typeof optionsOrCode === "object") {
+      code = 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;
+      code = optionsOrCode;
+    }
+    if (ignoreIllegals === void 0) {
+      ignoreIllegals = true;
+    }
+    const context = {
+      code,
+      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 i = 1;
+      const max2 = match.length - 1;
+      while (i <= max2) {
+        if (!scope._emit[i]) {
+          i++;
+          continue;
+        }
+        const klass = language.classNameAliases[scope[i]] || scope[i];
+        const text2 = match[i];
+        if (klass) {
+          emitter.addKeyword(text2, klass);
+        } else {
+          modeBuffer = text2;
+          processKeywords();
+          modeBuffer = "";
+        }
+        i++;
+      }
+    }
+    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(code) {
+    const result = {
+      value: escape$3(code),
+      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(code);
+    return result;
+  }
+  function highlightAuto2(code, languageSubset) {
+    languageSubset = languageSubset || options.languages || Object.keys(languages);
+    const plaintext2 = justTextHighlightResult(code);
+    const results = languageSubset.filter(getLanguage).filter(autoDetection).map(
+      (name) => _highlight(name, code, 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 = [
@@ -27240,13 +28671,16 @@ function parseNodes(nodes, className = []) {
 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 from2 = 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 = from2 + node.text.length;
       if (node.classes.length) {
@@ -40200,12 +41634,12 @@ const HLJS = function(hljs) {
     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;
     }
@@ -73691,7 +75125,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createElementVNode("pre", null, [
-            createVNode(unref(NodeViewContent), { as: "code" })
+            createElementVNode("code", null, [
+              createVNode(unref(NodeViewContent))
+            ])
           ])
         ]),
         _: 1
@@ -74247,6 +75683,32 @@ var path = {
   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;
@@ -77996,7 +79458,7 @@ var makeOrd = function makeOrd2(group, options, type) {
     }
     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 i = 0; i < text2.length; i++) {
         parts.push(makeSymbol(text2[i], fontName, mode, options, classes.concat(fontClasses)));
@@ -78842,7 +80304,7 @@ var mathMLTree = {
   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);
@@ -79126,7 +80588,7 @@ var groupLength = function groupLength2(arg) {
 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);
@@ -79626,6 +81088,175 @@ defineFunction({
     return node;
   }
 });
+var makeSpan2 = buildCommon.makeSpan;
+function htmlBuilder$9(group, options) {
+  var elements = buildExpression$1(group.body, options, true);
+  return makeSpan2([group.mclass], elements, options);
+}
+function mathmlBuilder$8(group, options) {
+  var node;
+  var inner2 = buildExpression2(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 = buildExpression2(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",
@@ -79900,11 +81531,11 @@ defineFunction({
     };
   }
 });
-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 = buildExpression2(group.body, options.withColor(group.color));
   var node = new mathMLTree.MathNode("mstyle", inner2);
   node.setAttribute("mathcolor", group.color);
@@ -79931,8 +81562,8 @@ defineFunction({
       body: ordargument(body)
     };
   },
-  htmlBuilder: htmlBuilder$9,
-  mathmlBuilder: mathmlBuilder$8
+  htmlBuilder: htmlBuilder$8,
+  mathmlBuilder: mathmlBuilder$7
 });
 defineFunction({
   type: "color",
@@ -79957,8 +81588,8 @@ defineFunction({
       body
     };
   },
-  htmlBuilder: htmlBuilder$9,
-  mathmlBuilder: mathmlBuilder$8
+  htmlBuilder: htmlBuilder$8,
+  mathmlBuilder: mathmlBuilder$7
 });
 defineFunction({
   type: "cr",
@@ -80277,6 +81908,8 @@ var makeStackedDelim = function makeStackedDelim2(delim, heightTotal, center, op
   var middle;
   var repeat;
   var bottom2;
+  var svgLabel = "";
+  var viewBoxWidth = 0;
   top2 = repeat = bottom2 = delim;
   middle = null;
   var font = "Size1-Regular";
@@ -80298,44 +81931,64 @@ var makeStackedDelim = function makeStackedDelim2(delim, heightTotal, center, op
     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";
@@ -80391,21 +82044,43 @@ var makeStackedDelim = function makeStackedDelim2(delim, heightTotal, center, op
   }
   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",
@@ -80887,9 +82562,9 @@ defineFunction({
     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;
@@ -81012,7 +82687,7 @@ var htmlBuilder$8 = (group, options) => {
     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", [buildGroup2(group.body, options)]);
   switch (group.label) {
@@ -81081,8 +82756,8 @@ defineFunction({
       body
     };
   },
-  htmlBuilder: htmlBuilder$8,
-  mathmlBuilder: mathmlBuilder$7
+  htmlBuilder: htmlBuilder$7,
+  mathmlBuilder: mathmlBuilder$6
 });
 defineFunction({
   type: "enclose",
@@ -81109,8 +82784,8 @@ defineFunction({
       body
     };
   },
-  htmlBuilder: htmlBuilder$8,
-  mathmlBuilder: mathmlBuilder$7
+  htmlBuilder: htmlBuilder$7,
+  mathmlBuilder: mathmlBuilder$6
 });
 defineFunction({
   type: "enclose",
@@ -81151,8 +82826,8 @@ defineFunction({
       body
     };
   },
-  htmlBuilder: htmlBuilder$8,
-  mathmlBuilder: mathmlBuilder$7
+  htmlBuilder: htmlBuilder$7,
+  mathmlBuilder: mathmlBuilder$6
 });
 defineFunction({
   type: "enclose",
@@ -81350,13 +83025,13 @@ function parseArray(parser, _ref, style2) {
   };
 }
 function dCellStyle(envName) {
-  if (envName.substr(0, 1) === "d") {
+  if (envName.slice(0, 1) === "d") {
     return "display";
   } else {
     return "text";
   }
 }
-var htmlBuilder$7 = function htmlBuilder(group, options) {
+var htmlBuilder$6 = function htmlBuilder(group, options) {
   var r2;
   var c2;
   var nr = group.body.length;
@@ -81582,7 +83257,7 @@ var alignMap = {
   l: "left ",
   r: "right "
 };
-var mathmlBuilder$6 = function mathmlBuilder(group, options) {
+var mathmlBuilder$5 = function mathmlBuilder(group, options) {
   var tbl = [];
   var glue = new mathMLTree.MathNode("mtd", [], ["mtr-glue"]);
   var tag = new mathMLTree.MathNode("mtd", [], ["mml-eqn-num"]);
@@ -81780,8 +83455,8 @@ defineEnvironment({
     };
     return parseArray(context.parser, res, dCellStyle(context.envName));
   },
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81841,8 +83516,8 @@ defineEnvironment({
       rightColor: void 0
     } : res;
   },
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81858,8 +83533,8 @@ defineEnvironment({
     res.colSeparationType = "small";
     return res;
   },
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81895,8 +83570,8 @@ defineEnvironment({
     }
     return res;
   },
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81929,8 +83604,8 @@ defineEnvironment({
       rightColor: void 0
     };
   },
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81939,8 +83614,8 @@ defineEnvironment({
     numArgs: 0
   },
   handler: alignedHandler,
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81965,8 +83640,8 @@ defineEnvironment({
     };
     return parseArray(context.parser, res, "display");
   },
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81975,8 +83650,8 @@ defineEnvironment({
     numArgs: 1
   },
   handler: alignedHandler,
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -81995,8 +83670,8 @@ defineEnvironment({
     };
     return parseArray(context.parser, res, "display");
   },
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -82008,8 +83683,8 @@ defineEnvironment({
     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");
@@ -82077,144 +83752,6 @@ defineFunction({
     };
   }
 });
-var makeSpan2 = buildCommon.makeSpan;
-function htmlBuilder$6(group, options) {
-  var elements = buildExpression$1(group.body, options, true);
-  return makeSpan2([group.mclass], elements, options);
-}
-function mathmlBuilder$5(group, options) {
-  var node;
-  var inner2 = buildExpression2(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);
@@ -83541,7 +85078,7 @@ var htmlBuilder$2 = (grp, options) => {
     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"]);
@@ -85340,7 +86877,7 @@ defineMacro("\\dots", function(context) {
   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)) {
@@ -85429,7 +86966,6 @@ defineMacro("\\bmod", "\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5
 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]);
@@ -87066,7 +88602,7 @@ class Parser {
       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) {
@@ -87217,7 +88753,7 @@ var renderToHTMLTree = function renderToHTMLTree2(expression, options) {
   }
 };
 var katex = {
-  version: "0.16.0",
+  version: "0.16.2",
   render,
   renderToString,
   ParseError,