@halo-dev/richtext-editor 0.0.0-alpha.3 → 0.0.0-alpha.4

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

@@ -18390,10 +18390,10 @@ img.ProseMirror-separator {
     ref: "inner",
     class: "v-popper__inner"
   };
-  const _hoisted_3$r = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+  const _hoisted_3$s = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
   const _hoisted_4$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
   const _hoisted_5$1 = [
-    _hoisted_3$r,
+    _hoisted_3$s,
     _hoisted_4$1
   ];
   function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18669,15 +18669,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$r = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$s = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M13.5 15.5H10v-3h3.5A1.5 1.5 0 0 1 15 14a1.5 1.5 0 0 1-1.5 1.5m-3.5-9h3A1.5 1.5 0 0 1 14.5 8A1.5 1.5 0 0 1 13 9.5h-3m5.6 1.29c.97-.68 1.65-1.79 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.1 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42Z"
   }, null, -1);
-  const _hoisted_3$q = [
-    _hoisted_2$r
+  const _hoisted_3$r = [
+    _hoisted_2$s
   ];
   function render$n(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$s, _hoisted_3$q);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$s, _hoisted_3$r);
   }
   const MdiFormatBold = { name: "mdi-format-bold", render: render$n };
   const _hoisted_1$r = {
@@ -18686,15 +18686,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$q = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$r = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
   }, null, -1);
-  const _hoisted_3$p = [
-    _hoisted_2$q
+  const _hoisted_3$q = [
+    _hoisted_2$r
   ];
   function render$m(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, _hoisted_3$p);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, _hoisted_3$q);
   }
   const MdiFormatItalic = { name: "mdi-format-italic", render: render$m };
   const _hoisted_1$q = {
@@ -18703,15 +18703,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$p = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$q = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
   }, null, -1);
-  const _hoisted_3$o = [
-    _hoisted_2$p
+  const _hoisted_3$p = [
+    _hoisted_2$q
   ];
   function render$l(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, _hoisted_3$o);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, _hoisted_3$p);
   }
   const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$l };
   const _hoisted_1$p = {
@@ -18720,15 +18720,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$o = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$p = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
   }, null, -1);
-  const _hoisted_3$n = [
-    _hoisted_2$o
+  const _hoisted_3$o = [
+    _hoisted_2$p
   ];
   function render$k(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, _hoisted_3$n);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, _hoisted_3$o);
   }
   const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$k };
   const _hoisted_1$o = {
@@ -18737,15 +18737,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$n = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$o = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
   }, null, -1);
-  const _hoisted_3$m = [
-    _hoisted_2$n
+  const _hoisted_3$n = [
+    _hoisted_2$o
   ];
   function render$j(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, _hoisted_3$m);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, _hoisted_3$n);
   }
   const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$j };
   const _hoisted_1$n = {
@@ -18754,15 +18754,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$m = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$n = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
   }, null, -1);
-  const _hoisted_3$l = [
-    _hoisted_2$m
+  const _hoisted_3$m = [
+    _hoisted_2$n
   ];
   function render$i(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, _hoisted_3$l);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$n, _hoisted_3$m);
   }
   const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$i };
   const _hoisted_1$m = {
@@ -18771,15 +18771,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$l = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$m = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
   }, null, -1);
-  const _hoisted_3$k = [
-    _hoisted_2$l
+  const _hoisted_3$l = [
+    _hoisted_2$m
   ];
   function render$h(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, _hoisted_3$k);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$m, _hoisted_3$l);
   }
   const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$h };
   const _hoisted_1$l = {
@@ -18788,15 +18788,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$k = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$l = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
   }, null, -1);
-  const _hoisted_3$j = [
-    _hoisted_2$k
+  const _hoisted_3$k = [
+    _hoisted_2$l
   ];
   function render$g(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, _hoisted_3$j);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$l, _hoisted_3$k);
   }
   const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$g };
   const _hoisted_1$k = {
@@ -18805,15 +18805,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$j = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$k = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
   }, null, -1);
-  const _hoisted_3$i = [
-    _hoisted_2$j
+  const _hoisted_3$j = [
+    _hoisted_2$k
   ];
   function render$f(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, _hoisted_3$i);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$k, _hoisted_3$j);
   }
   const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$f };
   const _hoisted_1$j = {
@@ -18822,15 +18822,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$i = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$j = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v1h-2V6h-4v4h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 8v4h4v-4h-4Z"
   }, null, -1);
-  const _hoisted_3$h = [
-    _hoisted_2$i
+  const _hoisted_3$i = [
+    _hoisted_2$j
   ];
   function render$e(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$j, _hoisted_3$h);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$j, _hoisted_3$i);
   }
   const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$e };
   const _hoisted_1$i = {
@@ -18839,15 +18839,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$h = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$i = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M13.5 7a6.5 6.5 0 0 1 6.5 6.5a6.5 6.5 0 0 1-6.5 6.5H10v-2h3.5c2.5 0 4.5-2 4.5-4.5S16 9 13.5 9H7.83l3.08 3.09L9.5 13.5L4 8l5.5-5.5l1.42 1.41L7.83 7h5.67M6 18h2v2H6v-2Z"
   }, null, -1);
-  const _hoisted_3$g = [
-    _hoisted_2$h
+  const _hoisted_3$h = [
+    _hoisted_2$i
   ];
   function render$d(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, _hoisted_3$g);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$i, _hoisted_3$h);
   }
   const MdiUndoVariant = { name: "mdi-undo-variant", render: render$d };
   const _hoisted_1$h = {
@@ -18856,15 +18856,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$g = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$h = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M10.5 7A6.5 6.5 0 0 0 4 13.5a6.5 6.5 0 0 0 6.5 6.5H14v-2h-3.5C8 18 6 16 6 13.5S8 9 10.5 9h5.67l-3.08 3.09l1.41 1.41L20 8l-5.5-5.5l-1.42 1.41L16.17 7H10.5M18 18h-2v2h2v-2Z"
   }, null, -1);
-  const _hoisted_3$f = [
-    _hoisted_2$g
+  const _hoisted_3$g = [
+    _hoisted_2$h
   ];
   function render$c(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, _hoisted_3$f);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$h, _hoisted_3$g);
   }
   const MdiRedoVariant = { name: "mdi-redo-variant", render: render$c };
   const _hoisted_1$g = {
@@ -18873,15 +18873,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$f = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$g = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M5 21h14v-2H5v2m7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-3.5 3.5A3.5 3.5 0 0 1 8.5 11V3H6v8a6 6 0 0 0 6 6Z"
   }, null, -1);
-  const _hoisted_3$e = [
-    _hoisted_2$f
+  const _hoisted_3$f = [
+    _hoisted_2$g
   ];
   function render$b(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$g, _hoisted_3$e);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$g, _hoisted_3$f);
   }
   const MdiFormatUnderline = { name: "mdi-format-underline", render: render$b };
   const _hoisted_1$f = {
@@ -18890,15 +18890,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$e = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$f = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
   }, null, -1);
-  const _hoisted_3$d = [
-    _hoisted_2$e
+  const _hoisted_3$e = [
+    _hoisted_2$f
   ];
   function render$a(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$f, _hoisted_3$d);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$f, _hoisted_3$e);
   }
   const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$a };
   const _hoisted_1$e = {
@@ -18907,15 +18907,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$d = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$e = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
   }, null, -1);
-  const _hoisted_3$c = [
-    _hoisted_2$d
+  const _hoisted_3$d = [
+    _hoisted_2$e
   ];
   function render$9(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, _hoisted_3$c);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$e, _hoisted_3$d);
   }
   const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$9 };
   const _hoisted_1$d = {
@@ -18924,15 +18924,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$c = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$d = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
   }, null, -1);
-  const _hoisted_3$b = [
-    _hoisted_2$c
+  const _hoisted_3$c = [
+    _hoisted_2$d
   ];
   function render$8(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$d, _hoisted_3$b);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$d, _hoisted_3$c);
   }
   const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$8 };
   const _hoisted_1$c = {
@@ -18941,15 +18941,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$b = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$c = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
   }, null, -1);
-  const _hoisted_3$a = [
-    _hoisted_2$b
+  const _hoisted_3$b = [
+    _hoisted_2$c
   ];
   function render$7(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$c, _hoisted_3$a);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$c, _hoisted_3$b);
   }
   const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$7 };
   const _hoisted_1$b = {
@@ -18958,15 +18958,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$a = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$b = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
   }, null, -1);
-  const _hoisted_3$9 = [
-    _hoisted_2$a
+  const _hoisted_3$a = [
+    _hoisted_2$b
   ];
   function render$6(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _hoisted_3$9);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$b, _hoisted_3$a);
   }
   const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$6 };
   const _hoisted_1$a = {
@@ -18975,15 +18975,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$9 = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$a = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "m14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4Z"
   }, null, -1);
-  const _hoisted_3$8 = [
-    _hoisted_2$9
+  const _hoisted_3$9 = [
+    _hoisted_2$a
   ];
   function render$5(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_3$8);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$a, _hoisted_3$9);
   }
   const MdiCodeTags = { name: "mdi-code-tags", render: render$5 };
   const _hoisted_1$9 = {
@@ -18992,15 +18992,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$8 = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$9 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-8 5H9v2c0 1.1-.9 2-2 2c1.1 0 2 .9 2 2v2h2v2H9c-1.1 0-2-.9-2-2v-1c0-1.1-.9-2-2-2v-2c1.1 0 2-.9 2-2V8c0-1.1.9-2 2-2h2v2m8 5c-1.1 0-2 .9-2 2v1c0 1.1-.9 2-2 2h-2v-2h2v-2c0-1.1.9-2 2-2c-1.1 0-2-.9-2-2V8h-2V6h2c1.1 0 2 .9 2 2v1c0 1.1.9 2 2 2v2Z"
   }, null, -1);
-  const _hoisted_3$7 = [
-    _hoisted_2$8
+  const _hoisted_3$8 = [
+    _hoisted_2$9
   ];
   function render$4(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _hoisted_3$7);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$9, _hoisted_3$8);
   }
   const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$4 };
   const _hoisted_1$8 = {
@@ -19009,15 +19009,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$7 = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$8 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M20 19.88V22l-1.8-1.17l-4.79-9c.66-.21 1.26-.55 1.78-1L20 19.88M15 7a3 3 0 0 1-3 3h-.44L5.8 20.83L4 22v-2.12L9.79 9c-1.1-1.23-1-3.13.24-4.24C10.57 4.28 11.27 4 12 4V2a1 1 0 0 1 1 1v1.18c1.2.42 2 1.55 2 2.82m-2 0a1 1 0 0 0-1-1a1 1 0 0 0-1 1a1 1 0 0 0 1 1a1 1 0 0 0 1-1Z"
   }, null, -1);
-  const _hoisted_3$6 = [
-    _hoisted_2$7
+  const _hoisted_3$7 = [
+    _hoisted_2$8
   ];
   function render$3(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_3$6);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_3$7);
   }
   const MdiMathCompass = { name: "mdi-math-compass", render: render$3 };
   const _hoisted_1$7 = {
@@ -19026,15 +19026,15 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$6 = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$7 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41M21.85 9h-4.88V8l.89-.82c.76-.64 1.32-1.18 1.7-1.63c.37-.44.56-.85.57-1.23a.884.884 0 0 0-.27-.7c-.18-.19-.47-.28-.86-.29c-.31.01-.58.07-.84.17l-.66.39l-.45-1.17c.27-.22.59-.39.98-.53S18.85 2 19.32 2c.78 0 1.38.2 1.78.61c.4.39.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.48-.76.93-1.27 1.36l-.64.52v.02h2.58V9Z"
   }, null, -1);
-  const _hoisted_3$5 = [
-    _hoisted_2$6
+  const _hoisted_3$6 = [
+    _hoisted_2$7
   ];
   function render$2(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _hoisted_3$5);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _hoisted_3$6);
   }
   const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$2 };
   const _hoisted_1$6 = {
@@ -19043,20 +19043,20 @@ img.ProseMirror-separator {
     width: "1.2em",
     height: "1.2em"
   };
-  const _hoisted_2$5 = /* @__PURE__ */ vue.createElementVNode("path", {
+  const _hoisted_2$6 = /* @__PURE__ */ vue.createElementVNode("path", {
     fill: "currentColor",
     d: "M16 7.41L11.41 12L16 16.59L14.59 18L10 13.41L5.41 18L4 16.59L8.59 12L4 7.41L5.41 6L10 10.59L14.59 6L16 7.41m5.85 13.62h-4.88v-1l.89-.8c.76-.65 1.32-1.19 1.7-1.63c.37-.44.56-.85.57-1.24a.898.898 0 0 0-.27-.7c-.18-.16-.47-.28-.86-.28c-.31 0-.58.06-.84.18l-.66.38l-.45-1.17c.27-.21.59-.39.98-.53s.82-.24 1.29-.24c.78.04 1.38.25 1.78.66c.4.41.62.93.62 1.57c-.01.56-.19 1.08-.54 1.55c-.34.47-.76.92-1.27 1.36l-.64.52v.02h2.58v1.35Z"
   }, null, -1);
-  const _hoisted_3$4 = [
-    _hoisted_2$5
+  const _hoisted_3$5 = [
+    _hoisted_2$6
   ];
   function render$1(_ctx, _cache) {
-    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _hoisted_3$4);
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _hoisted_3$5);
   }
   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$4 = ["onClick"];
-  const _hoisted_3$3 = { class: "w-24 flex flex-col" };
+  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 _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
@@ -19247,9 +19247,9 @@ img.ProseMirror-separator {
                 onClick: menuItem.action
               }, [
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-              ], 10, _hoisted_2$4)) : (vue.openBlock(), vue.createBlock(vue.unref(Menu), { key: 1 }, {
+              ], 10, _hoisted_2$5)) : (vue.openBlock(), vue.createBlock(vue.unref(Menu), { key: 1 }, {
                 popper: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_3$3, [
+                  vue.createElementVNode("div", _hoisted_3$4, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuItem.children, (child, childIndex) => {
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: childIndex,
@@ -19283,7 +19283,7 @@ img.ProseMirror-separator {
   });
   const svgArrow = "";
   const _hoisted_1$4 = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
-  const _hoisted_2$3 = ["title", "onClick"];
+  const _hoisted_2$4 = ["title", "onClick"];
   const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "EditorBubbleMenu",
     props: {
@@ -19402,7 +19402,7 @@ img.ProseMirror-separator {
                   onClick: ($event) => menuItem.action()
                 }, [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(menuItem.icon)))
-                ], 10, _hoisted_2$3);
+                ], 10, _hoisted_2$4);
               }), 64))
             ])
           ]),
@@ -40213,8 +40213,8 @@ img.ProseMirror-separator {
     }
   };
   const _hoisted_1$3 = { class: "" };
-  const _hoisted_2$2 = { class: "" };
-  const _hoisted_3$2 = ["innerHTML"];
+  const _hoisted_2$3 = { class: "" };
+  const _hoisted_3$3 = ["innerHTML"];
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     __name: "KatexBlockViewRenderer",
     props: nodeViewProps,
@@ -40244,7 +40244,7 @@ img.ProseMirror-separator {
         return vue.openBlock(), vue.createBlock(vue.unref(NodeViewWrapper), { class: "bg-gray-100 p-4" }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$3, [
-              vue.createElementVNode("div", _hoisted_2$2, [
+              vue.createElementVNode("div", _hoisted_2$3, [
                 vue.createElementVNode("button", {
                   onClick: _cache[0] || (_cache[0] = vue.withModifiers(
                     (...args) => _ctx.deleteNode && _ctx.deleteNode(...args),
@@ -40259,7 +40259,7 @@ img.ProseMirror-separator {
               }, null, 512), [
                 [vue.vModelText, rawText.value]
               ]),
-              vue.createElementVNode("div", { innerHTML: vue.unref(renderedKatex) }, null, 8, _hoisted_3$2)
+              vue.createElementVNode("div", { innerHTML: vue.unref(renderedKatex) }, null, 8, _hoisted_3$3)
             ])
           ]),
           _: 1
@@ -40540,8 +40540,8 @@ img.ProseMirror-separator {
     }
   });
   const _hoisted_1$2 = { class: "items" };
-  const _hoisted_2$1 = ["onClick"];
-  const _hoisted_3$1 = {
+  const _hoisted_2$2 = ["onClick"];
+  const _hoisted_3$2 = {
     key: 1,
     class: "item"
   };
@@ -40609,8 +40609,8 @@ img.ProseMirror-separator {
             }, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { class: "bg-gray-100 p-0.5 rounded-sm" })),
               vue.createTextVNode(" " + vue.toDisplayString(item.title), 1)
-            ], 10, _hoisted_2$1);
-          }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, "No result"))
+            ], 10, _hoisted_2$2);
+          }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, "No result"))
         ]);
       };
     }
@@ -87166,8 +87166,8 @@ img.ProseMirror-separator {
   lowlight$1.registerLanguage("zephir", zephir);
   const lowlight = lowlight$1;
   const _hoisted_1$1 = { class: "py-0.5 px-1" };
-  const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("option", { value: null }, "auto", -1);
-  const _hoisted_3 = ["value"];
+  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: null }, "auto", -1);
+  const _hoisted_3$1 = ["value"];
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "CodeBlockViewRenderer",
     props: nodeViewProps,
@@ -87193,12 +87193,12 @@ img.ProseMirror-separator {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedLanguage) ? selectedLanguage.value = $event : null),
                 contenteditable: "false"
               }, [
-                _hoisted_2,
+                _hoisted_2$1,
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(languages), (language, index2) => {
                   return vue.openBlock(), vue.createElementBlock("option", {
                     key: index2,
                     value: language
-                  }, vue.toDisplayString(language), 9, _hoisted_3);
+                  }, vue.toDisplayString(language), 9, _hoisted_3$1);
                 }), 128))
               ], 512), [
                 [vue.vModelSelect, vue.unref(selectedLanguage)]
@@ -87222,6 +87222,8 @@ img.ProseMirror-separator {
     key: 0,
     class: "halo-rich-text-editor"
   };
+  const _hoisted_2 = { class: "h-full flex flex-row w-full" };
+  const _hoisted_3 = { class: "h-full" };
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __name: "Editor",
     props: {
@@ -87291,10 +87293,15 @@ img.ProseMirror-separator {
         return vue.unref(editor) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
           vue.createVNode(_sfc_main$4, { editor: vue.unref(editor) }, null, 8, ["editor"]),
           vue.createVNode(_sfc_main$5, { editor: vue.unref(editor) }, null, 8, ["editor"]),
-          vue.createVNode(vue.unref(EditorContent), {
-            editor: vue.unref(editor),
-            class: "editor-content markdown-body"
-          }, null, 8, ["editor"])
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(vue.unref(EditorContent), {
+              editor: vue.unref(editor),
+              class: "editor-content markdown-body"
+            }, null, 8, ["editor"]),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.renderSlot(_ctx.$slots, "extra")
+            ])
+          ])
         ])) : vue.createCommentVNode("", true);
       };
     }