npm - @halo-dev/richtext-editor - Versions diffs - 0.0.0-alpha.29 → 0.0.0-alpha.30 - Mend

@halo-dev/richtext-editor 0.0.0-alpha.29 → 0.0.0-alpha.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/extensions/code-block/code-block.d.ts +14 -1
package/dist/extensions/image/ImageView.vue.d.ts +15 -13
package/dist/extensions/indent/index.d.ts +22 -0
package/dist/extensions/index.d.ts +2 -1
package/dist/rich-text-editor.es.js +870 -542
package/dist/rich-text-editor.es.js.map +1 -1
package/dist/rich-text-editor.iife.js +870 -542
package/dist/rich-text-editor.iife.js.map +1 -1
package/dist/style.css +17 -0
package/package.json +1 -1

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

@@ -16989,7 +16989,7 @@ function getChildren(popper2) {
     })
   };
 }
-function render$1d(instance) {
+function render$1e(instance) {
   var popper2 = div();
   var box = div();
   box.className = BOX_CLASS;
@@ -17044,7 +17044,7 @@ function render$1d(instance) {
     onUpdate
   };
 }
-render$1d.$$tippy = true;
+render$1e.$$tippy = true;
 var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
@@ -17824,7 +17824,7 @@ Object.assign({}, applyStyles$1, {
   }
 });
 tippy.setDefaultProps({
-  render: render$1d
+  render: render$1e
 });
 class BubbleMenuView {
   constructor({ editor, element, view, tippyOptions = {}, updateDelay = 250, shouldShow }) {
@@ -20895,10 +20895,10 @@ const _hoisted_1$2$1 = {
   tabindex: "-1"
 };
 popScopeId();
-const render$1c = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
+const render$1d = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
   return openBlock(), createBlock("div", _hoisted_1$2$1);
 });
-script$6.render = render$1c;
+script$6.render = render$1d;
 script$6.__scopeId = "data-v-b329ee4c";
 script$6.__file = "src/components/ResizeObserver.vue";
 var PrivateThemeClass = (prop = "theme") => ({
@@ -20945,10 +20945,10 @@ const _hoisted_2$1$1 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$1q = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+const _hoisted_3$1r = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
 const _hoisted_4$e = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
 const _hoisted_5$9 = [
-  _hoisted_3$1q,
+  _hoisted_3$1r,
   _hoisted_4$e
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -21217,8 +21217,8 @@ const _sfc_main$n = defineComponent({
     }
   }
 });
-const _hoisted_1$1v = ["innerHTML"];
-const _hoisted_2$1r = ["textContent"];
+const _hoisted_1$1w = ["innerHTML"];
+const _hoisted_2$1s = ["textContent"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent("PopperContent");
   const _component_Popper = resolveComponent("Popper");
@@ -21261,10 +21261,10 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.html ? (openBlock(), createElementBlock("div", {
             key: 0,
             innerHTML: _ctx.finalContent
-          }, null, 8, _hoisted_1$1v)) : (openBlock(), createElementBlock("div", {
+          }, null, 8, _hoisted_1$1w)) : (openBlock(), createElementBlock("div", {
             key: 1,
             textContent: toDisplayString$1(_ctx.finalContent)
-          }, null, 8, _hoisted_2$1r))
+          }, null, 8, _hoisted_2$1s))
         ]),
         _: 2
       }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
@@ -21399,28 +21399,28 @@ var PrivateVTooltip = {
 const VTooltip = PrivateVTooltip;
 const Dropdown = _sfc_main$3$1;
 const Menu = _sfc_main$2$1;
-const _hoisted_1$1u = {
+const _hoisted_1$1v = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$1q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1r = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 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$1p = [
-  _hoisted_2$1q
+const _hoisted_3$1q = [
+  _hoisted_2$1r
 ];
-function render$1b(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1u, _hoisted_3$1p);
+function render$1c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1v, _hoisted_3$1q);
 }
-const MdiPlusCircle = { name: "mdi-plus-circle", render: render$1b };
-const _hoisted_1$1t = { class: "editor-header flex items-center py-1 space-x-0.5 justify-start px-1 overflow-auto sm:!justify-center border-b drop-shadow-sm bg-white" };
-const _hoisted_2$1p = { class: "inline-flex items-center justify-center" };
-const _hoisted_3$1o = { class: "p-1 rounded-sm hover:bg-gray-100" };
+const MdiPlusCircle = { name: "mdi-plus-circle", render: render$1c };
+const _hoisted_1$1u = { class: "editor-header flex items-center py-1 space-x-0.5 justify-start px-1 overflow-auto sm:!justify-center border-b drop-shadow-sm bg-white" };
+const _hoisted_2$1q = { class: "inline-flex items-center justify-center" };
+const _hoisted_3$1p = { class: "p-1 rounded-sm hover:bg-gray-100" };
 const _hoisted_4$d = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-56 p-1 max-h-96 overflow-y-auto space-y-1.5" };
 const _hoisted_5$8 = /* @__PURE__ */ createElementVNode("div", { class: "h-5 bg-gray-100 w-[1px] !mx-1" }, null, -1);
-const _hoisted_6$5 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
+const _hoisted_6$6 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-48 p-1 max-h-72 overflow-y-auto" };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "EditorHeader",
   props: {
@@ -21466,8 +21466,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }, []).sort((a, b) => a.priority - b.priority);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1t, [
-        createElementVNode("div", _hoisted_2$1p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1u, [
+        createElementVNode("div", _hoisted_2$1q, [
           createVNode(unref(Menu), null, {
             popper: withCtx(() => [
               createElementVNode("div", _hoisted_4$d, [
@@ -21477,7 +21477,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               ])
             ]),
             default: withCtx(() => [
-              createElementVNode("button", _hoisted_3$1o, [
+              createElementVNode("button", _hoisted_3$1p, [
                 createVNode(unref(MdiPlusCircle), { class: "text-[#4CCBA0]" })
               ])
             ]),
@@ -21496,7 +21496,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               class: "inline-flex"
             }, {
               popper: withCtx(() => [
-                createElementVNode("div", _hoisted_6$5, [
+                createElementVNode("div", _hoisted_6$6, [
                   (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))
@@ -21514,7 +21514,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const svgArrow = "";
-const _hoisted_1$1s = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
+const _hoisted_1$1t = { class: "bg-white flex items-center rounded p-1 border drop-shadow space-x-0.5" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "EditorBubbleMenu",
   props: {
@@ -21568,7 +21568,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         "should-show": getShouldShow
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1s, [
+          createElementVNode("div", _hoisted_1$1t, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(getBubbleItemsFromExtensions(), (item, index2) => {
               return openBlock(), createBlock(resolveDynamicComponent(item.component), mergeProps({ key: index2 }, item.props), null, 16);
             }), 128))
@@ -25015,6 +25015,10 @@ const en = {
         "edit_link": (ctx) => {
           const { normalize: _normalize } = ctx;
           return _normalize(["Edit link"]);
+        },
+        "edit_alt": (ctx) => {
+          const { normalize: _normalize } = ctx;
+          return _normalize(["Edit alt"]);
         }
       },
       "video": {
@@ -25199,6 +25203,10 @@ const en = {
         "link_input": (ctx) => {
           const { normalize: _normalize } = ctx;
           return _normalize(["Enter the link and press enter to confirm."]);
+        },
+        "alt_input": (ctx) => {
+          const { normalize: _normalize } = ctx;
+          return _normalize(["Enter the image alt and press enter to confirm."]);
         }
       },
       "button": {
@@ -25415,6 +25423,10 @@ const zhCN = {
         "edit_link": (ctx) => {
           const { normalize: _normalize } = ctx;
           return _normalize(["修改链接"]);
+        },
+        "edit_alt": (ctx) => {
+          const { normalize: _normalize } = ctx;
+          return _normalize(["修改图片 alt 属性"]);
         }
       },
       "video": {
@@ -25599,6 +25611,10 @@ const zhCN = {
         "link_input": (ctx) => {
           const { normalize: _normalize } = ctx;
           return _normalize(["输入链接，按回车确定"]);
+        },
+        "alt_input": (ctx) => {
+          const { normalize: _normalize } = ctx;
+          return _normalize(["输入图片 alt 属性值，按回车确认"]);
         }
       },
       "button": {
@@ -25644,12 +25660,15 @@ const i18n = createI18n({
   fallbackLocale: "zh-CN",
   messages
 });
-const _hoisted_1$1r = {
+const _hoisted_1$1s = {
   key: 0,
   class: "halo-rich-text-editor"
 };
-const _hoisted_2$1o = { class: "h-full flex flex-row w-full" };
-const _hoisted_3$1n = { class: "h-full" };
+const _hoisted_2$1p = { class: "h-full flex flex-row w-full" };
+const _hoisted_3$1o = {
+  key: 0,
+  class: "h-full hidden sm:!block w-72"
+};
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "Editor",
   props: {
@@ -25680,18 +25699,18 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$1r, [
+      return __props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$1s, [
         createVNode(_sfc_main$l, { editor: __props.editor }, null, 8, ["editor"]),
         createVNode(_sfc_main$m, { editor: __props.editor }, null, 8, ["editor"]),
-        createElementVNode("div", _hoisted_2$1o, [
+        createElementVNode("div", _hoisted_2$1p, [
           createVNode(unref(EditorContent), {
             editor: __props.editor,
             style: normalizeStyle(__props.contentStyles),
-            class: "editor-content markdown-body"
-          }, null, 8, ["editor", "style"]),
-          createElementVNode("div", _hoisted_3$1n, [
+            class: normalizeClass(["editor-content markdown-body", { "sm:!w-[calc(100%-18rem)]": _ctx.$slots.extra }])
+          }, null, 8, ["editor", "style", "class"]),
+          _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_3$1o, [
             renderSlot(_ctx.$slots, "extra")
-          ])
+          ])) : createCommentVNode("", true)
         ])
       ])) : createCommentVNode("", true);
     };
@@ -26271,7 +26290,7 @@ const History$1 = Extension.create({
     };
   }
 });
-const _hoisted_1$1q = ["disabled"];
+const _hoisted_1$1r = ["disabled"];
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "ToolbarItem",
   props: {
@@ -26294,44 +26313,44 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
         (...args) => __props.action && __props.action(...args))
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
-      ], 10, _hoisted_1$1q)), [
+      ], 10, _hoisted_1$1r)), [
         [unref(VTooltip), __props.title]
       ]);
     };
   }
 });
-const _hoisted_1$1p = {
+const _hoisted_1$1q = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$1n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1o = /* @__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$1m = [
-  _hoisted_2$1n
+const _hoisted_3$1n = [
+  _hoisted_2$1o
 ];
-function render$1a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$1m);
+function render$1b(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1q, _hoisted_3$1n);
 }
-const MdiUndoVariant = { name: "mdi-undo-variant", render: render$1a };
-const _hoisted_1$1o = {
+const MdiUndoVariant = { name: "mdi-undo-variant", render: render$1b };
+const _hoisted_1$1p = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$1m = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1n = /* @__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$1l = [
-  _hoisted_2$1m
+const _hoisted_3$1m = [
+  _hoisted_2$1n
 ];
-function render$19(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$1l);
+function render$1a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1p, _hoisted_3$1m);
 }
-const MdiRedoVariant = { name: "mdi-redo-variant", render: render$19 };
+const MdiRedoVariant = { name: "mdi-redo-variant", render: render$1a };
 const History = History$1.extend({
   addOptions() {
     var _a;
@@ -26505,6 +26524,22 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$1o = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$1m = /* @__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$1l = [
+  _hoisted_2$1m
+];
+function render$19(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1o, _hoisted_3$1l);
+}
+const MdiFormatParagraph = { name: "mdi-format-paragraph", render: render$19 };
 const _hoisted_1$1n = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26512,7 +26547,7 @@ const _hoisted_1$1n = {
 };
 const _hoisted_2$1l = /* @__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"
+  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$1k = [
   _hoisted_2$1l
@@ -26520,7 +26555,7 @@ const _hoisted_3$1k = [
 function render$18(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1n, _hoisted_3$1k);
 }
-const MdiFormatParagraph = { name: "mdi-format-paragraph", render: render$18 };
+const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$18 };
 const _hoisted_1$1m = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26528,7 +26563,7 @@ const _hoisted_1$1m = {
 };
 const _hoisted_2$1k = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m10 4h2.31l.32-3h2l-.32 3h2l.32-3h2l-.32 3H23v2h-1.9l-.2 2H23v2h-2.31l-.32 3h-2l.32-3h-2l-.32 3h-2l.32-3H13v-2h1.9l.2-2H13V8m4.1 2l-.2 2h2l.2-2h-2Z"
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
 }, null, -1);
 const _hoisted_3$1j = [
   _hoisted_2$1k
@@ -26536,7 +26571,7 @@ const _hoisted_3$1j = [
 function render$17(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1m, _hoisted_3$1j);
 }
-const MdiFormatHeaderPound = { name: "mdi-format-header-pound", render: render$17 };
+const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$17 };
 const _hoisted_1$1l = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26544,7 +26579,7 @@ const _hoisted_1$1l = {
 };
 const _hoisted_2$1j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m11 14v-2h2V6.31l-2.5 1.44V5.44L16 4h2v12h2v2h-6Z"
+  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$1i = [
   _hoisted_2$1j
@@ -26552,7 +26587,7 @@ const _hoisted_3$1i = [
 function render$16(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1l, _hoisted_3$1i);
 }
-const MdiFormatHeader1 = { name: "mdi-format-header-1", render: render$16 };
+const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$16 };
 const _hoisted_1$1k = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26560,7 +26595,7 @@ const _hoisted_1$1k = {
 };
 const _hoisted_2$1i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m18 14h-6a2 2 0 0 1-2-2c0-.53.2-1 .54-1.36l4.87-5.23c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2h-2a4 4 0 0 1 4-4a4 4 0 0 1 4 4c0 1.1-.45 2.1-1.17 2.83L15 16h6v2Z"
+  d: "M3 4h2v6h4V4h2v14H9v-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$1h = [
   _hoisted_2$1i
@@ -26568,7 +26603,7 @@ const _hoisted_3$1h = [
 function render$15(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1k, _hoisted_3$1h);
 }
-const MdiFormatHeader2 = { name: "mdi-format-header-2", render: render$15 };
+const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$15 };
 const _hoisted_1$1j = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26576,7 +26611,7 @@ const _hoisted_1$1j = {
 };
 const _hoisted_2$1h = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h2v1h4v-4h-4v-2h4V6h-4v1h-2V6a2 2 0 0 1 2-2Z"
+  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
 }, null, -1);
 const _hoisted_3$1g = [
   _hoisted_2$1h
@@ -26584,7 +26619,7 @@ const _hoisted_3$1g = [
 function render$14(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1j, _hoisted_3$1g);
 }
-const MdiFormatHeader3 = { name: "mdi-format-header-3", render: render$14 };
+const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$14 };
 const _hoisted_1$1i = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26592,7 +26627,7 @@ const _hoisted_1$1i = {
 };
 const _hoisted_2$1g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m15 14v-5h-5v-2l5-7h2v7h1v2h-1v5h-2m0-7V7.42L15.45 11H18Z"
+  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$1f = [
   _hoisted_2$1g
@@ -26600,7 +26635,7 @@ const _hoisted_3$1f = [
 function render$13(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1i, _hoisted_3$1f);
 }
-const MdiFormatHeader4 = { name: "mdi-format-header-4", render: render$13 };
+const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$13 };
 const _hoisted_1$1h = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26608,7 +26643,7 @@ const _hoisted_1$1h = {
 };
 const _hoisted_2$1f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 4h2v6h4V4h2v14H9v-6H5v6H3V4m12 0h5v2h-5v4h2a4 4 0 0 1 4 4a4 4 0 0 1-4 4h-2a2 2 0 0 1-2-2v-1h2v1h2a2 2 0 0 0 2-2a2 2 0 0 0-2-2h-2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z"
+  d: "M3 4h2v6h4V4h2v14H9v-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$1e = [
   _hoisted_2$1f
@@ -26616,23 +26651,7 @@ const _hoisted_3$1e = [
 function render$12(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1h, _hoisted_3$1e);
 }
-const MdiFormatHeader5 = { name: "mdi-format-header-5", render: render$12 };
-const _hoisted_1$1g = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$1e = /* @__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$1d = [
-  _hoisted_2$1e
-];
-function render$11(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$1d);
-}
-const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$11 };
+const MdiFormatHeader6 = { name: "mdi-format-header-6", render: render$12 };
 const Blockquote$2 = Heading.extend({
   addOptions() {
     var _a;
@@ -26874,23 +26893,23 @@ const Bold$1 = Mark2.create({
     ];
   }
 });
-const _hoisted_1$1f = {
+const _hoisted_1$1g = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1e = /* @__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$1c = [
-  _hoisted_2$1d
+const _hoisted_3$1d = [
+  _hoisted_2$1e
 ];
-function render$10(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1f, _hoisted_3$1c);
+function render$11(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1g, _hoisted_3$1d);
 }
-const MdiFormatBold = { name: "mdi-format-bold", render: render$10 };
-const _hoisted_1$1e = ["title"];
+const MdiFormatBold = { name: "mdi-format-bold", render: render$11 };
+const _hoisted_1$1f = ["title"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "BubbleItem",
   props: {
@@ -26912,7 +26931,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         })
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
-      ], 10, _hoisted_1$1e)), [
+      ], 10, _hoisted_1$1f)), [
         [unref(VTooltip), __props.title]
       ]) : createCommentVNode("", true);
     };
@@ -27024,22 +27043,22 @@ const Italic$1 = Mark2.create({
     ];
   }
 });
-const _hoisted_1$1d = {
+const _hoisted_1$1e = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1d = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4h-8Z"
 }, null, -1);
-const _hoisted_3$1b = [
-  _hoisted_2$1c
+const _hoisted_3$1c = [
+  _hoisted_2$1d
 ];
-function render$$(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$1b);
+function render$10(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1e, _hoisted_3$1c);
 }
-const MdiFormatItalic = { name: "mdi-format-italic", render: render$$ };
+const MdiFormatItalic = { name: "mdi-format-italic", render: render$10 };
 const Italic = Italic$1.extend({
   addOptions() {
     var _a;
@@ -27139,22 +27158,22 @@ const Strike$1 = Mark2.create({
     ];
   }
 });
-const _hoisted_1$1c = {
+const _hoisted_1$1d = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$1b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1c = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M3 14h18v-2H3m2-8v3h5v3h4V7h5V4m-9 15h4v-3h-4v3Z"
 }, null, -1);
-const _hoisted_3$1a = [
-  _hoisted_2$1b
+const _hoisted_3$1b = [
+  _hoisted_2$1c
 ];
-function render$_(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$1a);
+function render$$(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1d, _hoisted_3$1b);
 }
-const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$_ };
+const MdiFormatStrikethrough = { name: "mdi-format-strikethrough", render: render$$ };
 const Strike = Strike$1.extend({
   addOptions() {
     var _a;
@@ -27231,22 +27250,22 @@ const Underline$1 = Mark2.create({
     };
   }
 });
-const _hoisted_1$1b = {
+const _hoisted_1$1c = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$1a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1b = /* @__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$19 = [
-  _hoisted_2$1a
+const _hoisted_3$1a = [
+  _hoisted_2$1b
 ];
-function render$Z(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$19);
+function render$_(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1c, _hoisted_3$1a);
 }
-const MdiFormatUnderline = { name: "mdi-format-underline", render: render$Z };
+const MdiFormatUnderline = { name: "mdi-format-underline", render: render$_ };
 const Underline = Underline$1.extend({
   addOptions() {
     var _a;
@@ -27356,22 +27375,22 @@ const Highlight$1 = Mark2.create({
     ];
   }
 });
-const _hoisted_1$1a = {
+const _hoisted_1$1b = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$19 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1a = /* @__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$18 = [
-  _hoisted_2$19
+const _hoisted_3$19 = [
+  _hoisted_2$1a
 ];
-function render$Y(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1a, _hoisted_3$18);
+function render$Z(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1b, _hoisted_3$19);
 }
-const MdiFormatColorHighlight = { name: "mdi-format-color-highlight", render: render$Y };
+const MdiFormatColorHighlight = { name: "mdi-format-color-highlight", render: render$Z };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "BlockActionButton",
   props: {
@@ -27435,46 +27454,46 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _sfc_main$e = {};
-const _hoisted_1$19 = { class: "editor-block__actions-separator" };
+const _hoisted_1$1a = { class: "editor-block__actions-separator" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$19);
+  return openBlock(), createElementBlock("div", _hoisted_1$1a);
 }
 const BlockActionSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
-const _hoisted_1$18 = {
+const _hoisted_1$19 = {
   viewBox: "0 0 24 24",
   color: "red",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$18 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$19 = /* @__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$17 = [
-  _hoisted_2$18
+const _hoisted_3$18 = [
+  _hoisted_2$19
 ];
-function render$X(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$17);
+function render$Y(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$19, _hoisted_3$18);
 }
-const MdiDeleteForeverOutline = { name: "mdi-delete-forever-outline", render: render$X };
-const _hoisted_1$17 = {
+const MdiDeleteForeverOutline = { name: "mdi-delete-forever-outline", render: render$Y };
+const _hoisted_1$18 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$17 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$18 = /* @__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$16 = [
-  _hoisted_2$17
+const _hoisted_3$17 = [
+  _hoisted_2$18
 ];
-function render$W(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$17, _hoisted_3$16);
+function render$X(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$18, _hoisted_3$17);
 }
-const MdiArrowULeftBottom = { name: "mdi-arrow-u-left-bottom", render: render$W };
-const _hoisted_1$16 = { class: "editor-block__content" };
-const _hoisted_2$16 = { class: "editor-block__actions" };
+const MdiArrowULeftBottom = { name: "mdi-arrow-u-left-bottom", render: render$X };
+const _hoisted_1$17 = { class: "editor-block__content" };
+const _hoisted_2$17 = { class: "editor-block__actions" };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "BlockCard",
   props: {
@@ -27501,13 +27520,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("section", {
         class: normalizeClass(["editor-block group", { "editor-block--selected": __props.selected }])
       }, [
-        createElementVNode("div", _hoisted_1$16, [
+        createElementVNode("div", _hoisted_1$17, [
           renderSlot(_ctx.$slots, "content")
         ]),
         createElementVNode("div", {
           class: normalizeClass(["invisible group-hover:visible pb-2 absolute -top-12 right-0", { "!visible": __props.selected }])
         }, [
-          createElementVNode("div", _hoisted_2$16, [
+          createElementVNode("div", _hoisted_2$17, [
             renderSlot(_ctx.$slots, "actions"),
             createVNode(_sfc_main$g, {
               tooltip: unref(i18n).global.t("editor.common.button.new_line"),
@@ -27535,9 +27554,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const BlockCard_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$15 = { class: "flex flex-col gap-0.5" };
-const _hoisted_2$15 = { class: "text-sm text-gray-600 group-hover:font-medium group-hover:text-gray-900" };
-const _hoisted_3$15 = {
+const _hoisted_1$16 = { class: "flex flex-col gap-0.5" };
+const _hoisted_2$16 = { class: "text-sm text-gray-600 group-hover:font-medium group-hover:text-gray-900" };
+const _hoisted_3$16 = {
   key: 0,
   class: "text-xs text-gray-500"
 };
@@ -27562,46 +27581,46 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         onClick: action
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { class: "bg-gray-100 p-1.5 rounded w-7 h-7 group-hover:bg-white" })),
-        createElementVNode("div", _hoisted_1$15, [
-          createElementVNode("span", _hoisted_2$15, toDisplayString$1(__props.title), 1),
-          __props.description ? (openBlock(), createElementBlock("span", _hoisted_3$15, toDisplayString$1(__props.description), 1)) : createCommentVNode("", true)
+        createElementVNode("div", _hoisted_1$16, [
+          createElementVNode("span", _hoisted_2$16, toDisplayString$1(__props.title), 1),
+          __props.description ? (openBlock(), createElementBlock("span", _hoisted_3$16, toDisplayString$1(__props.description), 1)) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-const _hoisted_1$14 = {
+const _hoisted_1$15 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$15 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6l-1.41-1.42Z"
 }, null, -1);
-const _hoisted_3$14 = [
-  _hoisted_2$14
+const _hoisted_3$15 = [
+  _hoisted_2$15
 ];
-function render$V(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$14);
+function render$W(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$15, _hoisted_3$15);
 }
-const MdiChevronRight = { name: "mdi-chevron-right", render: render$V };
-const _hoisted_1$13 = {
+const MdiChevronRight = { name: "mdi-chevron-right", render: render$W };
+const _hoisted_1$14 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$13 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$14 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M17.5 12a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 17.5 9a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5m-3-4A1.5 1.5 0 0 1 13 6.5A1.5 1.5 0 0 1 14.5 5A1.5 1.5 0 0 1 16 6.5A1.5 1.5 0 0 1 14.5 8m-5 0A1.5 1.5 0 0 1 8 6.5A1.5 1.5 0 0 1 9.5 5A1.5 1.5 0 0 1 11 6.5A1.5 1.5 0 0 1 9.5 8m-3 4A1.5 1.5 0 0 1 5 10.5A1.5 1.5 0 0 1 6.5 9A1.5 1.5 0 0 1 8 10.5A1.5 1.5 0 0 1 6.5 12M12 3a9 9 0 0 0-9 9a9 9 0 0 0 9 9a1.5 1.5 0 0 0 1.5-1.5c0-.39-.15-.74-.39-1c-.23-.27-.38-.62-.38-1a1.5 1.5 0 0 1 1.5-1.5H16a5 5 0 0 0 5-5c0-4.42-4.03-8-9-8Z"
 }, null, -1);
-const _hoisted_3$13 = [
-  _hoisted_2$13
+const _hoisted_3$14 = [
+  _hoisted_2$14
 ];
-function render$U(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_3$13);
+function render$V(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$14, _hoisted_3$14);
 }
-const MdiPalette = { name: "mdi-palette", render: render$U };
+const MdiPalette = { name: "mdi-palette", render: render$V };
 const prefix = "";
 function styleInject(css2, ref2) {
   if (ref2 === void 0)
@@ -27681,7 +27700,7 @@ function getCheckboard(c1, c2, size2) {
   _checkboardCache[key] = checkboard;
   return checkboard;
 }
-function render$T(_ctx, _cache, $props, $setup, $data, $options) {
+function render$U(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -27695,7 +27714,7 @@ function render$T(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var css_248z$5 = ".vc-checkerboard{background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0}";
 styleInject(css_248z$5);
-script$5.render = render$T;
+script$5.render = render$U;
 script$5.__file = "src/components/checkboard/checkboard.vue";
 script$5.install = install;
 var script$4 = {
@@ -27759,9 +27778,9 @@ var script$4 = {
     }
   }
 };
-const _hoisted_1$12 = { class: "vc-alpha" };
-const _hoisted_2$12 = { class: "vc-alpha-checkboard-wrap" };
-const _hoisted_3$12 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$13 = { class: "vc-alpha" };
+const _hoisted_2$13 = { class: "vc-alpha-checkboard-wrap" };
+const _hoisted_3$13 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-alpha-picker" },
   null,
@@ -27769,12 +27788,12 @@ const _hoisted_3$12 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_4$c = [
-  _hoisted_3$12
+  _hoisted_3$13
 ];
-function render$S(_ctx, _cache, $props, $setup, $data, $options) {
+function render$T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checkboard = resolveComponent("Checkboard");
-  return openBlock(), createElementBlock("div", _hoisted_1$12, [
-    createElementVNode("div", _hoisted_2$12, [
+  return openBlock(), createElementBlock("div", _hoisted_1$13, [
+    createElementVNode("div", _hoisted_2$13, [
       createVNode(_component_Checkboard)
     ]),
     createElementVNode(
@@ -27815,7 +27834,7 @@ function render$S(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var css_248z$4 = ".vc-alpha,.vc-alpha-checkboard-wrap{bottom:0;left:0;position:absolute;right:0;top:0}.vc-alpha-checkboard-wrap{overflow:hidden}.vc-alpha-gradient{bottom:0;left:0;position:absolute;right:0;top:0}.vc-alpha-container{cursor:pointer;height:100%;margin:0 3px;position:relative;z-index:2}.vc-alpha-pointer{position:absolute;z-index:2}.vc-alpha-picker{background:#fff;border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);cursor:pointer;height:8px;margin-top:1px;transform:translateX(-2px);width:4px}";
 styleInject(css_248z$4);
-script$4.render = render$S;
+script$4.render = render$T;
 script$4.__file = "src/components/alpha/alpha.vue";
 script$4.install = install;
 function bound01(n, max2) {
@@ -28877,12 +28896,12 @@ var script$3 = {
     // }
   }
 };
-const _hoisted_1$11 = { class: "vc-editable-input" };
-const _hoisted_2$11 = ["aria-labelledby"];
-const _hoisted_3$11 = ["id", "for"];
+const _hoisted_1$12 = { class: "vc-editable-input" };
+const _hoisted_2$12 = ["aria-labelledby"];
+const _hoisted_3$12 = ["id", "for"];
 const _hoisted_4$b = { class: "vc-input__desc" };
-function render$R(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$11, [
+function render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$12, [
     withDirectives(createElementVNode("input", {
       ref: "input",
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.val = $event),
@@ -28890,14 +28909,14 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
       class: "vc-input__input",
       onKeydown: _cache[1] || (_cache[1] = (...args) => $options.handleKeyDown && $options.handleKeyDown(...args)),
       onInput: _cache[2] || (_cache[2] = (...args) => $options.update && $options.update(...args))
-    }, null, 40, _hoisted_2$11), [
+    }, null, 40, _hoisted_2$12), [
       [vModelText, $options.val]
     ]),
     createElementVNode("span", {
       id: $options.labelId,
       for: $props.label,
       class: "vc-input__label"
-    }, toDisplayString$1($options.labelSpanText), 9, _hoisted_3$11),
+    }, toDisplayString$1($options.labelSpanText), 9, _hoisted_3$12),
     createElementVNode(
       "span",
       _hoisted_4$b,
@@ -28909,10 +28928,10 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var css_248z$3 = ".vc-editable-input{position:relative}.vc-input__input{border:0;outline:none;padding:0}.vc-input__label{text-transform:capitalize}";
 styleInject(css_248z$3);
-script$3.render = render$R;
+script$3.render = render$S;
 script$3.__file = "src/components/editable-input/editable-input.vue";
 script$3.install = install;
-function clamp(value, min2, max2) {
+function clamp$1(value, min2, max2) {
   return min2 < max2 ? value < min2 ? min2 : value > max2 ? max2 : value : value < max2 ? max2 : value > min2 ? min2 : value;
 }
 var script$2 = {
@@ -28947,10 +28966,10 @@ var script$2 = {
       const yOffset = container.getBoundingClientRect().top + window.pageYOffset;
       const pageX = e.pageX || (e.touches ? e.touches[0].pageX : 0);
       const pageY = e.pageY || (e.touches ? e.touches[0].pageY : 0);
-      const left2 = clamp(pageX - xOffset, 0, containerWidth);
-      const top2 = clamp(pageY - yOffset, 0, containerHeight);
+      const left2 = clamp$1(pageX - xOffset, 0, containerWidth);
+      const top2 = clamp$1(pageY - yOffset, 0, containerHeight);
       const saturation = left2 / containerWidth;
-      const bright = clamp(-(top2 / containerHeight) + 1, 0, 1);
+      const bright = clamp$1(-(top2 / containerHeight) + 1, 0, 1);
       this.onChange({
         h: this.colors.hsv.h,
         s: saturation,
@@ -28977,21 +28996,21 @@ var script$2 = {
     }
   }
 };
-const _hoisted_1$10 = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$11 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-saturation--white" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_2$10 = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$11 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-saturation--black" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_3$10 = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$11 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-saturation-circle" },
   null,
@@ -28999,9 +29018,9 @@ const _hoisted_3$10 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_4$a = [
-  _hoisted_3$10
+  _hoisted_3$11
 ];
-function render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -29013,8 +29032,8 @@ function render$Q(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchstart: _cache[2] || (_cache[2] = (...args) => $options.handleChange && $options.handleChange(...args))
     },
     [
-      _hoisted_1$10,
-      _hoisted_2$10,
+      _hoisted_1$11,
+      _hoisted_2$11,
       createElementVNode(
         "div",
         {
@@ -29032,7 +29051,7 @@ function render$Q(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var css_248z$2 = ".vc-saturation,.vc-saturation--black,.vc-saturation--white{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.vc-saturation--white{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.vc-saturation--black{background:linear-gradient(0deg,#000,transparent)}.vc-saturation-pointer{cursor:pointer;position:absolute}.vc-saturation-circle{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}";
 styleInject(css_248z$2);
-script$2.render = render$Q;
+script$2.render = render$R;
 script$2.__file = "src/components/saturation/saturation.vue";
 script$2.install = install;
 var script$1 = {
@@ -29162,18 +29181,18 @@ var script$1 = {
     }
   }
 };
-const _hoisted_1$$ = ["aria-valuenow"];
-const _hoisted_2$$ = /* @__PURE__ */ createElementVNode(
+const _hoisted_1$10 = ["aria-valuenow"];
+const _hoisted_2$10 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vc-hue-picker" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_3$$ = [
-  _hoisted_2$$
+const _hoisted_3$10 = [
+  _hoisted_2$10
 ];
-function render$P(_ctx, _cache, $props, $setup, $data, $options) {
+function render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -29198,11 +29217,11 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
             style: normalizeStyle({ top: $options.pointerTop, left: $options.pointerLeft }),
             role: "presentation"
           },
-          _hoisted_3$$,
+          _hoisted_3$10,
           4
           /* STYLE */
         )
-      ], 40, _hoisted_1$$)
+      ], 40, _hoisted_1$10)
     ],
     2
     /* CLASS */
@@ -29210,7 +29229,7 @@ function render$P(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var css_248z$1 = ".vc-hue{border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.vc-hue--horizontal{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue--vertical{background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.vc-hue-container{cursor:pointer;height:100%;margin:0 2px;position:relative}.vc-hue-pointer{position:absolute;z-index:2}.vc-hue-picker{background:#fff;border-radius:1px;box-shadow:0 0 2px rgba(0,0,0,.6);cursor:pointer;height:8px;margin-top:1px;transform:translateX(-2px);width:4px}";
 styleInject(css_248z$1);
-script$1.render = render$P;
+script$1.render = render$Q;
 script$1.__file = "src/components/hue/hue.vue";
 script$1.install = install;
 const presetColors = [
@@ -29298,16 +29317,16 @@ var script = {
     }
   }
 };
-const _hoisted_1$_ = { class: "vc-sketch-saturation-wrap" };
-const _hoisted_2$_ = { class: "vc-sketch-controls" };
-const _hoisted_3$_ = { class: "vc-sketch-sliders" };
+const _hoisted_1$$ = { class: "vc-sketch-saturation-wrap" };
+const _hoisted_2$$ = { class: "vc-sketch-controls" };
+const _hoisted_3$$ = { class: "vc-sketch-sliders" };
 const _hoisted_4$9 = { class: "vc-sketch-hue-wrap" };
 const _hoisted_5$7 = {
   key: 0,
   class: "vc-sketch-alpha-wrap"
 };
-const _hoisted_6$4 = { class: "vc-sketch-color-wrap" };
-const _hoisted_7 = ["aria-label"];
+const _hoisted_6$5 = { class: "vc-sketch-color-wrap" };
+const _hoisted_7$1 = ["aria-label"];
 const _hoisted_8 = {
   key: 0,
   class: "vc-sketch-field"
@@ -29327,7 +29346,7 @@ const _hoisted_14 = {
 };
 const _hoisted_15 = ["aria-label", "onClick"];
 const _hoisted_16 = ["aria-label", "onClick"];
-function render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Saturation = resolveComponent("Saturation");
   const _component_Hue = resolveComponent("Hue");
   const _component_Alpha = resolveComponent("Alpha");
@@ -29341,14 +29360,14 @@ function render$O(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["vc-sketch", [$props.disableAlpha ? "vc-sketch__disable-alpha" : ""]])
     },
     [
-      createElementVNode("div", _hoisted_1$_, [
+      createElementVNode("div", _hoisted_1$$, [
         createVNode(_component_Saturation, {
           value: _ctx.colors,
           onChange: $options.childChange
         }, null, 8, ["value", "onChange"])
       ]),
-      createElementVNode("div", _hoisted_2$_, [
-        createElementVNode("div", _hoisted_3$_, [
+      createElementVNode("div", _hoisted_2$$, [
+        createElementVNode("div", _hoisted_3$$, [
           createElementVNode("div", _hoisted_4$9, [
             createVNode(_component_Hue, {
               value: _ctx.colors,
@@ -29362,12 +29381,12 @@ function render$O(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["value", "onChange"])
           ])) : createCommentVNode("v-if", true)
         ]),
-        createElementVNode("div", _hoisted_6$4, [
+        createElementVNode("div", _hoisted_6$5, [
           createElementVNode("div", {
             "aria-label": `Current color is ${$options.activeColor}`,
             class: "vc-sketch-active-color",
             style: normalizeStyle({ background: $options.activeColor })
-          }, null, 12, _hoisted_7),
+          }, null, 12, _hoisted_7$1),
           createVNode(_component_Checkboard)
         ])
       ]),
@@ -29450,7 +29469,7 @@ function render$O(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var css_248z = ".vc-sketch{background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.15);box-sizing:initial;padding:10px 10px 0;position:relative;width:200px}.vc-sketch-saturation-wrap{overflow:hidden;padding-bottom:75%;position:relative;width:100%}.vc-sketch-controls{display:flex}.vc-sketch-sliders{flex:1;padding:4px 0}.vc-sketch-sliders .vc-alpha-gradient,.vc-sketch-sliders .vc-hue{border-radius:2px}.vc-sketch-alpha-wrap,.vc-sketch-hue-wrap{height:10px;position:relative}.vc-sketch-alpha-wrap{margin-top:4px;overflow:hidden}.vc-sketch-color-wrap{border-radius:3px;height:24px;margin-left:4px;margin-top:4px;position:relative;width:24px}.vc-sketch-active-color{border-radius:2px;bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 0 0 4px rgba(0,0,0,.25);left:0;position:absolute;right:0;top:0;z-index:2}.vc-sketch-color-wrap .vc-checkerboard{background-size:auto}.vc-sketch-field{display:flex;padding-top:4px}.vc-sketch-field .vc-input__input{border:none;box-shadow:inset 0 0 0 1px #ccc;font-size:10px;padding:4px 0 3px 10%;width:90%}.vc-sketch-field .vc-input__label{color:#222;display:block;font-size:11px;padding-bottom:4px;padding-top:3px;text-align:center;text-transform:capitalize}.vc-sketch-field--single{flex:1;padding-left:6px}.vc-sketch-field--double{flex:2}.vc-sketch-presets{border-top:1px solid #eee;margin-left:-10px;margin-right:-10px;padding-left:10px;padding-top:10px}.vc-sketch-presets-color{cursor:pointer;display:inline-block;height:16px;margin:0 10px 10px 0;overflow:hidden;position:relative;vertical-align:top;width:16px}.vc-sketch-presets-color,.vc-sketch-presets-color .vc-checkerboard{border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.vc-sketch__disable-alpha .vc-sketch-color-wrap{height:10px}";
 styleInject(css_248z);
-script.render = render$O;
+script.render = render$P;
 script.__file = "src/components/sketch/sketch.vue";
 script.install = install;
 function getDefaultExportFromCjs(x2) {
@@ -29891,12 +29910,12 @@ var picocolors_browserExports = picocolors_browser.exports;
 let colors = colors$1;
 var colors_1 = (colors.__esModule ? colors : { default: colors }).default;
 const tailwindcssColors = /* @__PURE__ */ getDefaultExportFromCjs(colors_1);
-const _hoisted_1$Z = { class: "grid grid-cols-9 gap-1.5 p-2 pt-1" };
-const _hoisted_2$Z = ["title", "onClick"];
-const _hoisted_3$Z = { class: "p-1" };
+const _hoisted_1$_ = { class: "grid grid-cols-9 gap-1.5 p-2 pt-1" };
+const _hoisted_2$_ = ["title", "onClick"];
+const _hoisted_3$_ = { class: "p-1" };
 const _hoisted_4$8 = { class: "flex items-center rounded cursor-pointer hover:bg-gray-100 p-1 justify-between" };
 const _hoisted_5$6 = { class: "inline-flex items-center gap-2" };
-const _hoisted_6$3 = { class: "text-xs text-gray-600" };
+const _hoisted_6$4 = { class: "text-xs text-gray-600" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "ColorPickerDropdown",
   props: {
@@ -29945,7 +29964,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(Dropdown), { class: "inline-flex" }, {
         popper: withCtx(() => [
           renderSlot(_ctx.$slots, "prefix"),
-          createElementVNode("div", _hoisted_1$Z, [
+          createElementVNode("div", _hoisted_1$_, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(getColors(), (item) => {
               return openBlock(), createElementBlock("div", {
                 key: item.color,
@@ -29953,7 +29972,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 class: "h-5 w-5 rounded-sm cursor-pointer hover:ring-1 ring-offset-1 ring-gray-300",
                 title: item.name,
                 onClick: ($event) => handleSetColor(item.color)
-              }, null, 12, _hoisted_2$Z);
+              }, null, 12, _hoisted_2$_);
             }), 128))
           ]),
           createVNode(unref(Dropdown), { placement: "right" }, {
@@ -29964,11 +29983,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               })
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$Z, [
+              createElementVNode("div", _hoisted_3$_, [
                 createElementVNode("div", _hoisted_4$8, [
                   createElementVNode("div", _hoisted_5$6, [
                     createVNode(unref(MdiPalette)),
-                    createElementVNode("span", _hoisted_6$3, toDisplayString$1(unref(i18n).global.t("editor.components.color_picker.more_color")), 1)
+                    createElementVNode("span", _hoisted_6$4, toDisplayString$1(unref(i18n).global.t("editor.components.color_picker.more_color")), 1)
                   ]),
                   createElementVNode("div", null, [
                     createVNode(unref(MdiChevronRight))
@@ -29987,31 +30006,31 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$Y = {
+const _hoisted_1$Z = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$Y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Z = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M16.5 8C14 8 12 10 12 12.5s2 4.5 4.5 4.5s4.5-2 4.5-4.5S19 8 16.5 8m0 7.5c-1.7 0-3-1.3-3-3c0-.6.2-1.1.4-1.5l4.1 4.1c-.4.2-.9.4-1.5.4m2.6-1.5L15 9.9c.4-.3.9-.4 1.5-.4c1.7 0 3 1.3 3 3c0 .6-.2 1.1-.4 1.5m-7-6.3l-1.5-1.5l3.3-3.3c.6-.6 1.5-.6 2.1 0L18.2 5c.4.4.5.8.4 1.3c-.6-.2-1.3-.3-2-.3c-1.8 0-3.3.7-4.5 1.7m-1.6 7.2L9 16.3c-.6.6-1.5.6-2.1 0l-.7.7H2l2.8-2.8c-.6-.6-.6-1.5 0-2.1l4.7-4.7L11.1 9c-.7 1-1.1 2.2-1.1 3.5c0 .8.2 1.6.5 2.4Z"
 }, null, -1);
-const _hoisted_3$Y = [
-  _hoisted_2$Y
+const _hoisted_3$Z = [
+  _hoisted_2$Z
 ];
-function render$N(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Y, _hoisted_3$Y);
+function render$O(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$Z, _hoisted_3$Z);
 }
-const MdiFormatColorMarkerCancel = { name: "mdi-format-color-marker-cancel", render: render$N };
-const _hoisted_1$X = { class: "p-1" };
-const _hoisted_2$X = { class: "inline-flex items-center gap-2" };
-const _hoisted_3$X = { class: "text-xs text-gray-600" };
+const MdiFormatColorMarkerCancel = { name: "mdi-format-color-marker-cancel", render: render$O };
+const _hoisted_1$Y = { class: "p-1" };
+const _hoisted_2$Y = { class: "inline-flex items-center gap-2" };
+const _hoisted_3$Y = { class: "text-xs text-gray-600" };
 const _hoisted_4$7 = { class: "p-1" };
 const _hoisted_5$5 = /* @__PURE__ */ createElementVNode("div", {
   class: "h-5 w-5 rounded-sm cursor-pointer hover:ring-1 ring-offset-1 ring-gray-300",
   style: { "background-color": "#fff8c5" }
 }, null, -1);
-const _hoisted_6$2 = { class: "text-xs text-gray-600" };
+const _hoisted_6$3 = { class: "text-xs text-gray-600" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "HighlightBubbleItem",
   props: {
@@ -30038,14 +30057,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$b, { "onUpdate:modelValue": handleSetColor }, {
         prefix: withCtx(() => [
-          createElementVNode("div", _hoisted_1$X, [
+          createElementVNode("div", _hoisted_1$Y, [
             createElementVNode("div", {
               class: "flex items-center gap-2 rounded cursor-pointer hover:bg-gray-100 p-1",
               onClick: handleUnsetColor
             }, [
-              createElementVNode("div", _hoisted_2$X, [
+              createElementVNode("div", _hoisted_2$Y, [
                 createVNode(unref(MdiFormatColorMarkerCancel)),
-                createElementVNode("span", _hoisted_3$X, toDisplayString$1(unref(i18n).global.t("editor.extensions.highlight.unset")), 1)
+                createElementVNode("span", _hoisted_3$Y, toDisplayString$1(unref(i18n).global.t("editor.extensions.highlight.unset")), 1)
               ])
             ])
           ]),
@@ -30055,7 +30074,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => handleSetColor())
             }, [
               _hoisted_5$5,
-              createElementVNode("span", _hoisted_6$2, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
+              createElementVNode("span", _hoisted_6$3, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
             ])
           ])
         ]),
@@ -30069,15 +30088,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$W = { class: "p-1" };
-const _hoisted_2$W = { class: "inline-flex items-center gap-2" };
-const _hoisted_3$W = { class: "text-xs text-gray-600" };
+const _hoisted_1$X = { class: "p-1" };
+const _hoisted_2$X = { class: "inline-flex items-center gap-2" };
+const _hoisted_3$X = { class: "text-xs text-gray-600" };
 const _hoisted_4$6 = { class: "p-1" };
 const _hoisted_5$4 = /* @__PURE__ */ createElementVNode("div", {
   class: "h-5 w-5 rounded-sm cursor-pointer hover:ring-1 ring-offset-1 ring-gray-300",
   style: { "background-color": "#fff8c5" }
 }, null, -1);
-const _hoisted_6$1 = { class: "text-xs text-gray-600" };
+const _hoisted_6$2 = { class: "text-xs text-gray-600" };
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "HighlightToolbarItem",
   props: {
@@ -30101,14 +30120,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$b, { "onUpdate:modelValue": handleSetColor }, {
         prefix: withCtx(() => [
-          createElementVNode("div", _hoisted_1$W, [
+          createElementVNode("div", _hoisted_1$X, [
             createElementVNode("div", {
               class: "flex items-center gap-2 rounded cursor-pointer hover:bg-gray-100 p-1",
               onClick: handleUnsetColor
             }, [
-              createElementVNode("div", _hoisted_2$W, [
+              createElementVNode("div", _hoisted_2$X, [
                 createVNode(unref(MdiFormatColorMarkerCancel)),
-                createElementVNode("span", _hoisted_3$W, toDisplayString$1(unref(i18n).global.t("editor.extensions.highlight.unset")), 1)
+                createElementVNode("span", _hoisted_3$X, toDisplayString$1(unref(i18n).global.t("editor.extensions.highlight.unset")), 1)
               ])
             ])
           ]),
@@ -30118,7 +30137,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => handleSetColor())
             }, [
               _hoisted_5$4,
-              createElementVNode("span", _hoisted_6$1, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
+              createElementVNode("span", _hoisted_6$2, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
             ])
           ])
         ]),
@@ -30210,22 +30229,22 @@ const Blockquote$1 = Node2.create({
     ];
   }
 });
-const _hoisted_1$V = {
+const _hoisted_1$W = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$V = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$W = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m10 7l-2 4h3v6H5v-6l2-4h3m8 0l-2 4h3v6h-6v-6l2-4h3Z"
 }, null, -1);
-const _hoisted_3$V = [
-  _hoisted_2$V
+const _hoisted_3$W = [
+  _hoisted_2$W
 ];
-function render$M(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$V);
+function render$N(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$W);
 }
-const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$M };
+const MdiFormatQuoteOpen = { name: "mdi-format-quote-open", render: render$N };
 const Blockquote = Blockquote$1.extend({
   addOptions() {
     var _a;
@@ -30319,22 +30338,22 @@ const Code$1 = Mark2.create({
     ];
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$V = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$U = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$V = /* @__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$U = [
-  _hoisted_2$U
+const _hoisted_3$V = [
+  _hoisted_2$V
 ];
-function render$L(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$U);
+function render$M(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$V);
 }
-const MdiCodeTags = { name: "mdi-code-tags", render: render$L };
+const MdiCodeTags = { name: "mdi-code-tags", render: render$M };
 const Code = Code$1.extend({
   addOptions() {
     var _a;
@@ -30414,22 +30433,22 @@ const Superscript$1 = Mark2.create({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$U = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$T = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$U = /* @__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$T = [
-  _hoisted_2$T
+const _hoisted_3$U = [
+  _hoisted_2$U
 ];
-function render$K(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_3$T);
+function render$L(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$U);
 }
-const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$K };
+const MdiFormatSuperscript = { name: "mdi-format-superscript", render: render$L };
 const Superscript = Superscript$1.extend({
   addOptions() {
     var _a;
@@ -30509,22 +30528,22 @@ const Subscript$1 = Mark2.create({
     };
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$T = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$S = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$T = /* @__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$S = [
-  _hoisted_2$S
+const _hoisted_3$T = [
+  _hoisted_2$T
 ];
-function render$J(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$S);
+function render$K(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_3$T);
 }
-const MdiFormatSubscript = { name: "mdi-format-subscript", render: render$J };
+const MdiFormatSubscript = { name: "mdi-format-subscript", render: render$K };
 const Subscript = Subscript$1.extend({
   addOptions() {
     var _a;
@@ -30710,22 +30729,22 @@ const ListItem$1 = Node2.create({
     };
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$S = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$R = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$S = /* @__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$R = [
-  _hoisted_2$R
+const _hoisted_3$S = [
+  _hoisted_2$S
 ];
-function render$I(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$R);
+function render$J(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$S);
 }
-const MdiFormatListBulleted = { name: "mdi-format-list-bulleted", render: render$I };
+const MdiFormatListBulleted = { name: "mdi-format-list-bulleted", render: render$J };
 const BulletList = BulletList$1.extend({
   addOptions() {
     var _a;
@@ -30899,22 +30918,22 @@ const OrderedList$1 = Node2.create({
     ];
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$R = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$Q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$R = /* @__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$Q = [
-  _hoisted_2$Q
+const _hoisted_3$R = [
+  _hoisted_2$R
 ];
-function render$H(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$Q);
+function render$I(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$R);
 }
-const MdiFormatListNumbered = { name: "mdi-format-list-numbered", render: render$H };
+const MdiFormatListNumbered = { name: "mdi-format-list-numbered", render: render$I };
 const OrderedList = OrderedList$1.extend({
   addOptions() {
     var _a;
@@ -31126,22 +31145,22 @@ const TaskItem = Node2.create({
     ];
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$P = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$Q = /* @__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$P = [
-  _hoisted_2$P
+const _hoisted_3$Q = [
+  _hoisted_2$Q
 ];
-function render$G(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$P);
+function render$H(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$Q);
 }
-const MdiFormatListCheckbox = { name: "mdi-format-list-checkbox", render: render$G };
+const MdiFormatListCheckbox = { name: "mdi-format-list-checkbox", render: render$H };
 const TaskList = TaskList$1.extend({
   addOptions() {
     var _a;
@@ -33733,6 +33752,22 @@ const TableCell = Node2.create({
     return ["td", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   }
 });
+const _hoisted_1$P = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$P = /* @__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$P = [
+  _hoisted_2$P
+];
+function render$G(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$P);
+}
+const MdiTable = { name: "mdi-table", render: render$G };
 const _hoisted_1$O = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33740,7 +33775,7 @@ const _hoisted_1$O = {
 };
 const _hoisted_2$O = /* @__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"
+  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$O = [
   _hoisted_2$O
@@ -33748,7 +33783,7 @@ const _hoisted_3$O = [
 function render$F(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$O);
 }
-const MdiTable = { name: "mdi-table", render: render$F };
+const MdiTablePlus = { name: "mdi-table-plus", render: render$F };
 const _hoisted_1$N = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33756,7 +33791,7 @@ const _hoisted_1$N = {
 };
 const _hoisted_2$N = /* @__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"
+  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$N = [
   _hoisted_2$N
@@ -33764,7 +33799,7 @@ const _hoisted_3$N = [
 function render$E(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$N);
 }
-const MdiTablePlus = { name: "mdi-table-plus", render: render$E };
+const MdiTableColumnPlusBefore = { name: "mdi-table-column-plus-before", render: render$E };
 const _hoisted_1$M = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33772,7 +33807,7 @@ const _hoisted_1$M = {
 };
 const _hoisted_2$M = /* @__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"
+  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$M = [
   _hoisted_2$M
@@ -33780,7 +33815,7 @@ const _hoisted_3$M = [
 function render$D(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$M);
 }
-const MdiTableColumnPlusBefore = { name: "mdi-table-column-plus-before", render: render$D };
+const MdiTableColumnPlusAfter = { name: "mdi-table-column-plus-after", render: render$D };
 const _hoisted_1$L = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33788,7 +33823,7 @@ const _hoisted_1$L = {
 };
 const _hoisted_2$L = /* @__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"
+  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$L = [
   _hoisted_2$L
@@ -33796,7 +33831,7 @@ const _hoisted_3$L = [
 function render$C(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$L);
 }
-const MdiTableColumnPlusAfter = { name: "mdi-table-column-plus-after", render: render$C };
+const MdiTableRowPlusAfter = { name: "mdi-table-row-plus-after", render: render$C };
 const _hoisted_1$K = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33804,7 +33839,7 @@ const _hoisted_1$K = {
 };
 const _hoisted_2$K = /* @__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"
+  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$K = [
   _hoisted_2$K
@@ -33812,7 +33847,7 @@ const _hoisted_3$K = [
 function render$B(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$K);
 }
-const MdiTableRowPlusAfter = { name: "mdi-table-row-plus-after", render: render$B };
+const MdiTableRowPlusBefore = { name: "mdi-table-row-plus-before", render: render$B };
 const _hoisted_1$J = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33820,7 +33855,7 @@ const _hoisted_1$J = {
 };
 const _hoisted_2$J = /* @__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"
+  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$J = [
   _hoisted_2$J
@@ -33828,7 +33863,7 @@ const _hoisted_3$J = [
 function render$A(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$J);
 }
-const MdiTableRowPlusBefore = { name: "mdi-table-row-plus-before", render: render$A };
+const MdiTableColumnRemove = { name: "mdi-table-column-remove", render: render$A };
 const _hoisted_1$I = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33836,7 +33871,7 @@ const _hoisted_1$I = {
 };
 const _hoisted_2$I = /* @__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"
+  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$I = [
   _hoisted_2$I
@@ -33844,7 +33879,7 @@ const _hoisted_3$I = [
 function render$z(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$I);
 }
-const MdiTableColumnRemove = { name: "mdi-table-column-remove", render: render$z };
+const MdiTableRowRemove = { name: "mdi-table-row-remove", render: render$z };
 const _hoisted_1$H = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33852,7 +33887,7 @@ const _hoisted_1$H = {
 };
 const _hoisted_2$H = /* @__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"
+  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$H = [
   _hoisted_2$H
@@ -33860,7 +33895,7 @@ const _hoisted_3$H = [
 function render$y(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$H);
 }
-const MdiTableRowRemove = { name: "mdi-table-row-remove", render: render$y };
+const MdiTableRemove = { name: "mdi-table-remove", render: render$y };
 const _hoisted_1$G = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33868,7 +33903,7 @@ const _hoisted_1$G = {
 };
 const _hoisted_2$G = /* @__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"
+  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$G = [
   _hoisted_2$G
@@ -33876,7 +33911,7 @@ const _hoisted_3$G = [
 function render$x(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$G);
 }
-const MdiTableRemove = { name: "mdi-table-remove", render: render$x };
+const MdiTableHeadersEye = { name: "mdi-table-headers-eye", render: render$x };
 const _hoisted_1$F = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33884,7 +33919,7 @@ const _hoisted_1$F = {
 };
 const _hoisted_2$F = /* @__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"
+  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$F = [
   _hoisted_2$F
@@ -33892,7 +33927,7 @@ const _hoisted_3$F = [
 function render$w(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$F);
 }
-const MdiTableHeadersEye = { name: "mdi-table-headers-eye", render: render$w };
+const MdiTableMergeCells = { name: "mdi-table-merge-cells", render: render$w };
 const _hoisted_1$E = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -33900,7 +33935,7 @@ const _hoisted_1$E = {
 };
 const _hoisted_2$E = /* @__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"
+  d: "M19 14h2v6H3v-6h2v4h14v-4M3 4v6h2V6h14v4h2V4H3m8 7v2H8v2l-3-3l3-3v2h3m5 0V9l3 3l-3 3v-2h-3v-2h3Z"
 }, null, -1);
 const _hoisted_3$E = [
   _hoisted_2$E
@@ -33908,23 +33943,7 @@ const _hoisted_3$E = [
 function render$v(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$E);
 }
-const MdiTableMergeCells = { name: "mdi-table-merge-cells", render: render$v };
-const _hoisted_1$D = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$D = /* @__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$D = [
-  _hoisted_2$D
-];
-function render$u(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$D);
-}
-const MdiTableSplitCell = { name: "mdi-table-split-cell", render: render$u };
+const MdiTableSplitCell = { name: "mdi-table-split-cell", render: render$v };
 const Table = Table$1.extend({
   addExtensions() {
     return [TableHeader, TableRow, TableCell];
@@ -34154,6 +34173,22 @@ const TextAlign$1 = Extension.create({
     };
   }
 });
+const _hoisted_1$D = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$D = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
+}, null, -1);
+const _hoisted_3$D = [
+  _hoisted_2$D
+];
+function render$u(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$D);
+}
+const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$u };
 const _hoisted_1$C = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -34161,7 +34196,7 @@ const _hoisted_1$C = {
 };
 const _hoisted_2$C = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 3h18v2H3V3m0 4h12v2H3V7m0 4h18v2H3v-2m0 4h12v2H3v-2m0 4h18v2H3v-2Z"
+  d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
 }, null, -1);
 const _hoisted_3$C = [
   _hoisted_2$C
@@ -34169,7 +34204,7 @@ const _hoisted_3$C = [
 function render$t(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$C);
 }
-const MdiFormatAlignLeft = { name: "mdi-format-align-left", render: render$t };
+const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$t };
 const _hoisted_1$B = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -34177,7 +34212,7 @@ const _hoisted_1$B = {
 };
 const _hoisted_2$B = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 3h18v2H3V3m4 4h10v2H7V7m-4 4h18v2H3v-2m4 4h10v2H7v-2m-4 4h18v2H3v-2Z"
+  d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
 }, null, -1);
 const _hoisted_3$B = [
   _hoisted_2$B
@@ -34185,7 +34220,7 @@ const _hoisted_3$B = [
 function render$s(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$B);
 }
-const MdiFormatAlignCenter = { name: "mdi-format-align-center", render: render$s };
+const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$s };
 const _hoisted_1$A = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -34193,7 +34228,7 @@ const _hoisted_1$A = {
 };
 const _hoisted_2$A = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 3h18v2H3V3m6 4h12v2H9V7m-6 4h18v2H3v-2m6 4h12v2H9v-2m-6 4h18v2H3v-2Z"
+  d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
 }, null, -1);
 const _hoisted_3$A = [
   _hoisted_2$A
@@ -34201,23 +34236,7 @@ const _hoisted_3$A = [
 function render$r(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$A);
 }
-const MdiFormatAlignRight = { name: "mdi-format-align-right", render: render$r };
-const _hoisted_1$z = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$z = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M3 3h18v2H3V3m0 4h18v2H3V7m0 4h18v2H3v-2m0 4h18v2H3v-2m0 4h18v2H3v-2Z"
-}, null, -1);
-const _hoisted_3$z = [
-  _hoisted_2$z
-];
-function render$q(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$z);
-}
-const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$q };
+const MdiFormatAlignJustify = { name: "mdi-format-align-justify", render: render$r };
 const TextAlign = TextAlign$1.extend({
   addOptions() {
     var _a;
@@ -35694,25 +35713,25 @@ const Link$1 = Mark2.create({
     return plugins;
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$y = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$z = /* @__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$y = [
-  _hoisted_2$y
+const _hoisted_3$z = [
+  _hoisted_2$z
 ];
-function render$p(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$y);
+function render$q(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$z);
 }
-const MdiLinkVariant = { name: "mdi-link-variant", render: render$p };
-const _hoisted_1$x = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
-const _hoisted_2$x = ["placeholder"];
-const _hoisted_3$x = { class: "inline-flex items-center mt-2" };
+const MdiLinkVariant = { name: "mdi-link-variant", render: render$q };
+const _hoisted_1$y = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
+const _hoisted_2$y = ["placeholder"];
+const _hoisted_3$y = { class: "inline-flex items-center mt-2" };
 const _hoisted_4$5 = { class: "ml-2 text-sm text-gray-500" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "LinkBubbleButton",
@@ -35757,12 +35776,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         distance: 10
       }, {
         popper: withCtx(() => [
-          createElementVNode("div", _hoisted_1$x, [
+          createElementVNode("div", _hoisted_1$y, [
             withDirectives(createElementVNode("input", {
               "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$x), [
+            }, null, 8, _hoisted_2$y), [
               [
                 vModelText,
                 unref(href),
@@ -35770,7 +35789,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 { lazy: true }
               ]
             ]),
-            createElementVNode("label", _hoisted_3$x, [
+            createElementVNode("label", _hoisted_3$y, [
               withDirectives(createElementVNode("input", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(target) ? target.value = $event : null),
                 type: "checkbox",
@@ -35799,38 +35818,38 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$w = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$x = /* @__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$w = [
-  _hoisted_2$w
+const _hoisted_3$x = [
+  _hoisted_2$x
 ];
-function render$o(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$w);
+function render$p(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$x);
 }
-const MdiLinkVariantOff = { name: "mdi-link-variant-off", render: render$o };
-const _hoisted_1$v = {
+const MdiLinkVariantOff = { name: "mdi-link-variant-off", render: render$p };
+const _hoisted_1$w = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$v = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$w = /* @__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$v = [
-  _hoisted_2$v
+const _hoisted_3$w = [
+  _hoisted_2$w
 ];
-function render$n(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$v);
+function render$o(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$w);
 }
-const MdiShare = { name: "mdi-share", render: render$n };
+const MdiShare = { name: "mdi-share", render: render$o };
 const Link = Link$1.extend({
   addOptions() {
     var _a;
@@ -35959,25 +35978,25 @@ const Color$1 = Extension.create({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$u = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$v = /* @__PURE__ */ createElementVNode("path", {
   d: "M9.624 11.998L12 5.665l2.375 6.333m-3.375-9l-5.5 14h2.25l1.125-3h6.25l1.125 3h2.25l-5.5-14h-2z",
   fill: "currentColor"
 }, null, -1);
-const _hoisted_3$u = [
-  _hoisted_2$u
+const _hoisted_3$v = [
+  _hoisted_2$v
 ];
-function render$m(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$u);
+function render$n(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$v);
 }
-const MdiFormatColor = { name: "mdi-format-color", render: render$m };
-const _hoisted_1$t = { class: "p-1" };
-const _hoisted_2$t = /* @__PURE__ */ createElementVNode("div", { class: "h-5 w-5 rounded-sm cursor-pointer hover:ring-1 ring-offset-1 ring-gray-300 bg-black" }, null, -1);
-const _hoisted_3$t = { class: "text-xs text-gray-600" };
+const MdiFormatColor = { name: "mdi-format-color", render: render$n };
+const _hoisted_1$u = { class: "p-1" };
+const _hoisted_2$u = /* @__PURE__ */ createElementVNode("div", { class: "h-5 w-5 rounded-sm cursor-pointer hover:ring-1 ring-offset-1 ring-gray-300 bg-black" }, null, -1);
+const _hoisted_3$u = { class: "text-xs text-gray-600" };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ColorToolbarItem",
   props: {
@@ -36004,13 +36023,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$b, { "onUpdate:modelValue": handleSetColor }, {
         prefix: withCtx(() => [
-          createElementVNode("div", _hoisted_1$t, [
+          createElementVNode("div", _hoisted_1$u, [
             createElementVNode("div", {
               class: "flex items-center gap-2 rounded cursor-pointer hover:bg-gray-100 p-1",
               onClick: handleUnsetColor
             }, [
-              _hoisted_2$t,
-              createElementVNode("span", _hoisted_3$t, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
+              _hoisted_2$u,
+              createElementVNode("span", _hoisted_3$u, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
             ])
           ])
         ]),
@@ -36022,9 +36041,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$s = { class: "p-1" };
-const _hoisted_2$s = /* @__PURE__ */ createElementVNode("div", { class: "h-5 w-5 rounded-sm cursor-pointer hover:ring-1 ring-offset-1 ring-gray-300 bg-black" }, null, -1);
-const _hoisted_3$s = { class: "text-xs text-gray-600" };
+const _hoisted_1$t = { class: "p-1" };
+const _hoisted_2$t = /* @__PURE__ */ createElementVNode("div", { class: "h-5 w-5 rounded-sm cursor-pointer hover:ring-1 ring-offset-1 ring-gray-300 bg-black" }, null, -1);
+const _hoisted_3$t = { class: "text-xs text-gray-600" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "ColorBubbleItem",
   props: {
@@ -36051,13 +36070,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$b, { "onUpdate:modelValue": handleSetColor }, {
         prefix: withCtx(() => [
-          createElementVNode("div", _hoisted_1$s, [
+          createElementVNode("div", _hoisted_1$t, [
             createElementVNode("div", {
               class: "flex items-center gap-2 rounded cursor-pointer hover:bg-gray-100 p-1",
               onClick: handleUnsetColor
             }, [
-              _hoisted_2$s,
-              createElementVNode("span", _hoisted_3$s, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
+              _hoisted_2$t,
+              createElementVNode("span", _hoisted_3$t, toDisplayString$1(unref(i18n).global.t("editor.common.button.restore_default")), 1)
             ])
           ])
         ]),
@@ -36104,22 +36123,22 @@ const Color = Color$1.extend({
     return [TextStyle];
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$s = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M2 4v3h5v12h3V7h5V4H2m19 5h-9v3h3v7h3v-7h3V9Z"
 }, null, -1);
-const _hoisted_3$r = [
-  _hoisted_2$r
+const _hoisted_3$s = [
+  _hoisted_2$s
 ];
-function render$l(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$r);
+function render$m(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$s);
 }
-const MdiFormatSize = { name: "mdi-format-size", render: render$l };
+const MdiFormatSize = { name: "mdi-format-size", render: render$m };
 const FontSize = Extension.create({
   name: "fontSize",
   addOptions() {
@@ -36926,9 +36945,9 @@ function Suggestion({ pluginKey = SuggestionPluginKey, editor, char = "@", allow
   });
   return plugin2;
 }
-const _hoisted_1$q = { class: "command-items" };
-const _hoisted_2$q = ["id", "onClick"];
-const _hoisted_3$q = { class: "command-title group-hover:text-gray-900 group-hover:font-medium" };
+const _hoisted_1$r = { class: "command-items" };
+const _hoisted_2$r = ["id", "onClick"];
+const _hoisted_3$r = { class: "command-title group-hover:text-gray-900 group-hover:font-medium" };
 const _hoisted_4$4 = {
   key: 1,
   class: "command-empty"
@@ -37000,7 +37019,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       onKeyDown
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
         __props.items.length ? (openBlock(true), createElementBlock(Fragment$1, { key: 0 }, renderList(__props.items, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             id: `command-item-${index2}`,
@@ -37009,8 +37028,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             onClick: ($event) => handleSelectItem(index2)
           }, [
             (openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "command-icon group-hover:!bg-white" })),
-            createElementVNode("span", _hoisted_3$q, toDisplayString$1(unref(i18n).global.t(item.title)), 1)
-          ], 10, _hoisted_2$q);
+            createElementVNode("span", _hoisted_3$r, toDisplayString$1(unref(i18n).global.t(item.title)), 1)
+          ], 10, _hoisted_2$r);
         }), 128)) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
           createElementVNode("span", null, toDisplayString$1(unref(i18n).global.t("editor.extensions.commands_menu.no_results")), 1)
         ]))
@@ -53336,9 +53355,9 @@ function xml(hljs) {
   };
 }
 lowlight.registerLanguage("html", xml);
-const _hoisted_1$p = { class: "py-1.5" };
-const _hoisted_2$p = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
-const _hoisted_3$p = ["value"];
+const _hoisted_1$q = { class: "py-1.5" };
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode("option", { value: null }, "auto", -1);
+const _hoisted_3$q = ["value"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockViewRenderer",
   props: {
@@ -53375,18 +53394,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             selected: __props.selected
           }, {
             content: withCtx(() => [
-              createElementVNode("div", _hoisted_1$p, [
+              createElementVNode("div", _hoisted_1$q, [
                 withDirectives(createElementVNode("select", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectedLanguage) ? selectedLanguage.value = $event : null),
                   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$p,
+                  _hoisted_2$q,
                   (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$p);
+                    }, toDisplayString$1(language), 9, _hoisted_3$q);
                   }), 128))
                 ], 512), [
                   [vModelSelect, unref(selectedLanguage)]
@@ -53407,23 +53426,102 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$p = /* @__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$o = [
-  _hoisted_2$o
+const _hoisted_3$p = [
+  _hoisted_2$p
 ];
-function render$k(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$o);
+function render$l(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$p);
 }
-const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$k };
+const MdiCodeBracesBox = { name: "mdi-code-braces-box", render: render$l };
+const updateIndent = (tr2, type) => {
+  const { doc: doc2, selection } = tr2;
+  if (!doc2 || !selection)
+    return tr2;
+  if (!(selection instanceof TextSelection)) {
+    return tr2;
+  }
+  const { from: from2, to } = selection;
+  doc2.nodesBetween(from2, to, (node, pos) => {
+    if (from2 - to == 0 && type === "indent") {
+      tr2.insertText("	", from2, to);
+      return false;
+    }
+    const precedeContent = doc2.textBetween(pos + 1, from2, "\n");
+    const precedeLineBreakPos = precedeContent.lastIndexOf("\n");
+    const startBetWeenIndex = precedeLineBreakPos === -1 ? pos + 1 : pos + precedeLineBreakPos + 1;
+    const text = doc2.textBetween(startBetWeenIndex, to, "\n");
+    if (type === "indent") {
+      let replacedStr = text.replace(/\n/g, "\n	");
+      if (startBetWeenIndex === pos + 1) {
+        replacedStr = "	" + replacedStr;
+      }
+      tr2.insertText(replacedStr, startBetWeenIndex, to);
+    } else {
+      let replacedStr = text.replace(/\n\t/g, "\n");
+      if (startBetWeenIndex === pos + 1) {
+        const firstNewLineIndex = replacedStr.indexOf("	");
+        if (firstNewLineIndex == 0) {
+          replacedStr = replacedStr.replace("	", "");
+        }
+      }
+      tr2.insertText(replacedStr, startBetWeenIndex, to);
+    }
+    return false;
+  });
+  return tr2;
+};
 const ExtensionCodeBlock = CodeBlockLowlight.extend({
+  addCommands() {
+    var _a;
+    return {
+      ...(_a = this.parent) == null ? void 0 : _a.call(this),
+      codeIndent: () => ({ tr: tr2, state, dispatch }) => {
+        const { selection } = state;
+        tr2 = tr2.setSelection(selection);
+        tr2 = updateIndent(tr2, "indent");
+        if (tr2.docChanged && dispatch) {
+          dispatch(tr2);
+          return true;
+        }
+        return false;
+      },
+      codeOutdent: () => ({ tr: tr2, state, dispatch }) => {
+        const { selection } = state;
+        tr2 = tr2.setSelection(selection);
+        tr2 = updateIndent(tr2, "outdent");
+        if (tr2.docChanged && dispatch) {
+          dispatch(tr2);
+          return true;
+        }
+        return false;
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Tab: () => {
+        if (this.editor.isActive("codeBlock")) {
+          return this.editor.chain().focus().codeIndent().run();
+        }
+        return;
+      },
+      "Shift-Tab": () => {
+        if (this.editor.isActive("codeBlock")) {
+          return this.editor.chain().focus().codeOutdent().run();
+        }
+        return;
+      }
+    };
+  },
   addNodeView() {
     return VueNodeViewRenderer(_sfc_main$4);
   },
@@ -53487,13 +53585,29 @@ const ExtensionCodeBlock = CodeBlockLowlight.extend({
     };
   }
 });
+const _hoisted_1$o = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$o = /* @__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$o = [
+  _hoisted_2$o
+];
+function render$k(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$o);
+}
+const MdiCellphoneIphone = { name: "mdi-cellphone-iphone", render: render$k };
 const _hoisted_1$n = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 const _hoisted_2$n = /* @__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",
+  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$n = [
@@ -53502,15 +53616,15 @@ const _hoisted_3$n = [
 function render$j(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$n);
 }
-const MdiCellphoneIphone = { name: "mdi-cellphone-iphone", render: render$j };
+const MdiTabletIpad = { name: "mdi-tablet-ipad", render: render$j };
 const _hoisted_1$m = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
 const _hoisted_2$m = /* @__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"
+  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$m = [
   _hoisted_2$m
@@ -53518,7 +53632,7 @@ const _hoisted_3$m = [
 function render$i(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$m);
 }
-const MdiTabletIpad = { name: "mdi-tablet-ipad", render: render$i };
+const MdiDesktopMac = { name: "mdi-desktop-mac", render: render$i };
 const _hoisted_1$l = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -53526,7 +53640,7 @@ const _hoisted_1$l = {
 };
 const _hoisted_2$l = /* @__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"
+  d: "M3 21V3h18v18H3M5 5v14h14V5H5Z"
 }, null, -1);
 const _hoisted_3$l = [
   _hoisted_2$l
@@ -53534,7 +53648,7 @@ const _hoisted_3$l = [
 function render$h(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$l);
 }
-const MdiDesktopMac = { name: "mdi-desktop-mac", render: render$h };
+const MdiBorderAllVariant = { name: "mdi-border-all-variant", render: render$h };
 const _hoisted_1$k = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -53542,7 +53656,7 @@ const _hoisted_1$k = {
 };
 const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M3 21V3h18v18H3M5 5v14h14V5H5Z"
+  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$k = [
   _hoisted_2$k
@@ -53550,7 +53664,7 @@ const _hoisted_3$k = [
 function render$g(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$k);
 }
-const MdiBorderAllVariant = { name: "mdi-border-all-variant", render: render$g };
+const MdiBorderNoneVariant = { name: "mdi-border-none-variant", render: render$g };
 const _hoisted_1$j = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -53558,7 +53672,7 @@ const _hoisted_1$j = {
 };
 const _hoisted_2$j = /* @__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"
+  d: "M16.5 11.74c0-.59-.07-1.16-.14-1.74h3.38c.08.33.15.67.19 1c.72.07 1.41.23 2.07.5C21.71 6.21 17.35 2 12 2C6.47 2 2 6.5 2 12s4.5 10 10 10c.87 0 1.71-.12 2.5-.33a6.599 6.599 0 0 1-1.46-3.47c-.31.61-.65 1.2-1.04 1.76c-.83-1.2-1.5-2.53-1.91-3.96h3.09c.17-.72.46-1.39.85-2H9.66c-.1-.66-.16-1.32-.16-2s.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .5-.04 1-.1 1.5a6.36 6.36 0 0 1 2.1-1.76M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26m.82 2H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m2.09 0c.41-1.43 1.08-2.77 1.91-3.97c.83 1.2 1.5 2.54 1.91 3.97h-3.82m8.83 0h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M23 17.5c0 .82-.25 1.58-.67 2.21l-1.09-1.09c.17-.34.26-.72.26-1.12A2.5 2.5 0 0 0 19 15v1.5l-2.25-2.25L19 12v1.5c2.21 0 4 1.79 4 4m-4 1l2.25 2.25L19 23v-1.5c-2.21 0-4-1.79-4-4c0-.82.25-1.58.67-2.21l1.09 1.09c-.17.34-.26.72-.26 1.12A2.5 2.5 0 0 0 19 20v-1.5Z"
 }, null, -1);
 const _hoisted_3$j = [
   _hoisted_2$j
@@ -53566,29 +53680,13 @@ const _hoisted_3$j = [
 function render$f(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$j);
 }
-const MdiBorderNoneVariant = { name: "mdi-border-none-variant", render: render$f };
+const MdiWebSync = { name: "mdi-web-sync", render: render$f };
 const _hoisted_1$i = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M16.5 11.74c0-.59-.07-1.16-.14-1.74h3.38c.08.33.15.67.19 1c.72.07 1.41.23 2.07.5C21.71 6.21 17.35 2 12 2C6.47 2 2 6.5 2 12s4.5 10 10 10c.87 0 1.71-.12 2.5-.33a6.599 6.599 0 0 1-1.46-3.47c-.31.61-.65 1.2-1.04 1.76c-.83-1.2-1.5-2.53-1.91-3.96h3.09c.17-.72.46-1.39.85-2H9.66c-.1-.66-.16-1.32-.16-2s.06-1.35.16-2h4.68c.09.65.16 1.32.16 2c0 .5-.04 1-.1 1.5a6.36 6.36 0 0 1 2.1-1.76M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2H4.26m.82 2H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 0 1 5.08 16M8 8H5.08A7.923 7.923 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m2.09 0c.41-1.43 1.08-2.77 1.91-3.97c.83 1.2 1.5 2.54 1.91 3.97h-3.82m8.83 0h-2.95a15.65 15.65 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M23 17.5c0 .82-.25 1.58-.67 2.21l-1.09-1.09c.17-.34.26-.72.26-1.12A2.5 2.5 0 0 0 19 15v1.5l-2.25-2.25L19 12v1.5c2.21 0 4 1.79 4 4m-4 1l2.25 2.25L19 23v-1.5c-2.21 0-4-1.79-4-4c0-.82.25-1.58.67-2.21l1.09 1.09c-.17.34-.26.72-.26 1.12A2.5 2.5 0 0 0 19 20v-1.5Z"
-}, null, -1);
-const _hoisted_3$i = [
-  _hoisted_2$i
-];
-function render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$i);
-}
-const MdiWebSync = { name: "mdi-web-sync", render: render$e };
-const _hoisted_1$h = {
   key: 0,
   class: "p-1.5"
 };
-const _hoisted_2$h = ["placeholder"];
-const _hoisted_3$h = ["src", "width", "height", "frameborder"];
+const _hoisted_2$i = ["placeholder"];
+const _hoisted_3$i = ["src", "width", "height", "frameborder"];
 const _hoisted_4$3 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
 const _hoisted_5$3 = ["placeholder"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -53678,7 +53776,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   width: __props.node.attrs.width
                 })
               }, [
-                !unref(src) ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+                !unref(src) ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
                   withDirectives(createElementVNode("input", {
                     ref_key: "inputRef",
                     ref: inputRef,
@@ -53687,7 +53785,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$h), [
+                  }, null, 40, _hoisted_2$i), [
                     [
                       vModelText,
                       unref(src),
@@ -53710,7 +53808,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   framespacing: "0",
                   allowfullscreen: "true",
                   onMouseenter: handleSetFocus
-                }, null, 42, _hoisted_3$h))
+                }, null, 42, _hoisted_3$i))
               ], 4)
             ]),
             actions: withCtx(() => [
@@ -53876,22 +53974,22 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$h = /* @__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$g = [
-  _hoisted_2$g
+const _hoisted_3$h = [
+  _hoisted_2$h
 ];
-function render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$g);
+function render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$h);
 }
-const MdiWeb = { name: "mdi-web", render: render$d };
+const MdiWeb = { name: "mdi-web", render: render$e };
 const Iframe = Node2.create({
   name: "iframe",
   inline() {
@@ -54076,6 +54174,22 @@ const Iframe = Node2.create({
     };
   }
 });
+const _hoisted_1$g = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$g = /* @__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$g = [
+  _hoisted_2$g
+];
+function render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$g);
+}
+const MdiImageSizeSelectActual = { name: "mdi-image-size-select-actual", render: render$d };
 const _hoisted_1$f = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54083,7 +54197,7 @@ const _hoisted_1$f = {
 };
 const _hoisted_2$f = /* @__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"
+  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$f = [
   _hoisted_2$f
@@ -54091,7 +54205,7 @@ const _hoisted_3$f = [
 function render$c(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$f);
 }
-const MdiImageSizeSelectActual = { name: "mdi-image-size-select-actual", render: render$c };
+const MdiImageSizeSelectSmall = { name: "mdi-image-size-select-small", render: render$c };
 const _hoisted_1$e = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54099,7 +54213,7 @@ const _hoisted_1$e = {
 };
 const _hoisted_2$e = /* @__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"
+  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$e = [
   _hoisted_2$e
@@ -54107,7 +54221,7 @@ const _hoisted_3$e = [
 function render$b(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$e);
 }
-const MdiImageSizeSelectSmall = { name: "mdi-image-size-select-small", render: render$b };
+const MdiImageSizeSelectLarge = { name: "mdi-image-size-select-large", render: render$b };
 const _hoisted_1$d = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54115,7 +54229,7 @@ const _hoisted_1$d = {
 };
 const _hoisted_2$d = /* @__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"
+  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$d = [
   _hoisted_2$d
@@ -54123,7 +54237,7 @@ const _hoisted_3$d = [
 function render$a(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$d);
 }
-const MdiImageSizeSelectLarge = { name: "mdi-image-size-select-large", render: render$a };
+const MdiCogPlay = { name: "mdi-cog-play", render: render$a };
 const _hoisted_1$c = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54131,7 +54245,7 @@ const _hoisted_1$c = {
 };
 const _hoisted_2$c = /* @__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"
+  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$c = [
   _hoisted_2$c
@@ -54139,7 +54253,7 @@ const _hoisted_3$c = [
 function render$9(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$c);
 }
-const MdiCogPlay = { name: "mdi-cog-play", render: render$9 };
+const MdiCogPlayOutline = { name: "mdi-cog-play-outline", render: render$9 };
 const _hoisted_1$b = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54147,7 +54261,7 @@ const _hoisted_1$b = {
 };
 const _hoisted_2$b = /* @__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"
+  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$b = [
   _hoisted_2$b
@@ -54155,7 +54269,7 @@ const _hoisted_3$b = [
 function render$8(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$b);
 }
-const MdiCogPlayOutline = { name: "mdi-cog-play-outline", render: render$8 };
+const MdiPlayCircle = { name: "mdi-play-circle", render: render$8 };
 const _hoisted_1$a = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54163,7 +54277,7 @@ const _hoisted_1$a = {
 };
 const _hoisted_2$a = /* @__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"
+  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$a = [
   _hoisted_2$a
@@ -54171,7 +54285,7 @@ const _hoisted_3$a = [
 function render$7(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
 }
-const MdiPlayCircle = { name: "mdi-play-circle", render: render$7 };
+const MdiPlayCircleOutline = { name: "mdi-play-circle-outline", render: render$7 };
 const _hoisted_1$9 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54179,7 +54293,7 @@ const _hoisted_1$9 = {
 };
 const _hoisted_2$9 = /* @__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"
+  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$9 = [
   _hoisted_2$9
@@ -54187,7 +54301,7 @@ const _hoisted_3$9 = [
 function render$6(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
 }
-const MdiPlayCircleOutline = { name: "mdi-play-circle-outline", render: render$6 };
+const MdiMotionPlayOutline = { name: "mdi-motion-play-outline", render: render$6 };
 const _hoisted_1$8 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -54195,7 +54309,7 @@ const _hoisted_1$8 = {
 };
 const _hoisted_2$8 = /* @__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"
+  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$8 = [
   _hoisted_2$8
@@ -54203,29 +54317,13 @@ const _hoisted_3$8 = [
 function render$5(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
 }
-const MdiMotionPlayOutline = { name: "mdi-motion-play-outline", render: render$5 };
+const MdiMotionPlay = { name: "mdi-motion-play", render: render$5 };
 const _hoisted_1$7 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$7 = /* @__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$7 = [
-  _hoisted_2$7
-];
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
-}
-const MdiMotionPlay = { name: "mdi-motion-play", render: render$4 };
-const _hoisted_1$6 = {
   key: 0,
   class: "p-1.5"
 };
-const _hoisted_2$6 = ["placeholder"];
-const _hoisted_3$6 = ["controls", "autoplay", "loop", "src"];
+const _hoisted_2$7 = ["placeholder"];
+const _hoisted_3$7 = ["controls", "autoplay", "loop", "src"];
 const _hoisted_4$2 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
 const _hoisted_5$2 = ["placeholder"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -54326,7 +54424,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   width: __props.node.attrs.width
                 })
               }, [
-                !unref(src) ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+                !unref(src) ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
                   withDirectives(createElementVNode("input", {
                     ref_key: "inputRef",
                     ref: inputRef,
@@ -54335,7 +54433,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$6), [
+                  }, null, 40, _hoisted_2$7), [
                     [
                       vModelText,
                       unref(src),
@@ -54355,7 +54453,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     height: __props.node.attrs.height
                   }),
                   onMouseenter: handleSetFocus
-                }, null, 44, _hoisted_3$6))
+                }, null, 44, _hoisted_3$7))
               ], 4)
             ]),
             actions: withCtx(() => [
@@ -54522,22 +54620,22 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$6 = /* @__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$5 = [
-  _hoisted_2$5
+const _hoisted_3$6 = [
+  _hoisted_2$6
 ];
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
 }
-const MdiVideo = { name: "mdi-video", render: render$3 };
+const MdiVideo = { name: "mdi-video", render: render$4 };
 const Video = Node2.create({
   name: "video",
   inline() {
@@ -54684,15 +54782,15 @@ const Video = Node2.create({
     };
   }
 });
-const _hoisted_1$4 = { class: "inline-block overflow-hidden transition-all text-center relative h-full w-full" };
-const _hoisted_2$4 = {
+const _hoisted_1$5 = { class: "inline-block overflow-hidden transition-all text-center relative h-full w-full" };
+const _hoisted_2$5 = {
   key: 0,
   class: "p-1.5"
 };
-const _hoisted_3$4 = ["placeholder"];
+const _hoisted_3$5 = ["placeholder"];
 const _hoisted_4$1 = ["autoplay", "loop", "src"];
 const _hoisted_5$1 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
-const _hoisted_6 = ["placeholder"];
+const _hoisted_6$1 = ["placeholder"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "AudioView",
   props: {
@@ -54756,8 +54854,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             selected: __props.selected
           }, {
             content: withCtx(() => [
-              createElementVNode("div", _hoisted_1$4, [
-                !unref(src) ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+              createElementVNode("div", _hoisted_1$5, [
+                !unref(src) ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
                   withDirectives(createElementVNode("input", {
                     ref_key: "inputRef",
                     ref: inputRef,
@@ -54766,7 +54864,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     placeholder: unref(i18n).global.t("editor.common.placeholder.link_input"),
                     tabindex: "-1",
                     onFocus: handleSetFocus
-                  }, null, 40, _hoisted_3$4), [
+                  }, null, 40, _hoisted_3$5), [
                     [
                       vModelText,
                       unref(src),
@@ -54817,7 +54915,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($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_6), [
+                    }, null, 8, _hoisted_6$1), [
                       [
                         vModelText,
                         unref(src),
@@ -54857,22 +54955,22 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$4 = /* @__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$3 = [
-  _hoisted_2$3
+const _hoisted_3$4 = [
+  _hoisted_2$4
 ];
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+function render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
 }
-const MdiMusicCircleOutline = { name: "mdi-music-circle-outline", render: render$2 };
+const MdiMusicCircleOutline = { name: "mdi-music-circle-outline", render: render$3 };
 const Audio = Node2.create({
   name: "audio",
   inline() {
@@ -55060,22 +55158,6 @@ const Image$1 = Node2.create({
     ];
   }
 });
-const _hoisted_1$2 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M12 3a9 9 0 0 0-9 9H0l4 4l4-4H5a7 7 0 0 1 7-7a7 7 0 0 1 7 7a7 7 0 0 1-7 7c-1.5 0-2.91-.5-4.06-1.3L6.5 19.14A9.115 9.115 0 0 0 12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9m2 9a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2Z"
-}, null, -1);
-const _hoisted_3$2 = [
-  _hoisted_2$2
-];
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
-}
-const MdiBackupRestore = { name: "mdi-backup-restore", render: render$1 };
 function tryOnScopeDispose(fn2) {
   if (getCurrentScope()) {
     onScopeDispose(fn2);
@@ -55159,6 +55241,38 @@ function useResizeObserver(target, callback, options = {}) {
     stop
   };
 }
+const _hoisted_1$3 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 3a9 9 0 0 0-9 9H0l4 4l4-4H5a7 7 0 0 1 7-7a7 7 0 0 1 7 7a7 7 0 0 1-7 7c-1.5 0-2.91-.5-4.06-1.3L6.5 19.14A9.115 9.115 0 0 0 12 21a9 9 0 0 0 9-9a9 9 0 0 0-9-9m2 9a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2Z"
+}, null, -1);
+const _hoisted_3$3 = [
+  _hoisted_2$3
+];
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+}
+const MdiBackupRestore = { name: "mdi-backup-restore", render: render$2 };
+const _hoisted_1$2 = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M10 21H5c-1.11 0-2-.89-2-2V5c0-1.11.89-2 2-2h14c1.11 0 2 .89 2 2v5.33c-.3-.12-.63-.19-.96-.19c-.37 0-.72.08-1.04.23V5H5v14h5.11l-.11.11V21M7 9h10V7H7v2m0 8h5.11L14 15.12V15H7v2m0-4h9.12l.88-.88V11H7v2m14.7.58l-1.28-1.28a.55.55 0 0 0-.77 0l-1 1l2.05 2.05l1-1a.55.55 0 0 0 0-.77M12 22h2.06l6.05-6.07l-2.05-2.05L12 19.94V22Z"
+}, null, -1);
+const _hoisted_3$2 = [
+  _hoisted_2$2
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+}
+const MdiTextBoxEditOutline = { name: "mdi-text-box-edit-outline", render: render$1 };
 const _hoisted_1$1 = {
   key: 0,
   class: "p-1.5 w-full"
@@ -55167,6 +55281,8 @@ const _hoisted_2$1 = ["placeholder"];
 const _hoisted_3$1 = ["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 _hoisted_6 = { class: "relative rounded-md bg-white overflow-hidden drop-shadow w-96 p-1 max-h-72 overflow-y-auto" };
+const _hoisted_7 = ["placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImageView",
   props: {
@@ -55181,6 +55297,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const imgScale = ref(0);
     const src = computed({
       get: () => {
         var _a;
@@ -55228,13 +55345,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             mounted = true;
             return;
           }
+          const entry = entries[0];
+          const { width: w, height: h2 } = entry.contentRect;
           if (init2) {
+            imgScale.value = parseFloat((h2 / w).toFixed(2));
             init2 = false;
             return;
           }
-          const entry = entries[0];
-          const { width: w, height: h2 } = entry.contentRect;
-          props.updateAttributes({ width: w + "px", height: h2 + "px" });
+          props.updateAttributes({
+            width: w + "px",
+            height: w * imgScale.value + "px"
+          });
         },
         { box: "border-box" }
       );
@@ -55297,7 +55418,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 1,
                 ref_key: "resizeRef",
                 ref: resizeRef,
-                class: normalizeClass(["resize inline-block overflow-hidden text-center relative rounded-md", {
+                class: normalizeClass(["resize-x inline-block overflow-hidden text-center relative rounded-md", {
                   "ring-2 rounded": __props.selected
                 }]),
                 style: normalizeStyle({
@@ -55445,7 +55566,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createVNode(unref(MdiShare))
                 ]),
                 _: 1
-              }, 8, ["tooltip"])
+              }, 8, ["tooltip"]),
+              createVNode(unref(Dropdown), {
+                class: "inline-flex",
+                triggers: ["click"],
+                distance: 10
+              }, {
+                popper: withCtx(() => [
+                  createElementVNode("div", _hoisted_6, [
+                    withDirectives(createElementVNode("input", {
+                      "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => isRef(alt) ? alt.value = $event : null),
+                      placeholder: unref(i18n).global.t("editor.common.placeholder.alt_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_7), [
+                      [
+                        vModelText,
+                        unref(alt),
+                        void 0,
+                        { lazy: true }
+                      ]
+                    ])
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode(_sfc_main$g, {
+                    tooltip: unref(i18n).global.t("editor.extensions.image.edit_alt")
+                  }, {
+                    icon: withCtx(() => [
+                      createVNode(unref(MdiTextBoxEditOutline))
+                    ]),
+                    _: 1
+                  }, 8, ["tooltip"])
+                ]),
+                _: 1
+              })
             ]),
             _: 1
           }, 8, ["selected", "editor", "delete-node", "get-pos"])
@@ -55548,6 +55702,178 @@ const Image = Image$1.extend({
     };
   }
 });
+const Indent = Extension.create({
+  name: "indent",
+  addOptions() {
+    return {
+      names: ["heading", "paragraph"],
+      indentRange: 24,
+      minIndentLevel: 0,
+      maxIndentLevel: 24 * 10,
+      defaultIndentLevel: 0,
+      HTMLAttributes: {}
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.names,
+        attributes: {
+          indent: {
+            default: this.options.defaultIndentLevel,
+            renderHTML: (attributes) => ({
+              style: attributes.indent != 0 ? `margin-left: ${attributes.indent}px!important;` : ""
+            }),
+            parseHTML: (element) => parseInt(element.style.marginLeft, 10) || this.options.defaultIndentLevel
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      indent: () => ({ tr: tr2, state, dispatch, editor }) => {
+        const { selection } = state;
+        tr2 = tr2.setSelection(selection);
+        tr2 = updateIndentLevel(
+          tr2,
+          this.options,
+          editor.extensionManager.extensions,
+          "indent"
+        );
+        if (tr2.docChanged && dispatch) {
+          dispatch(tr2);
+          return true;
+        }
+        return false;
+      },
+      outdent: () => ({ tr: tr2, state, dispatch, editor }) => {
+        const { selection } = state;
+        tr2 = tr2.setSelection(selection);
+        tr2 = updateIndentLevel(
+          tr2,
+          this.options,
+          editor.extensionManager.extensions,
+          "outdent"
+        );
+        if (tr2.docChanged && dispatch) {
+          dispatch(tr2);
+          return true;
+        }
+        return false;
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Tab: getIndent(),
+      "Shift-Tab": getOutdent(false),
+      Backspace: getOutdent(true),
+      "Mod-]": getIndent(),
+      "Mod-[": getOutdent(false)
+    };
+  },
+  onUpdate() {
+    const { editor } = this;
+    if (editor.isActive("listItem")) {
+      const node = editor.state.selection.$head.node();
+      if (node.attrs.indent) {
+        editor.commands.updateAttributes(node.type.name, { indent: 0 });
+      }
+    }
+  }
+});
+const clamp = (val, min2, max2) => {
+  if (val < min2) {
+    return min2;
+  }
+  if (val > max2) {
+    return max2;
+  }
+  return val;
+};
+function setNodeIndentMarkup(tr2, pos, delta, min2, max2) {
+  if (!tr2.doc)
+    return tr2;
+  const node = tr2.doc.nodeAt(pos);
+  if (!node)
+    return tr2;
+  const indent = clamp((node.attrs.indent || 0) + delta, min2, max2);
+  if (indent === node.attrs.indent)
+    return tr2;
+  const nodeAttrs = {
+    ...node.attrs,
+    indent
+  };
+  return tr2.setNodeMarkup(pos, node.type, nodeAttrs, node.marks);
+}
+const updateIndentLevel = (tr2, options, extensions2, type) => {
+  const { doc: doc2, selection } = tr2;
+  if (!doc2 || !selection)
+    return tr2;
+  if (!(selection instanceof TextSelection)) {
+    return tr2;
+  }
+  const { from: from2, to } = selection;
+  doc2.nodesBetween(from2, to, (node, pos) => {
+    if (options.names.includes(node.type.name)) {
+      if (isTextIndent(tr2, pos) && type === "indent") {
+        tr2.insertText("	", from2, to);
+      } else {
+        tr2 = setNodeIndentMarkup(
+          tr2,
+          pos,
+          options.indentRange * (type === "indent" ? 1 : -1),
+          options.minIndentLevel,
+          options.maxIndentLevel
+        );
+      }
+      return false;
+    }
+    return !isList(node.type.name, extensions2);
+  });
+  return tr2;
+};
+const isTextIndent = (tr2, currNodePos) => {
+  const { selection } = tr2;
+  const { from: from2, to } = selection;
+  if (from2 == 0) {
+    return false;
+  }
+  if (from2 - to == 0 && currNodePos != from2 - 1) {
+    return true;
+  }
+  return false;
+};
+const isListActive = (editor) => {
+  return editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("taskList");
+};
+const isFilterActive = (editor) => {
+  return editor.isActive("table");
+};
+const getIndent = () => ({ editor }) => {
+  if (isFilterActive(editor)) {
+    return false;
+  }
+  if (isListActive(editor)) {
+    const name = editor.can().sinkListItem("listItem") ? "listItem" : "taskItem";
+    return editor.chain().focus().sinkListItem(name).run();
+  }
+  return editor.chain().focus().indent().run();
+};
+const getOutdent = (outdentOnlyAtHead) => ({ editor }) => {
+  if (outdentOnlyAtHead && editor.state.selection.$head.parentOffset > 0) {
+    return false;
+  }
+  if (isFilterActive(editor)) {
+    return false;
+  }
+  if (isListActive(editor)) {
+    const name = editor.can().liftListItem("listItem") ? "listItem" : "taskItem";
+    return editor.chain().focus().liftListItem(name).run();
+  }
+  return editor.chain().focus().outdent().run();
+};
 const allExtensions = [
   Blockquote,
   Bold,
@@ -55593,7 +55919,8 @@ const allExtensions = [
   }),
   Iframe,
   Video,
-  Audio
+  Audio,
+  Indent
 ];
 const plugin = {
   install(app) {
@@ -55630,6 +55957,7 @@ export {
   HorizontalRule as ExtensionHorizontalRule,
   Iframe as ExtensionIframe,
   Image as ExtensionImage,
+  Indent as ExtensionIndent,
   Italic as ExtensionItalic,
   Link as ExtensionLink,
   OrderedList as ExtensionOrderedList,