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

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

@@ -18389,10 +18389,10 @@ const _hoisted_2$1$1 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$r = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+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$r,
+  _hoisted_3$s,
   _hoisted_4$1
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18668,15 +18668,15 @@ const _hoisted_1$s = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
+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$q = [
-  _hoisted_2$r
+const _hoisted_3$r = [
+  _hoisted_2$s
 ];
 function render$n(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$r);
 }
 const MdiFormatBold = { name: "mdi-format-bold", render: render$n };
 const _hoisted_1$r = {
@@ -18685,15 +18685,15 @@ const _hoisted_1$r = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$r = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$q);
 }
 const MdiFormatItalic = { name: "mdi-format-italic", render: render$m };
 const _hoisted_1$q = {
@@ -18702,15 +18702,15 @@ const _hoisted_1$q = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$q = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$p);
 }
 const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$l };
 const _hoisted_1$p = {
@@ -18719,15 +18719,15 @@ const _hoisted_1$p = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$n = [
-  _hoisted_2$o
+const _hoisted_3$o = [
+  _hoisted_2$p
 ];
 function render$k(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$n);
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$o);
 }
 const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$k };
 const _hoisted_1$o = {
@@ -18736,15 +18736,15 @@ const _hoisted_1$o = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$o = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$m);
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$n);
 }
 const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$j };
 const _hoisted_1$n = {
@@ -18753,15 +18753,15 @@ const _hoisted_1$n = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$l = [
-  _hoisted_2$m
+const _hoisted_3$m = [
+  _hoisted_2$n
 ];
 function render$i(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$l);
+  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$m);
 }
 const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$i };
 const _hoisted_1$m = {
@@ -18770,15 +18770,15 @@ const _hoisted_1$m = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$k = [
-  _hoisted_2$l
+const _hoisted_3$l = [
+  _hoisted_2$m
 ];
 function render$h(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$k);
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$l);
 }
 const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$h };
 const _hoisted_1$l = {
@@ -18787,15 +18787,15 @@ const _hoisted_1$l = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$l = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$j);
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$k);
 }
 const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$g };
 const _hoisted_1$k = {
@@ -18804,15 +18804,15 @@ const _hoisted_1$k = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$i = [
-  _hoisted_2$j
+const _hoisted_3$j = [
+  _hoisted_2$k
 ];
 function render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$i);
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$j);
 }
 const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$f };
 const _hoisted_1$j = {
@@ -18821,15 +18821,15 @@ const _hoisted_1$j = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$h = [
-  _hoisted_2$i
+const _hoisted_3$i = [
+  _hoisted_2$j
 ];
 function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$i);
 }
 const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$e };
 const _hoisted_1$i = {
@@ -18838,15 +18838,15 @@ const _hoisted_1$i = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$g = [
-  _hoisted_2$h
+const _hoisted_3$h = [
+  _hoisted_2$i
 ];
 function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$g);
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$h);
 }
 const MdiUndoVariant = { name: "mdi-undo-variant", render: render$d };
 const _hoisted_1$h = {
@@ -18855,15 +18855,15 @@ const _hoisted_1$h = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$f = [
-  _hoisted_2$g
+const _hoisted_3$g = [
+  _hoisted_2$h
 ];
 function render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$f);
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$g);
 }
 const MdiRedoVariant = { name: "mdi-redo-variant", render: render$c };
 const _hoisted_1$g = {
@@ -18872,15 +18872,15 @@ const _hoisted_1$g = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$e = [
-  _hoisted_2$f
+const _hoisted_3$f = [
+  _hoisted_2$g
 ];
 function render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$e);
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$f);
 }
 const MdiFormatUnderline = { name: "mdi-format-underline", render: render$b };
 const _hoisted_1$f = {
@@ -18889,15 +18889,15 @@ const _hoisted_1$f = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$f = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$d);
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$e);
 }
 const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$a };
 const _hoisted_1$e = {
@@ -18906,15 +18906,15 @@ const _hoisted_1$e = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$e = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$d);
 }
 const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$9 };
 const _hoisted_1$d = {
@@ -18923,15 +18923,15 @@ const _hoisted_1$d = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$d = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$c);
 }
 const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$8 };
 const _hoisted_1$c = {
@@ -18940,15 +18940,15 @@ const _hoisted_1$c = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$c = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$a);
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$b);
 }
 const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$7 };
 const _hoisted_1$b = {
@@ -18957,15 +18957,15 @@ const _hoisted_1$b = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$b = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$9);
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$a);
 }
 const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$6 };
 const _hoisted_1$a = {
@@ -18974,15 +18974,15 @@ const _hoisted_1$a = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$8 = [
-  _hoisted_2$9
+const _hoisted_3$9 = [
+  _hoisted_2$a
 ];
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$8);
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$9);
 }
 const MdiCodeTags = { name: "mdi-code-tags", render: render$5 };
 const _hoisted_1$9 = {
@@ -18991,15 +18991,15 @@ const _hoisted_1$9 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$7 = [
-  _hoisted_2$8
+const _hoisted_3$8 = [
+  _hoisted_2$9
 ];
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$7);
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$8);
 }
 const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$4 };
 const _hoisted_1$8 = {
@@ -19008,15 +19008,15 @@ const _hoisted_1$8 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
+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"
 }, null, -1);
-const _hoisted_3$6 = [
-  _hoisted_2$7
+const _hoisted_3$7 = [
+  _hoisted_2$8
 ];
 function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$6);
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$7);
 }
 const MdiMathCompass = { name: "mdi-math-compass", render: render$3 };
 const _hoisted_1$7 = {
@@ -19025,15 +19025,15 @@ const _hoisted_1$7 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$7 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$6);
 }
 const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$2 };
 const _hoisted_1$6 = {
@@ -19042,20 +19042,20 @@ const _hoisted_1$6 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$6 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$4);
+  return openBlock(), 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__ */ defineComponent({
@@ -19246,9 +19246,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               onClick: menuItem.action
             }, [
               (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-            ], 10, _hoisted_2$4)) : (openBlock(), createBlock(unref(Menu), { key: 1 }, {
+            ], 10, _hoisted_2$5)) : (openBlock(), createBlock(unref(Menu), { key: 1 }, {
               popper: withCtx(() => [
-                createElementVNode("div", _hoisted_3$3, [
+                createElementVNode("div", _hoisted_3$4, [
                   (openBlock(true), createElementBlock(Fragment$1, null, renderList(menuItem.children, (child, childIndex) => {
                     return openBlock(), createElementBlock("div", {
                       key: childIndex,
@@ -19282,7 +19282,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 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__ */ defineComponent({
   __name: "EditorBubbleMenu",
   props: {
@@ -19401,7 +19401,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => menuItem.action()
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(menuItem.icon)))
-              ], 10, _hoisted_2$3);
+              ], 10, _hoisted_2$4);
             }), 64))
           ])
         ]),
@@ -40212,8 +40212,8 @@ var katex$1 = {
   }
 };
 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__ */ defineComponent({
   __name: "KatexBlockViewRenderer",
   props: nodeViewProps,
@@ -40243,7 +40243,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(NodeViewWrapper), { class: "bg-gray-100 p-4" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$3, [
-            createElementVNode("div", _hoisted_2$2, [
+            createElementVNode("div", _hoisted_2$3, [
               createElementVNode("button", {
                 onClick: _cache[0] || (_cache[0] = withModifiers(
                   (...args) => _ctx.deleteNode && _ctx.deleteNode(...args),
@@ -40258,7 +40258,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }, null, 512), [
               [vModelText, rawText.value]
             ]),
-            createElementVNode("div", { innerHTML: unref(renderedKatex) }, null, 8, _hoisted_3$2)
+            createElementVNode("div", { innerHTML: unref(renderedKatex) }, null, 8, _hoisted_3$3)
           ])
         ]),
         _: 1
@@ -40539,8 +40539,8 @@ const ExtensionCommands = Extension.create({
   }
 });
 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"
 };
@@ -40608,8 +40608,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, [
             (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "bg-gray-100 p-0.5 rounded-sm" })),
             createTextVNode(" " + toDisplayString(item.title), 1)
-          ], 10, _hoisted_2$1);
-        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_3$1, "No result"))
+          ], 10, _hoisted_2$2);
+        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_3$2, "No result"))
       ]);
     };
   }
@@ -87165,8 +87165,8 @@ lowlight$1.registerLanguage("xquery", xquery);
 lowlight$1.registerLanguage("zephir", zephir);
 const lowlight = lowlight$1;
 const _hoisted_1$1 = { class: "py-0.5 px-1" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
-const _hoisted_3 = ["value"];
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
+const _hoisted_3$1 = ["value"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockViewRenderer",
   props: nodeViewProps,
@@ -87192,12 +87192,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectedLanguage) ? selectedLanguage.value = $event : null),
               contenteditable: "false"
             }, [
-              _hoisted_2,
+              _hoisted_2$1,
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(languages), (language, index2) => {
                 return openBlock(), createElementBlock("option", {
                   key: index2,
                   value: language
-                }, toDisplayString(language), 9, _hoisted_3);
+                }, toDisplayString(language), 9, _hoisted_3$1);
               }), 128))
             ], 512), [
               [vModelSelect, unref(selectedLanguage)]
@@ -87221,6 +87221,8 @@ const _hoisted_1 = {
   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__ */ defineComponent({
   __name: "Editor",
   props: {
@@ -87290,10 +87292,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return unref(editor) ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$4, { editor: unref(editor) }, null, 8, ["editor"]),
         createVNode(_sfc_main$5, { editor: unref(editor) }, null, 8, ["editor"]),
-        createVNode(unref(EditorContent), {
-          editor: unref(editor),
-          class: "editor-content markdown-body"
-        }, null, 8, ["editor"])
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(EditorContent), {
+            editor: unref(editor),
+            class: "editor-content markdown-body"
+          }, null, 8, ["editor"]),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "extra")
+          ])
+        ])
       ])) : createCommentVNode("", true);
     };
   }