@halo-dev/richtext-editor 0.0.0-alpha.23 → 0.0.0-alpha.25

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

@@ -20926,11 +20926,11 @@ const _hoisted_2$1$1 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$14 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
-const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
-const _hoisted_5 = [
-  _hoisted_3$14,
-  _hoisted_4$3
+const _hoisted_3$15 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
+const _hoisted_5$1 = [
+  _hoisted_3$15,
+  _hoisted_4$4
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ResizeObserver = resolveComponent("ResizeObserver");
@@ -20989,7 +20989,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, 4)
+      }, _hoisted_5$1, 4)
     ], 4)
   ], 46, _hoisted_1$1$1);
 }
@@ -21199,7 +21199,7 @@ const _sfc_main$h = defineComponent({
   }
 });
 const _hoisted_1$1b = ["innerHTML"];
-const _hoisted_2$16 = ["textContent"];
+const _hoisted_2$17 = ["textContent"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
   const _component_Popper = resolveComponent("Popper");
@@ -21245,7 +21245,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString$1(_ctx.finalContent)
-          }, null, 8, _hoisted_2$16))
+          }, null, 8, _hoisted_2$17))
         ]),
         _: 2
       }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
@@ -21381,7 +21381,7 @@ const VTooltip = PrivateVTooltip;
 const Dropdown = _sfc_main$3$1;
 const Menu = _sfc_main$2$1;
 const _hoisted_1$1a = { class: "editor-header flex items-center py-1 space-x-0.5 justify-center border-b drop-shadow-sm bg-white" };
-const _hoisted_2$15 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
+const _hoisted_2$16 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "EditorHeader",
   props: {
@@ -21422,7 +21422,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               class: "inline-flex"
             }, {
               popper: withCtx(() => [
-                createElementVNode("div", _hoisted_2$15, [
+                createElementVNode("div", _hoisted_2$16, [
                   (openBlock(true), createElementBlock(Fragment$1, null, renderList(item.children, (child, childIndex) => {
                     return openBlock(), createBlock(resolveDynamicComponent(child.component), mergeProps(child.props, { key: childIndex }), null, 16);
                   }), 128))
@@ -24913,6 +24913,10 @@ const en = {
         "large_size": (ctx) => {
           const { normalize: _normalize } = ctx;
           return _normalize(["Large size"]);
+        },
+        "edit_link": (ctx) => {
+          const { normalize: _normalize } = ctx;
+          return _normalize(["Edit link"]);
         }
       },
       "video": {
@@ -25265,6 +25269,10 @@ const zhCN = {
         "large_size": (ctx) => {
           const { normalize: _normalize } = ctx;
           return _normalize(["大尺寸"]);
+        },
+        "edit_link": (ctx) => {
+          const { normalize: _normalize } = ctx;
+          return _normalize(["修改链接"]);
         }
       },
       "video": {
@@ -25458,8 +25466,8 @@ const _hoisted_1$18 = {
   key: 0,
   class: "halo-rich-text-editor"
 };
-const _hoisted_2$14 = { class: "h-full flex flex-row w-full" };
-const _hoisted_3$13 = { class: "h-full" };
+const _hoisted_2$15 = { class: "h-full flex flex-row w-full" };
+const _hoisted_3$14 = { class: "h-full" };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Editor",
   props: {
@@ -25493,13 +25501,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$18, [
         createVNode(_sfc_main$f, { editor: __props.editor }, null, 8, ["editor"]),
         createVNode(_sfc_main$g, { editor: __props.editor }, null, 8, ["editor"]),
-        createElementVNode("div", _hoisted_2$14, [
+        createElementVNode("div", _hoisted_2$15, [
           createVNode(unref(EditorContent), {
             editor: __props.editor,
             style: normalizeStyle(__props.contentStyles),
             class: "editor-content markdown-body"
           }, null, 8, ["editor", "style"]),
-          createElementVNode("div", _hoisted_3$13, [
+          createElementVNode("div", _hoisted_3$14, [
             renderSlot(_ctx.$slots, "extra")
           ])
         ])
@@ -26115,15 +26123,15 @@ const _hoisted_1$16 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$14 = /* @__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$12 = [
-  _hoisted_2$13
+const _hoisted_3$13 = [
+  _hoisted_2$14
 ];
 function render$Y(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$12);
+  return openBlock(), createElementBlock("svg", _hoisted_1$16, _hoisted_3$13);
 }
 const MdiUndoVariant = { name: "mdi-undo-variant", render: render$Y };
 const _hoisted_1$15 = {
@@ -26131,15 +26139,15 @@ const _hoisted_1$15 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$13 = /* @__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$11 = [
-  _hoisted_2$12
+const _hoisted_3$12 = [
+  _hoisted_2$13
 ];
 function render$X(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$11);
+  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$12);
 }
 const MdiRedoVariant = { name: "mdi-redo-variant", render: render$X };
 const History = History$1.extend({
@@ -26320,15 +26328,15 @@ const _hoisted_1$14 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$11 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$12 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M13 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2v6H9V4h4m0 6a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2v4h2Z"
 }, null, -1);
-const _hoisted_3$10 = [
-  _hoisted_2$11
+const _hoisted_3$11 = [
+  _hoisted_2$12
 ];
 function render$W(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$10);
+  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$11);
 }
 const MdiFormatParagraph = { name: "mdi-format-paragraph", render: render$W };
 const _hoisted_1$13 = {
@@ -26336,15 +26344,15 @@ const _hoisted_1$13 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$11 = /* @__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$$ = [
-  _hoisted_2$10
+const _hoisted_3$10 = [
+  _hoisted_2$11
 ];
 function render$V(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$$);
+  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$10);
 }
 const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$V };
 const _hoisted_1$12 = {
@@ -26352,15 +26360,15 @@ const _hoisted_1$12 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$$ = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$10 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
 }, null, -1);
-const _hoisted_3$_ = [
-  _hoisted_2$$
+const _hoisted_3$$ = [
+  _hoisted_2$10
 ];
 function render$U(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$_);
+  return openBlock(), createElementBlock("svg", _hoisted_1$12, _hoisted_3$$);
 }
 const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$U };
 const _hoisted_1$11 = {
@@ -26368,15 +26376,15 @@ const _hoisted_1$11 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$_ = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$$ = /* @__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$Z = [
-  _hoisted_2$_
+const _hoisted_3$_ = [
+  _hoisted_2$$
 ];
 function render$T(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$Z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$11, _hoisted_3$_);
 }
 const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$T };
 const _hoisted_1$10 = {
@@ -26384,15 +26392,15 @@ const _hoisted_1$10 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$_ = /* @__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$Y = [
-  _hoisted_2$Z
+const _hoisted_3$Z = [
+  _hoisted_2$_
 ];
 function render$S(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$10, _hoisted_3$Y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$10, _hoisted_3$Z);
 }
 const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$S };
 const _hoisted_1$$ = {
@@ -26400,15 +26408,15 @@ const _hoisted_1$$ = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Z = /* @__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$X = [
-  _hoisted_2$Y
+const _hoisted_3$Y = [
+  _hoisted_2$Z
 ];
 function render$R(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$$, _hoisted_3$X);
+  return openBlock(), createElementBlock("svg", _hoisted_1$$, _hoisted_3$Y);
 }
 const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$R };
 const _hoisted_1$_ = {
@@ -26416,15 +26424,15 @@ const _hoisted_1$_ = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$X = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Y = /* @__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$W = [
-  _hoisted_2$X
+const _hoisted_3$X = [
+  _hoisted_2$Y
 ];
 function render$Q(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$_, _hoisted_3$W);
+  return openBlock(), createElementBlock("svg", _hoisted_1$_, _hoisted_3$X);
 }
 const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$Q };
 const _hoisted_1$Z = {
@@ -26432,15 +26440,15 @@ const _hoisted_1$Z = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$X = /* @__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$V = [
-  _hoisted_2$W
+const _hoisted_3$W = [
+  _hoisted_2$X
 ];
 function render$P(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Z, _hoisted_3$V);
+  return openBlock(), createElementBlock("svg", _hoisted_1$Z, _hoisted_3$W);
 }
 const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$P };
 const Blockquote$2 = Heading.extend({
@@ -26689,15 +26697,15 @@ const _hoisted_1$Y = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$W = /* @__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$U = [
-  _hoisted_2$V
+const _hoisted_3$V = [
+  _hoisted_2$W
 ];
 function render$O(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_3$U);
+  return openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_3$V);
 }
 const MdiFormatBold = { name: "mdi-format-bold", render: render$O };
 const _hoisted_1$X = ["title"];
@@ -26839,15 +26847,15 @@ const _hoisted_1$W = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
 }, null, -1);
-const _hoisted_3$T = [
-  _hoisted_2$U
+const _hoisted_3$U = [
+  _hoisted_2$V
 ];
 function render$N(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$T);
+  return openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$U);
 }
 const MdiFormatItalic = { name: "mdi-format-italic", render: render$N };
 const Italic = Italic$1.extend({
@@ -26954,15 +26962,15 @@ const _hoisted_1$V = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
 }, null, -1);
-const _hoisted_3$S = [
-  _hoisted_2$T
+const _hoisted_3$T = [
+  _hoisted_2$U
 ];
 function render$M(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$S);
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$T);
 }
 const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$M };
 const Strike = Strike$1.extend({
@@ -27046,15 +27054,15 @@ const _hoisted_1$U = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$T = /* @__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$R = [
-  _hoisted_2$S
+const _hoisted_3$S = [
+  _hoisted_2$T
 ];
 function render$L(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$R);
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$S);
 }
 const MdiFormatUnderline = { name: "mdi-format-underline", render: render$L };
 const Underline = Underline$1.extend({
@@ -27171,15 +27179,15 @@ const _hoisted_1$T = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m4 17l2.75-2.75l-.03-.02c-.58-.59-.58-1.54 0-2.12l4.74-4.74l4.24 4.24l-4.74 4.74c-.57.58-1.5.58-2.09.02l-.63.63H4M15.91 2.91c.59-.58 1.54-.58 2.12 0l2.13 2.12c.58.59.58 1.54 0 2.13l-3.3 3.29l-4.24-4.24l3.29-3.3Z"
 }, null, -1);
-const _hoisted_3$Q = [
-  _hoisted_2$R
+const _hoisted_3$R = [
+  _hoisted_2$S
 ];
 function render$K(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_3$Q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_3$R);
 }
 const MdiFormatColorHighlight = { name: "mdi-format-color-highlight", render: render$K };
 const Highlight = Highlight$1.extend({
@@ -27267,15 +27275,15 @@ const _hoisted_1$S = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
 }, null, -1);
-const _hoisted_3$P = [
-  _hoisted_2$Q
+const _hoisted_3$Q = [
+  _hoisted_2$R
 ];
 function render$J(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$P);
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$Q);
 }
 const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$J };
 const Blockquote = Blockquote$1.extend({
@@ -27376,15 +27384,15 @@ const _hoisted_1$R = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Q = /* @__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$O = [
-  _hoisted_2$P
+const _hoisted_3$P = [
+  _hoisted_2$Q
 ];
 function render$I(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$O);
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$P);
 }
 const MdiCodeTags = { name: "mdi-code-tags", render: render$I };
 const Code = Code$1.extend({
@@ -27471,15 +27479,15 @@ const _hoisted_1$Q = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$O = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$P = /* @__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$N = [
-  _hoisted_2$O
+const _hoisted_3$O = [
+  _hoisted_2$P
 ];
 function render$H(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$N);
+  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$O);
 }
 const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$H };
 const Superscript = Superscript$1.extend({
@@ -27566,15 +27574,15 @@ const _hoisted_1$P = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$O = /* @__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$M = [
-  _hoisted_2$N
+const _hoisted_3$N = [
+  _hoisted_2$O
 ];
 function render$G(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$M);
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$N);
 }
 const MdiFormatSubscript = { name: "mdi-format-subscript", render: render$G };
 const Subscript = Subscript$1.extend({
@@ -27767,15 +27775,15 @@ const _hoisted_1$O = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$N = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M7 5h14v2H7V5m0 8v-2h14v2H7M4 4.5A1.5 1.5 0 0 1 5.5 6A1.5 1.5 0 0 1 4 7.5A1.5 1.5 0 0 1 2.5 6A1.5 1.5 0 0 1 4 4.5m0 6A1.5 1.5 0 0 1 5.5 12A1.5 1.5 0 0 1 4 13.5A1.5 1.5 0 0 1 2.5 12A1.5 1.5 0 0 1 4 10.5M7 19v-2h14v2H7m-3-2.5A1.5 1.5 0 0 1 5.5 18A1.5 1.5 0 0 1 4 19.5A1.5 1.5 0 0 1 2.5 18A1.5 1.5 0 0 1 4 16.5Z"
 }, null, -1);
-const _hoisted_3$L = [
-  _hoisted_2$M
+const _hoisted_3$M = [
+  _hoisted_2$N
 ];
 function render$F(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$L);
+  return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$M);
 }
 const MdiFormatListBulleted = { name: "mdi-format-list-bulleted", render: render$F };
 const BulletList = BulletList$1.extend({
@@ -27956,15 +27964,15 @@ const _hoisted_1$N = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$M = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 0 1 .75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25Z"
 }, null, -1);
-const _hoisted_3$K = [
-  _hoisted_2$L
+const _hoisted_3$L = [
+  _hoisted_2$M
 ];
 function render$E(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$K);
+  return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$L);
 }
 const MdiFormatListNumbered = { name: "mdi-format-list-numbered", render: render$E };
 const OrderedList = OrderedList$1.extend({
@@ -28183,15 +28191,15 @@ const _hoisted_1$M = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$L = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M21 19v-2H8v2h13m0-6v-2H8v2h13M8 7h13V5H8v2M4 5v2h2V5H4M3 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5m1 6v2h2v-2H4m-1 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2m1 6v2h2v-2H4m-1 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2Z"
 }, null, -1);
-const _hoisted_3$J = [
-  _hoisted_2$K
+const _hoisted_3$K = [
+  _hoisted_2$L
 ];
 function render$D(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$J);
+  return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$K);
 }
 const MdiFormatListCheckbox = { name: "mdi-format-list-checkbox", render: render$D };
 const TaskList = TaskList$1.extend({
@@ -30790,15 +30798,15 @@ const _hoisted_1$L = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$J = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$K = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8H5m8 0v4h6V8h-6m-8 6v4h6v-4H5m8 0v4h6v-4h-6Z"
 }, null, -1);
-const _hoisted_3$I = [
-  _hoisted_2$J
+const _hoisted_3$J = [
+  _hoisted_2$K
 ];
 function render$C(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$J);
 }
 const MdiTable = { name: "mdi-table", render: render$C };
 const _hoisted_1$K = {
@@ -30806,15 +30814,15 @@ const _hoisted_1$K = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$I = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$J = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M18 14h2v3h3v2h-3v3h-2v-3h-3v-2h3v-3M4 3h14a2 2 0 0 1 2 2v7.08a6.01 6.01 0 0 0-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m0 4v4h6V7H4m8 0v4h6V7h-6m-8 6v4h6v-4H4Z"
 }, null, -1);
-const _hoisted_3$H = [
-  _hoisted_2$I
+const _hoisted_3$I = [
+  _hoisted_2$J
 ];
 function render$B(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$I);
 }
 const MdiTablePlus = { name: "mdi-table-plus", render: render$B };
 const _hoisted_1$J = {
@@ -30822,15 +30830,15 @@ const _hoisted_1$J = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$H = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$I = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M13 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h9V2h-9m7 8v4h-7v-4h7m0 6v4h-7v-4h7m0-12v4h-7V4h7M9 11H6V8H4v3H1v2h3v3h2v-3h3v-2Z"
 }, null, -1);
-const _hoisted_3$G = [
-  _hoisted_2$H
+const _hoisted_3$H = [
+  _hoisted_2$I
 ];
 function render$A(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$G);
+  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$H);
 }
 const MdiTableColumnPlusBefore = { name: "mdi-table-column-plus-before", render: render$A };
 const _hoisted_1$I = {
@@ -30838,15 +30846,15 @@ const _hoisted_1$I = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$G = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$H = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M11 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2V2h9m-7 8v4h7v-4H4m0 6v4h7v-4H4M4 4v4h7V4H4m11 7h3V8h2v3h3v2h-3v3h-2v-3h-3v-2Z"
 }, null, -1);
-const _hoisted_3$F = [
-  _hoisted_2$G
+const _hoisted_3$G = [
+  _hoisted_2$H
 ];
 function render$z(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$F);
+  return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$G);
 }
 const MdiTableColumnPlusAfter = { name: "mdi-table-column-plus-after", render: render$z };
 const _hoisted_1$H = {
@@ -30854,15 +30862,15 @@ const _hoisted_1$H = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$F = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$G = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M22 10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V3h2v2h4V3h2v2h4V3h2v2h4V3h2v7M4 10h4V7H4v3m6 0h4V7h-4v3m10 0V7h-4v3h4m-9 4h2v3h3v2h-3v3h-2v-3H8v-2h3v-3Z"
 }, null, -1);
-const _hoisted_3$E = [
-  _hoisted_2$F
+const _hoisted_3$F = [
+  _hoisted_2$G
 ];
 function render$y(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$E);
+  return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$F);
 }
 const MdiTableRowPlusAfter = { name: "mdi-table-row-plus-after", render: render$y };
 const _hoisted_1$G = {
@@ -30870,15 +30878,15 @@ const _hoisted_1$G = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$E = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$F = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M22 14a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7h2v-2h4v2h2v-2h4v2h2v-2h4v2h2v-7M4 14h4v3H4v-3m6 0h4v3h-4v-3m10 0v3h-4v-3h4m-9-4h2V7h3V5h-3V2h-2v3H8v2h3v3Z"
 }, null, -1);
-const _hoisted_3$D = [
-  _hoisted_2$E
+const _hoisted_3$E = [
+  _hoisted_2$F
 ];
 function render$x(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$D);
+  return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$E);
 }
 const MdiTableRowPlusBefore = { name: "mdi-table-row-plus-before", render: render$x };
 const _hoisted_1$F = {
@@ -30886,15 +30894,15 @@ const _hoisted_1$F = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$D = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$E = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M4 2h7a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 8v4h7v-4H4m0 6v4h7v-4H4M4 4v4h7V4H4m13.59 8L15 9.41L16.41 8L19 10.59L21.59 8L23 9.41L20.41 12L23 14.59L21.59 16L19 13.41L16.41 16L15 14.59L17.59 12Z"
 }, null, -1);
-const _hoisted_3$C = [
-  _hoisted_2$D
+const _hoisted_3$D = [
+  _hoisted_2$E
 ];
 function render$w(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$C);
+  return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$D);
 }
 const MdiTableColumnRemove = { name: "mdi-table-column-remove", render: render$w };
 const _hoisted_1$E = {
@@ -30902,15 +30910,15 @@ const _hoisted_1$E = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$C = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$D = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M9.41 13L12 15.59L14.59 13L16 14.41L13.41 17L16 19.59L14.59 21L12 18.41L9.41 21L8 19.59L10.59 17L8 14.41L9.41 13M22 9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v3M4 9h4V6H4v3m6 0h4V6h-4v3m6 0h4V6h-4v3Z"
 }, null, -1);
-const _hoisted_3$B = [
-  _hoisted_2$C
+const _hoisted_3$C = [
+  _hoisted_2$D
 ];
 function render$v(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$B);
+  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$C);
 }
 const MdiTableRowRemove = { name: "mdi-table-row-remove", render: render$v };
 const _hoisted_1$D = {
@@ -30918,15 +30926,15 @@ const _hoisted_1$D = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$B = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$C = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m15.46 15.88l1.42-1.42L19 16.59l2.12-2.13l1.42 1.42L20.41 18l2.13 2.12l-1.42 1.42L19 19.41l-2.12 2.13l-1.42-1.42L17.59 18l-2.13-2.12M4 3h14a2 2 0 0 1 2 2v7.08a6.01 6.01 0 0 0-4.32.92H12v4h1.08c-.11.68-.11 1.35 0 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m0 4v4h6V7H4m8 0v4h6V7h-6m-8 6v4h6v-4H4Z"
 }, null, -1);
-const _hoisted_3$A = [
-  _hoisted_2$B
+const _hoisted_3$B = [
+  _hoisted_2$C
 ];
 function render$u(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$A);
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$B);
 }
 const MdiTableRemove = { name: "mdi-table-remove", render: render$u };
 const _hoisted_1$C = {
@@ -30934,15 +30942,15 @@ const _hoisted_1$C = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$A = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$B = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M1 6v13a2 2 0 0 0 2 2h6V11h12V6a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2m2 0h4v3H3m4 10H3v-3h4m0-2H3v-3h4m2-2V6h4v3m6 0h-4V6h4m-2 10a1 1 0 1 1-1 1a1 1 0 0 1 1-1m0-3a6.45 6.45 0 0 1 6 4a6.5 6.5 0 0 1-12 0a6.45 6.45 0 0 1 6-4m0 1.5a2.5 2.5 0 1 0 2.5 2.5a2.5 2.5 0 0 0-2.5-2.5"
 }, null, -1);
-const _hoisted_3$z = [
-  _hoisted_2$A
+const _hoisted_3$A = [
+  _hoisted_2$B
 ];
 function render$t(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$A);
 }
 const MdiTableHeadersEye = { name: "mdi-table-headers-eye", render: render$t };
 const _hoisted_1$B = {
@@ -30950,15 +30958,15 @@ const _hoisted_1$B = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$z = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$A = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M5 10H3V4h8v2H5v4m14 8h-6v2h8v-6h-2v4M5 18v-4H3v6h8v-2H5M21 4h-8v2h6v4h2V4M8 13v2l3-3l-3-3v2H3v2h5m8-2V9l-3 3l3 3v-2h5v-2h-5Z"
 }, null, -1);
-const _hoisted_3$y = [
-  _hoisted_2$z
+const _hoisted_3$z = [
+  _hoisted_2$A
 ];
 function render$s(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$z);
 }
 const MdiTableMergeCells = { name: "mdi-table-merge-cells", render: render$s };
 const _hoisted_1$A = {
@@ -30966,15 +30974,15 @@ const _hoisted_1$A = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$z = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M19 14h2v6H3v-6h2v4h14v-4M3 4v6h2V6h14v4h2V4H3m8 7v2H8v2l-3-3l3-3v2h3m5 0V9l3 3l-3 3v-2h-3v-2h3Z"
 }, null, -1);
-const _hoisted_3$x = [
-  _hoisted_2$y
+const _hoisted_3$y = [
+  _hoisted_2$z
 ];
 function render$r(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$x);
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$y);
 }
 const MdiTableSplitCell = { name: "mdi-table-split-cell", render: render$r };
 const Table = Table$1.extend({
@@ -31211,15 +31219,15 @@ const _hoisted_1$z = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$x = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$y = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
 }, null, -1);
-const _hoisted_3$w = [
-  _hoisted_2$x
+const _hoisted_3$x = [
+  _hoisted_2$y
 ];
 function render$q(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$w);
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$x);
 }
 const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$q };
 const _hoisted_1$y = {
@@ -31227,15 +31235,15 @@ const _hoisted_1$y = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$w = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$x = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
 }, null, -1);
-const _hoisted_3$v = [
-  _hoisted_2$w
+const _hoisted_3$w = [
+  _hoisted_2$x
 ];
 function render$p(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$v);
+  return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$w);
 }
 const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$p };
 const _hoisted_1$x = {
@@ -31243,15 +31251,15 @@ const _hoisted_1$x = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$v = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$w = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
 }, null, -1);
-const _hoisted_3$u = [
-  _hoisted_2$v
+const _hoisted_3$v = [
+  _hoisted_2$w
 ];
 function render$o(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$u);
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$v);
 }
 const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$o };
 const _hoisted_1$w = {
@@ -31259,15 +31267,15 @@ const _hoisted_1$w = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$u = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$v = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
 }, null, -1);
-const _hoisted_3$t = [
-  _hoisted_2$u
+const _hoisted_3$u = [
+  _hoisted_2$v
 ];
 function render$n(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$t);
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$u);
 }
 const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$n };
 const TextAlign = TextAlign$1.extend({
@@ -32751,21 +32759,21 @@ const _hoisted_1$v = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$t = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$u = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M10.59 13.41c.41.39.41 1.03 0 1.42c-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0a5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24a2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0a5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24a2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24a.973.973 0 0 1 0-1.42Z"
 }, null, -1);
-const _hoisted_3$s = [
-  _hoisted_2$t
+const _hoisted_3$t = [
+  _hoisted_2$u
 ];
 function render$m(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$s);
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$t);
 }
 const MdiLinkVariant = { name: "mdi-link-variant", render: render$m };
 const _hoisted_1$u = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
-const _hoisted_2$s = ["placeholder"];
-const _hoisted_3$r = { class: "inline-flex items-center mt-2" };
-const _hoisted_4$2 = { class: "ml-2 text-sm text-gray-500" };
+const _hoisted_2$t = ["placeholder"];
+const _hoisted_3$s = { class: "inline-flex items-center mt-2" };
+const _hoisted_4$3 = { class: "ml-2 text-sm text-gray-500" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "LinkBubbleButton",
   props: {
@@ -32814,7 +32822,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(href) ? href.value = $event : null),
               placeholder: unref(i18n).global.t("editor.extensions.link.placeholder"),
               class: "bg-gray-50 rounded-md hover:bg-gray-100 block px-2 w-full py-1.5 text-sm text-gray-900 border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
-            }, null, 8, _hoisted_2$s), [
+            }, null, 8, _hoisted_2$t), [
               [
                 vModelText,
                 unref(href),
@@ -32822,7 +32830,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 { lazy: true }
               ]
             ]),
-            createElementVNode("label", _hoisted_3$r, [
+            createElementVNode("label", _hoisted_3$s, [
               withDirectives(createElementVNode("input", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(target) ? target.value = $event : null),
                 type: "checkbox",
@@ -32830,7 +32838,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               }, null, 512), [
                 [vModelCheckbox, unref(target)]
               ]),
-              createElementVNode("span", _hoisted_4$2, toDisplayString$1(unref(i18n).global.t("editor.extensions.link.open_in_new_window")), 1)
+              createElementVNode("span", _hoisted_4$3, toDisplayString$1(unref(i18n).global.t("editor.extensions.link.open_in_new_window")), 1)
             ])
           ])
         ]),
@@ -32856,15 +32864,15 @@ const _hoisted_1$t = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$s = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M2 5.27L3.28 4L20 20.72L18.73 22l-4.83-4.83l-2.61 2.61a5.003 5.003 0 0 1-7.07 0a5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24a2.982 2.982 0 0 0 4.24 0l2.62-2.6l-1.62-1.61c-.01.24-.11.49-.29.68c-.39.39-1.03.39-1.42 0A4.973 4.973 0 0 1 7.72 11L2 5.27m10.71-1.05a5.003 5.003 0 0 1 7.07 0a5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24a2.982 2.982 0 0 0-4.24 0l-3.33 3.33l-1.41-1.42l3.33-3.33m.7 4.95c.39-.39 1.03-.39 1.42 0a4.999 4.999 0 0 1 1.23 5.06l-1.78-1.77c-.05-.68-.34-1.35-.87-1.87a.973.973 0 0 1 0-1.42Z"
 }, null, -1);
-const _hoisted_3$q = [
-  _hoisted_2$r
+const _hoisted_3$r = [
+  _hoisted_2$s
 ];
 function render$l(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$r);
 }
 const MdiLinkVariantOff = { name: "mdi-link-variant-off", render: render$l };
 const _hoisted_1$s = {
@@ -32872,15 +32880,15 @@ const _hoisted_1$s = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m21 12l-7-7v4C7 10 4 15 3 20c2.5-3.5 6-5.1 11-5.1V19l7-7Z"
 }, null, -1);
-const _hoisted_3$p = [
-  _hoisted_2$q
+const _hoisted_3$q = [
+  _hoisted_2$r
 ];
 function render$k(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$q);
 }
 const MdiShare = { name: "mdi-share", render: render$k };
 const Link = Link$1.extend({
@@ -33658,9 +33666,9 @@ function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = "@", allow
   return plugin2;
 }
 const _hoisted_1$r = { class: "command-items" };
-const _hoisted_2$p = ["id", "onClick"];
-const _hoisted_3$o = { class: "command-title group-hover:text-gray-900 group-hover:font-medium" };
-const _hoisted_4$1 = {
+const _hoisted_2$q = ["id", "onClick"];
+const _hoisted_3$p = { class: "command-title group-hover:text-gray-900 group-hover:font-medium" };
+const _hoisted_4$2 = {
   key: 1,
   class: "command-empty"
 };
@@ -33740,9 +33748,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             onClick: ($event) => handleSelectItem(index2)
           }, [
             (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "command-icon group-hover:!bg-white" })),
-            createElementVNode("span", _hoisted_3$o, toDisplayString$1(unref(i18n).global.t(item.title)), 1)
-          ], 10, _hoisted_2$p);
-        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
+            createElementVNode("span", _hoisted_3$p, toDisplayString$1(unref(i18n).global.t(item.title)), 1)
+          ], 10, _hoisted_2$q);
+        }), 128)) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
           createElementVNode("span", null, toDisplayString$1(unref(i18n).global.t("editor.extensions.commands_menu.no_results")), 1)
         ]))
       ]);
@@ -49792,15 +49800,15 @@ const _hoisted_1$q = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M14.12 10.47L12 12.59l-2.13-2.12l-1.41 1.41L10.59 14l-2.12 2.12l1.41 1.41L12 15.41l2.12 2.12l1.41-1.41L13.41 14l2.12-2.12l-1.41-1.41M15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12M8 9h8v10H8V9Z"
 }, null, -1);
-const _hoisted_3$n = [
-  _hoisted_2$o
+const _hoisted_3$o = [
+  _hoisted_2$p
 ];
 function render$j(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$n);
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$o);
 }
 const MdiDeleteForeverOutline = { name: "mdi-delete-forever-outline", render: render$j };
 const _hoisted_1$p = {
@@ -49808,15 +49816,15 @@ const _hoisted_1$p = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M20 10.5a6.5 6.5 0 0 1-6.5 6.5H7.83l3.09 3.09L9.5 21.5L4 16l5.5-5.5l1.41 1.41L7.83 15h5.67c2.5 0 4.5-2 4.5-4.5S16 6 13.5 6H6V4h7.5a6.5 6.5 0 0 1 6.5 6.5Z"
 }, null, -1);
-const _hoisted_3$m = [
-  _hoisted_2$n
+const _hoisted_3$n = [
+  _hoisted_2$o
 ];
 function render$i(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$m);
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$n);
 }
 const MdiArrowULeftBottom = { name: "mdi-arrow-u-left-bottom", render: render$i };
 const BlockActionSeparator_vue_vue_type_style_index_0_lang = "";
@@ -49855,7 +49863,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 const BlockActionButton_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$n = { class: "editor-block__content" };
-const _hoisted_2$m = { class: "editor-block__actions" };
+const _hoisted_2$n = { class: "editor-block__actions" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "BlockCard",
   props: {
@@ -49900,7 +49908,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           theme: "editor-block-dropdown"
         }, {
           popper: withCtx(() => [
-            createElementVNode("div", _hoisted_2$m, [
+            createElementVNode("div", _hoisted_2$n, [
               renderSlot(_ctx.$slots, "actions"),
               createVNode(_sfc_main$7, {
                 tooltip: unref(i18n).global.t("editor.common.button.new_line"),
@@ -49936,8 +49944,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 const BlockCard_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$m = { class: "py-1.5" };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
-const _hoisted_3$l = ["value"];
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
+const _hoisted_3$m = ["value"];
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockViewRenderer",
   props: {
@@ -49980,12 +49988,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   contenteditable: "false",
                   class: "block px-2 py-1.5 text-sm text-gray-900 border border-gray-300 rounded-md bg-gray-50 focus:ring-blue-500 focus:border-blue-500"
                 }, [
-                  _hoisted_2$l,
+                  _hoisted_2$m,
                   (openBlock(true), createElementBlock(Fragment$1, null, renderList(unref(languages), (language, index2) => {
                     return openBlock(), createElementBlock("option", {
                       key: index2,
                       value: language
-                    }, toDisplayString$1(language), 9, _hoisted_3$l);
+                    }, toDisplayString$1(language), 9, _hoisted_3$m);
                   }), 128))
                 ], 512), [
                   [vModelSelect, unref(selectedLanguage)]
@@ -50011,15 +50019,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: "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$k = [
-  _hoisted_2$k
+const _hoisted_3$l = [
+  _hoisted_2$l
 ];
 function render$h(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$k);
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$l);
 }
 const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$h };
 const ExtensionCodeBlock = CodeBlockLowlight.extend({
@@ -50108,15 +50116,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", {
   d: "M16 18H7V4h9m-4.5 18a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5m4-21h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1z",
   fill: "currentColor"
 }, null, -1);
-const _hoisted_3$j = [
-  _hoisted_2$j
+const _hoisted_3$k = [
+  _hoisted_2$k
 ];
 function render$g(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$j);
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$k);
 }
 const MdiCellphoneIphone = { name: "mdi-cellphone-iphone", render: render$g };
 const _hoisted_1$j = {
@@ -50124,15 +50132,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", {
   d: "M19 19H4V3h15m-7.5 20a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5m7-23h-14A2.5 2.5 0 0 0 2 2.5v19A2.5 2.5 0 0 0 4.5 24h14a2.5 2.5 0 0 0 2.5-2.5v-19A2.5 2.5 0 0 0 18.5 0z",
   fill: "currentColor"
 }, null, -1);
-const _hoisted_3$i = [
-  _hoisted_2$i
+const _hoisted_3$j = [
+  _hoisted_2$j
 ];
 function render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$i);
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$j);
 }
 const MdiTabletIpad = { name: "mdi-tablet-ipad", render: render$f };
 const _hoisted_1$i = {
@@ -50140,15 +50148,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: "M21 14H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h7l-2 3v1h8v-1l-2-3h7a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Z"
 }, null, -1);
-const _hoisted_3$h = [
-  _hoisted_2$h
+const _hoisted_3$i = [
+  _hoisted_2$i
 ];
 function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$i);
 }
 const MdiDesktopMac = { name: "mdi-desktop-mac", render: render$e };
 const _hoisted_1$h = {
@@ -50156,15 +50164,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: "M3 21V3h18v18H3M5 5v14h14V5H5Z"
 }, null, -1);
-const _hoisted_3$g = [
-  _hoisted_2$g
+const _hoisted_3$h = [
+  _hoisted_2$h
 ];
 function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$g);
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$h);
 }
 const MdiBorderAllVariant = { name: "mdi-border-all-variant", render: render$d };
 const _hoisted_1$g = {
@@ -50172,20 +50180,20 @@ 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: "M15 5h2V3h-2m0 18h2v-2h-2M11 5h2V3h-2m8 2h2V3h-2m0 6h2V7h-2m0 14h2v-2h-2m0-6h2v-2h-2m0 6h2v-2h-2M3 5h2V3H3m0 6h2V7H3m0 6h2v-2H3m0 6h2v-2H3m0 6h2v-2H3m8 2h2v-2h-2m-4 2h2v-2H7M7 5h2V3H7v2Z"
 }, null, -1);
-const _hoisted_3$f = [
-  _hoisted_2$f
+const _hoisted_3$g = [
+  _hoisted_2$g
 ];
 function render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$f);
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$g);
 }
 const MdiBorderNoneVariant = { name: "mdi-border-none-variant", render: render$c };
 const _hoisted_1$f = { class: "py-1.5" };
-const _hoisted_2$e = ["placeholder"];
-const _hoisted_3$e = ["src", "width", "height", "frameborder"];
+const _hoisted_2$f = ["placeholder"];
+const _hoisted_3$f = ["src", "width", "height", "frameborder"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "IframeView",
   props: {
@@ -50270,7 +50278,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                     placeholder: unref(i18n).global.t("editor.common.placeholder.link_input"),
                     tabindex: "-1",
                     onFocus: handleSetFocus
-                  }, null, 40, _hoisted_2$e), [
+                  }, null, 40, _hoisted_2$f), [
                     [
                       vModelText,
                       unref(src),
@@ -50292,7 +50300,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   framespacing: "0",
                   allowfullscreen: "true",
                   onMouseenter: handleSetFocus
-                }, null, 42, _hoisted_3$e)) : createCommentVNode("", true)
+                }, null, 42, _hoisted_3$f)) : createCommentVNode("", true)
               ], 4)
             ]),
             actions: withCtx(() => [
@@ -50384,15 +50392,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: "M16.36 14c.08-.66.14-1.32.14-2c0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2c0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .68-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2c0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"
 }, null, -1);
-const _hoisted_3$d = [
-  _hoisted_2$d
+const _hoisted_3$e = [
+  _hoisted_2$e
 ];
 function render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$d);
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$e);
 }
 const MdiWeb = { name: "mdi-web", render: render$b };
 const Iframe = Node2.create({
@@ -50571,15 +50579,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: "M21 3H3C2 3 1 4 1 5v14a2 2 0 0 0 2 2h18c1 0 2-1 2-2V5c0-1-1-2-2-2M5 17l3.5-4.5l2.5 3l3.5-4.5l4.5 6H5Z"
 }, null, -1);
-const _hoisted_3$c = [
-  _hoisted_2$c
+const _hoisted_3$d = [
+  _hoisted_2$d
 ];
 function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$d);
 }
 const MdiImageSizeSelectActual = { name: "mdi-image-size-select-actual", render: render$a };
 const _hoisted_1$c = {
@@ -50587,15 +50595,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: "M23 15h-2v2h2v-2m0-4h-2v2h2v-2m0 8h-2v2c1 0 2-1 2-2M15 3h-2v2h2V3m8 4h-2v2h2V7m-2-4v2h2c0-1-1-2-2-2M3 21h8v-6H1v4a2 2 0 0 0 2 2M3 7H1v2h2V7m12 12h-2v2h2v-2m4-16h-2v2h2V3m0 16h-2v2h2v-2M3 3C2 3 1 4 1 5h2V3m0 8H1v2h2v-2m8-8H9v2h2V3M7 3H5v2h2V3Z"
 }, null, -1);
-const _hoisted_3$b = [
-  _hoisted_2$b
+const _hoisted_3$c = [
+  _hoisted_2$c
 ];
 function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$c);
 }
 const MdiImageSizeSelectSmall = { name: "mdi-image-size-select-small", render: render$9 };
 const _hoisted_1$b = {
@@ -50603,15 +50611,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: "M21 15h2v2h-2v-2m0-4h2v2h-2v-2m2 8h-2v2c1 0 2-1 2-2M13 3h2v2h-2V3m8 4h2v2h-2V7m0-4v2h2c0-1-1-2-2-2M1 7h2v2H1V7m16-4h2v2h-2V3m0 16h2v2h-2v-2M3 3C2 3 1 4 1 5h2V3m6 0h2v2H9V3M5 3h2v2H5V3m-4 8v8a2 2 0 0 0 2 2h12V11H1m2 8l2.5-3.21l1.79 2.15l2.5-3.22L13 19H3Z"
 }, null, -1);
-const _hoisted_3$a = [
-  _hoisted_2$a
+const _hoisted_3$b = [
+  _hoisted_2$b
 ];
 function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$a);
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$b);
 }
 const MdiImageSizeSelectLarge = { name: "mdi-image-size-select-large", render: render$8 };
 const _hoisted_1$a = {
@@ -50619,15 +50627,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: "M13.53 22H10c-.25 0-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49 1.01c-.22.08-.49 0-.61-.22l-2-3.46a.493.493 0 0 1 .12-.64l2.11-1.66c-.04-.32-.07-.64-.07-.97s.03-.66.07-1L2.46 9.37a.493.493 0 0 1-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49 1c.52-.39 1.06-.73 1.69-.98l.37-2.65c.04-.24.25-.42.5-.42h4c.25 0 .46.18.5.42l.37 2.65c.63.25 1.17.59 1.69.98l2.49-1c.22-.09.49 0 .61.22l2 3.46c.12.22.07.49-.12.64L19.43 11c.04.34.07.67.07 1v.19c-.5-.12-1-.19-1.5-.19c-.92 0-1.78.21-2.56.58c.03-.19.06-.38.06-.58c0-1.93-1.57-3.5-3.5-3.5S8.5 10.07 8.5 12s1.57 3.5 3.5 3.5c.2 0 .39-.03.58-.06a5.97 5.97 0 0 0 .95 6.56M16 15v6l5-3l-5-3Z"
 }, null, -1);
-const _hoisted_3$9 = [
-  _hoisted_2$9
+const _hoisted_3$a = [
+  _hoisted_2$a
 ];
 function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$9);
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
 }
 const MdiCogPlay = { name: "mdi-cog-play", render: render$7 };
 const _hoisted_1$9 = {
@@ -50635,15 +50643,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: "M13.54 22H10c-.25 0-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49 1.01c-.22.08-.49 0-.61-.22l-2-3.46a.493.493 0 0 1 .12-.64l2.11-1.66L4.5 12l.07-1l-2.11-1.63a.493.493 0 0 1-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49 1c.52-.39 1.06-.73 1.69-.98l.37-2.65c.04-.24.25-.42.5-.42h4c.25 0 .46.18.5.42l.37 2.65c.63.25 1.17.59 1.69.98l2.49-1c.22-.09.49 0 .61.22l2 3.46c.13.22.07.49-.12.64L19.43 11l.07 1v.19c-.5-.12-1-.19-1.5-.19c-.17 0-.34 0-.5.03c0-.62-.1-1.24-.3-1.83l2.11-1.55l-.75-1.3l-2.41 1.04a5.42 5.42 0 0 0-3.03-1.77L12.75 4h-1.5l-.37 2.61c-1.2.25-2.26.89-3.03 1.78L5.44 7.35l-.75 1.3L6.8 10.2a5.55 5.55 0 0 0 0 3.6l-2.12 1.56l.75 1.3l2.43-1.04c.77.88 1.82 1.52 3.01 1.76l.37 2.62h1.11c.26.75.65 1.42 1.19 2m2.42-9.64c.04-.12.04-.24.04-.36c0-2.21-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4c.12 0 .24 0 .36-.04a6.045 6.045 0 0 1 3.6-3.6M12 14c-1.1 0-2-.89-2-2s.9-2 2-2s2 .9 2 2s-.89 2-2 2m4 1v6l5-3l-5-3Z"
 }, null, -1);
-const _hoisted_3$8 = [
-  _hoisted_2$8
+const _hoisted_3$9 = [
+  _hoisted_2$9
 ];
 function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$8);
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
 }
 const MdiCogPlayOutline = { name: "mdi-cog-play-outline", render: render$6 };
 const _hoisted_1$8 = {
@@ -50651,15 +50659,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: "M10 16.5v-9l6 4.5M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"
 }, null, -1);
-const _hoisted_3$7 = [
-  _hoisted_2$7
+const _hoisted_3$8 = [
+  _hoisted_2$8
 ];
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$7);
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
 }
 const MdiPlayCircle = { name: "mdi-play-circle", render: render$5 };
 const _hoisted_1$7 = {
@@ -50667,15 +50675,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: "M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m-2 14.5l6-4.5l-6-4.5v9Z"
 }, null, -1);
-const _hoisted_3$6 = [
-  _hoisted_2$6
+const _hoisted_3$7 = [
+  _hoisted_2$7
 ];
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$6);
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
 }
 const MdiPlayCircleOutline = { name: "mdi-play-circle-outline", render: render$4 };
 const _hoisted_1$6 = {
@@ -50683,15 +50691,15 @@ 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: "m10 16.5l6-4.5l-6-4.5M22 12c0-5.54-4.46-10-10-10c-1.17 0-2.3.19-3.38.56l.7 1.94c.85-.34 1.74-.53 2.68-.53c4.41 0 8.03 3.62 8.03 8.03c0 4.41-3.62 8.03-8.03 8.03c-4.41 0-8.03-3.62-8.03-8.03c0-.94.19-1.88.53-2.72l-1.94-.66C2.19 9.7 2 10.83 2 12c0 5.54 4.46 10 10 10s10-4.46 10-10M5.47 3.97c.85 0 1.53.71 1.53 1.5C7 6.32 6.32 7 5.47 7c-.79 0-1.5-.68-1.5-1.53c0-.79.71-1.5 1.5-1.5Z"
 }, null, -1);
-const _hoisted_3$5 = [
-  _hoisted_2$5
+const _hoisted_3$6 = [
+  _hoisted_2$6
 ];
 function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
 }
 const MdiMotionPlayOutline = { name: "mdi-motion-play-outline", render: render$3 };
 const _hoisted_1$5 = {
@@ -50699,20 +50707,20 @@ const _hoisted_1$5 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M22 12c0-5.54-4.46-10-10-10c-1.17 0-2.3.19-3.38.56l.7 1.94c.85-.34 1.74-.53 2.68-.53c4.41 0 8.03 3.62 8.03 8.03c0 4.41-3.62 8.03-8.03 8.03c-4.41 0-8.03-3.62-8.03-8.03c0-.94.19-1.88.53-2.72l-1.94-.66C2.19 9.7 2 10.83 2 12c0 5.54 4.46 10 10 10s10-4.46 10-10M5.47 3.97c.85 0 1.53.71 1.53 1.5C7 6.32 6.32 7 5.47 7c-.79 0-1.5-.68-1.5-1.53c0-.79.71-1.5 1.5-1.5M18 12c0-3.33-2.67-6-6-6s-6 2.67-6 6s2.67 6 6 6s6-2.67 6-6m-3 0l-5 3V9"
 }, null, -1);
-const _hoisted_3$4 = [
-  _hoisted_2$4
+const _hoisted_3$5 = [
+  _hoisted_2$5
 ];
 function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$4);
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
 }
 const MdiMotionPlay = { name: "mdi-motion-play", render: render$2 };
 const _hoisted_1$4 = { class: "py-1.5" };
-const _hoisted_2$3 = ["placeholder"];
-const _hoisted_3$3 = ["controls", "autoplay", "loop", "src"];
+const _hoisted_2$4 = ["placeholder"];
+const _hoisted_3$4 = ["controls", "autoplay", "loop", "src"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VideoView",
   props: {
@@ -50812,7 +50820,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     placeholder: unref(i18n).global.t("editor.common.placeholder.link_input"),
                     tabindex: "-1",
                     onFocus: handleSetFocus
-                  }, null, 40, _hoisted_2$3), [
+                  }, null, 40, _hoisted_2$4), [
                     [
                       vModelText,
                       unref(src),
@@ -50833,7 +50841,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     height: __props.node.attrs.height
                   }),
                   onMouseenter: handleSetFocus
-                }, null, 44, _hoisted_3$3)) : createCommentVNode("", true)
+                }, null, 44, _hoisted_3$4)) : createCommentVNode("", true)
               ], 4)
             ]),
             actions: withCtx(() => [
@@ -50935,15 +50943,15 @@ const _hoisted_1$3 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"
 }, null, -1);
-const _hoisted_3$2 = [
-  _hoisted_2$2
+const _hoisted_3$3 = [
+  _hoisted_2$3
 ];
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$2);
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
 }
 const MdiVideo = { name: "mdi-video", render: render$1 };
 const Video = Node2.create({
@@ -51077,9 +51085,9 @@ const Video = Node2.create({
   }
 });
 const _hoisted_1$2 = { class: "inline-block overflow-hidden transition-all text-center relative h-full w-full" };
-const _hoisted_2$1 = { class: "py-1.5" };
-const _hoisted_3$1 = ["placeholder"];
-const _hoisted_4 = ["autoplay", "loop", "src"];
+const _hoisted_2$2 = { class: "py-1.5" };
+const _hoisted_3$2 = ["placeholder"];
+const _hoisted_4$1 = ["autoplay", "loop", "src"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "AudioView",
   props: {
@@ -51138,14 +51146,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }, {
             content: withCtx(() => [
               createElementVNode("div", _hoisted_1$2, [
-                createElementVNode("div", _hoisted_2$1, [
+                createElementVNode("div", _hoisted_2$2, [
                   withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(src) ? src.value = $event : null),
                     class: "block px-2 w-full py-1.5 text-sm text-gray-900 border border-gray-300 rounded-md bg-gray-50 focus:ring-blue-500 focus:border-blue-500",
                     placeholder: unref(i18n).global.t("editor.common.placeholder.link_input"),
                     tabindex: "-1",
                     onFocus: handleSetFocus
-                  }, null, 40, _hoisted_3$1), [
+                  }, null, 40, _hoisted_3$2), [
                     [
                       vModelText,
                       unref(src),
@@ -51161,7 +51169,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   loop: unref(loop),
                   src: __props.node.attrs.src,
                   onMouseenter: handleSetFocus
-                }, null, 40, _hoisted_4)) : createCommentVNode("", true)
+                }, null, 40, _hoisted_4$1)) : createCommentVNode("", true)
               ])
             ]),
             actions: withCtx(() => [
@@ -51209,15 +51217,15 @@ const _hoisted_1$1 = {
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M16 9h-3v5.5a2.5 2.5 0 0 1-2.5 2.5A2.5 2.5 0 0 1 8 14.5a2.5 2.5 0 0 1 2.5-2.5c.57 0 1.08.19 1.5.5V7h4v2m-4-7a10 10 0 0 1 10 10a10 10 0 0 1-10 10A10 10 0 0 1 2 12A10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8Z"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3$1 = [
+  _hoisted_2$1
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
 }
 const MdiMusicCircleOutline = { name: "mdi-music-circle-outline", render };
 const Audio = Node2.create({
@@ -51527,7 +51535,14 @@ const _TransitionPresets = {
 __spreadValues({
   linear: identity
 }, _TransitionPresets);
-const _hoisted_1 = ["src", "title", "alt"];
+const _hoisted_1 = {
+  key: 0,
+  class: "py-1.5"
+};
+const _hoisted_2 = ["placeholder"];
+const _hoisted_3 = ["src", "title", "alt"];
+const _hoisted_4 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
+const _hoisted_5 = ["placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImageView",
   props: {
@@ -51542,8 +51557,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const src = computed(() => {
-      return props.node.attrs.src;
+    const src = computed({
+      get: () => {
+        var _a2;
+        return (_a2 = props.node) == null ? void 0 : _a2.attrs.src;
+      },
+      set: (src2) => {
+        props.updateAttributes({ src: src2 });
+      }
     });
     const alt = computed({
       get: () => {
@@ -51573,25 +51594,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const resizeRef = ref();
+    let mounted = false;
     const reuseResizeObserver = () => {
       let init2 = true;
-      return useResizeObserver(resizeRef, (entries) => {
-        if (init2) {
-          init2 = false;
-          return;
-        }
-        const entry = entries[0];
-        const { width: width2, height: height2 } = entry.contentRect;
-        props.updateAttributes({ width: width2 + "px", height: height2 + "px" });
-      });
+      return useResizeObserver(
+        resizeRef,
+        (entries) => {
+          if (!mounted) {
+            mounted = true;
+            return;
+          }
+          if (init2) {
+            init2 = false;
+            return;
+          }
+          const entry = entries[0];
+          const { width: width2, height: height2 } = entry.contentRect;
+          props.updateAttributes({ width: width2 + "px", height: height2 + "px" });
+        },
+        { box: "border-box" }
+      );
     };
     let resizeObserver = reuseResizeObserver();
+    window.addEventListener("resize", resetResizeObserver);
+    onUnmounted(() => {
+      window.removeEventListener("resize", resetResizeObserver);
+    });
+    function resetResizeObserver() {
+      resizeObserver.stop();
+      resizeObserver = reuseResizeObserver();
+    }
     function handleSetSize(width2, height2) {
       resizeObserver.stop();
       props.updateAttributes({ width: width2, height: height2 });
       props.editor.chain().focus().setNodeSelection(props.getPos()).run();
       resizeObserver = reuseResizeObserver();
     }
+    function handleSetFocus() {
+      props.editor.commands.setNodeSelection(props.getPos());
+    }
     function handleOpenLink() {
       window.open(src.value, "_blank");
     }
@@ -51605,7 +51646,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "get-pos": __props.getPos
           }, {
             content: withCtx(() => [
-              createElementVNode("div", {
+              !unref(src) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                withDirectives(createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(src) ? src.value = $event : null),
+                  class: "block px-2 w-full py-1.5 text-sm text-gray-900 border border-gray-300 rounded-md bg-gray-50 focus:ring-blue-500 focus:border-blue-500",
+                  placeholder: unref(i18n).global.t("editor.common.placeholder.link_input"),
+                  tabindex: "-1",
+                  onFocus: handleSetFocus
+                }, null, 40, _hoisted_2), [
+                  [
+                    vModelText,
+                    unref(src),
+                    void 0,
+                    { lazy: true }
+                  ]
+                ])
+              ])) : (openBlock(), createElementBlock("div", {
+                key: 1,
                 ref_key: "resizeRef",
                 ref: resizeRef,
                 class: normalizeClass(["resize inline-block overflow-hidden text-center relative", {
@@ -51621,19 +51678,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   title: __props.node.attrs.title,
                   alt: unref(alt),
                   class: "w-full h-full"
-                }, null, 8, _hoisted_1)
-              ], 6)
+                }, null, 8, _hoisted_3)
+              ], 6))
             ]),
             actions: withCtx(() => [
               createVNode(_sfc_main$4, {
                 modelValue: unref(width),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(width) ? width.value = $event : null),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(width) ? width.value = $event : null),
                 modelModifiers: { lazy: true, trim: true },
                 tooltip: unref(i18n).global.t("editor.common.tooltip.custom_width_input")
               }, null, 8, ["modelValue", "tooltip"]),
               createVNode(_sfc_main$4, {
                 modelValue: unref(height),
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(height) ? height.value = $event : null),
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(height) ? height.value = $event : null),
                 modelModifiers: { lazy: true, trim: true },
                 tooltip: unref(i18n).global.t("editor.common.tooltip.custom_height_input")
               }, null, 8, ["modelValue", "tooltip"]),
@@ -51641,7 +51698,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$7, {
                 tooltip: unref(i18n).global.t("editor.extensions.image.small_size"),
                 selected: __props.node.attrs.width === "25%",
-                onClick: _cache[2] || (_cache[2] = ($event) => handleSetSize("25%", "auto"))
+                onClick: _cache[3] || (_cache[3] = ($event) => handleSetSize("25%", "auto"))
               }, {
                 icon: withCtx(() => [
                   createVNode(unref(MdiImageSizeSelectSmall))
@@ -51651,7 +51708,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$7, {
                 tooltip: unref(i18n).global.t("editor.extensions.image.medium_size"),
                 selected: __props.node.attrs.width === "50%",
-                onClick: _cache[3] || (_cache[3] = ($event) => handleSetSize("50%", "auto"))
+                onClick: _cache[4] || (_cache[4] = ($event) => handleSetSize("50%", "auto"))
               }, {
                 icon: withCtx(() => [
                   createVNode(unref(MdiImageSizeSelectLarge))
@@ -51661,7 +51718,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_sfc_main$7, {
                 tooltip: unref(i18n).global.t("editor.extensions.image.large_size"),
                 selected: __props.node.attrs.width === "100%",
-                onClick: _cache[4] || (_cache[4] = ($event) => handleSetSize("100%", "100%"))
+                onClick: _cache[5] || (_cache[5] = ($event) => handleSetSize("100%", "100%"))
               }, {
                 icon: withCtx(() => [
                   createVNode(unref(MdiImageSizeSelectActual))
@@ -51669,12 +51726,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["tooltip", "selected"]),
               createVNode(BlockActionSeparator),
+              createVNode(unref(Dropdown), {
+                class: "inline-flex",
+                triggers: ["click"],
+                distance: 10
+              }, {
+                popper: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    withDirectives(createElementVNode("input", {
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(src) ? src.value = $event : null),
+                      placeholder: unref(i18n).global.t("editor.common.placeholder.link_input"),
+                      class: "bg-gray-50 rounded-md hover:bg-gray-100 block px-2 w-full py-1.5 text-sm text-gray-900 border border-gray-300 focus:ring-blue-500 focus:border-blue-500"
+                    }, null, 8, _hoisted_5), [
+                      [
+                        vModelText,
+                        unref(src),
+                        void 0,
+                        { lazy: true }
+                      ]
+                    ])
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode(_sfc_main$7, {
+                    tooltip: unref(i18n).global.t("editor.extensions.image.edit_link")
+                  }, {
+                    icon: withCtx(() => [
+                      createVNode(unref(MdiLinkVariant))
+                    ]),
+                    _: 1
+                  }, 8, ["tooltip"])
+                ]),
+                _: 1
+              }),
               createVNode(_sfc_main$7, {
                 tooltip: unref(i18n).global.t("editor.common.tooltip.open_link"),
                 onClick: handleOpenLink
               }, {
                 icon: withCtx(() => [
-                  createVNode(unref(MdiLinkVariant))
+                  createVNode(unref(MdiShare))
                 ]),
                 _: 1
               }, 8, ["tooltip"])
@@ -51701,7 +51791,6 @@ const Image = Image$1.extend({
       width: {
         default: "100%",
         parseHTML: (element) => {
-          console.log(element);
           const width = element.getAttribute("width") || element.style.width || null;
           return width;
         },