superdoc 1.0.0-beta.13 → 1.0.0-beta.14

package/dist/super-editor/super-editor.es.js

@@ -9,14 +9,14 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _MARK_TOGGLE_NAMES, _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, enrichTrackedChanges_fn, runCommandWithArgumentOnly_fn, syncStickyMarksFromState_fn, restoreStickyMarksIfNeeded_fn, ensureStoredMarksForMarkToggle_fn;
-import { aJ as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aM as vClickOutside, aN as getActiveFormatting, aC as isInTable, U as findParentNode, aq as calculateResolvedParagraphProperties, a7 as twipsToLines, V as isList, al as parseSizeUnit, a8 as pixelsToTwips, aO as getFileObject, aP as translator, aQ as translator$1, aR as translator$2, aS as translator$3, aT as translator$4, aU as translator$5, aV as translator$6, aW as translator$7, aX as translator$8, aY as translator$9, aZ as translator$a, a_ as translator$b, a$ as translator$c, b0 as translator$d, b1 as translator$e, b2 as commentRangeEndTranslator, b3 as commentRangeStartTranslator, b4 as translator$f, b5 as translator$g, b6 as translator$h, b7 as translator$i, b8 as translator$j, b9 as translator$k, ba as translator$l, bb as translator$m, bc as translator$n, bd as translator$o, be as translator$p, bf as translator$q, bg as translator$r, bh as translator$s, bi as translator$t, bj as translator$u, bk as translator$v, bl as translator$w, bm as translator$x, bn as translator$y, bo as translator$z, bp as translator$A, bq as translator$B, br as translator$C, bs as translator$D, bt as translator$E, bu as translator$F, bv as translator$G, bw as translator$H, bx as translator$I, by as translator$J, bz as translator$K, bA as translator$L, bB as translator$M, bC as translator$N, bD as translator$O, bE as translator$P, bF as translator$Q, bG as translator$R, bH as translator$S, bI as translator$T, bJ as translator$U, bK as translator$V, bL as translator$W, bM as translator$X, bN as translator$Y, bO as translator$Z, bP as translator$_, bQ as translator$$, bR as translator$10, bS as translator$11, bT as translator$12, bU as translator$13, bV as translator$14, bW as translator$15, bX as translator$16, bY as translator$17, bZ as translator$18, b_ as translator$19, b$ as translator$1a, c0 as translator$1b, c1 as translator$1c, c2 as translator$1d, c3 as translator$1e, c4 as translator$1f, c5 as translator$1g, c6 as translator$1h, c7 as translator$1i, c8 as translator$1j, P as PluginKey, a as Plugin } from "./chunks/converter-D9KiDgXx.js";
-import { ac, i, a9 } from "./chunks/converter-D9KiDgXx.js";
-import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as measureCache, n as isHeadless, E as Editor, o as getStarterExtensions, P as PresentationEditor, p as Placeholder, q as getRichTextExtensions, D as DecorationSet, t as Decoration, M as Mark, v as Extension, A as Attribute, N as Node } from "./chunks/editor-ByPqJ2k8.js";
-import { z, F, B, T, w, C, x } from "./chunks/editor-ByPqJ2k8.js";
-import { ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, computed, watch, withDirectives, withKeys, vModelText, createTextVNode, createVNode, h, createApp, markRaw, nextTick, onBeforeUnmount, defineComponent, reactive, onUnmounted, renderSlot, shallowRef, createBlock, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-Da2cOhJ-.js";
+import { aJ as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aM as vClickOutside, aN as getActiveFormatting, aC as isInTable, U as findParentNode, aq as calculateResolvedParagraphProperties, a7 as twipsToLines, V as isList, al as parseSizeUnit, a8 as pixelsToTwips, aO as getFileObject, aP as translator, aQ as translator$1, aR as translator$2, aS as translator$3, aT as translator$4, aU as translator$5, aV as translator$6, aW as translator$7, aX as translator$8, aY as translator$9, aZ as translator$a, a_ as translator$b, a$ as translator$c, b0 as translator$d, b1 as translator$e, b2 as commentRangeEndTranslator, b3 as commentRangeStartTranslator, b4 as translator$f, b5 as translator$g, b6 as translator$h, b7 as translator$i, b8 as translator$j, b9 as translator$k, ba as translator$l, bb as translator$m, bc as translator$n, bd as translator$o, be as translator$p, bf as translator$q, bg as translator$r, bh as translator$s, bi as translator$t, bj as translator$u, bk as translator$v, bl as translator$w, bm as translator$x, bn as translator$y, bo as translator$z, bp as translator$A, bq as translator$B, br as translator$C, bs as translator$D, bt as translator$E, bu as translator$F, bv as translator$G, bw as translator$H, bx as translator$I, by as translator$J, bz as translator$K, bA as translator$L, bB as translator$M, bC as translator$N, bD as translator$O, bE as translator$P, bF as translator$Q, bG as translator$R, bH as translator$S, bI as translator$T, bJ as translator$U, bK as translator$V, bL as translator$W, bM as translator$X, bN as translator$Y, bO as translator$Z, bP as translator$_, bQ as translator$$, bR as translator$10, bS as translator$11, bT as translator$12, bU as translator$13, bV as translator$14, bW as translator$15, bX as translator$16, bY as translator$17, bZ as translator$18, b_ as translator$19, b$ as translator$1a, c0 as translator$1b, c1 as translator$1c, c2 as translator$1d, c3 as translator$1e, c4 as translator$1f, c5 as translator$1g, c6 as translator$1h, c7 as translator$1i, c8 as translator$1j, P as PluginKey, a as Plugin } from "./chunks/converter-CfmIU--8.js";
+import { ac, i, a9 } from "./chunks/converter-CfmIU--8.js";
+import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as getEditorSurfaceElement, l as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, m as measureCache, n as isHeadless, E as Editor, o as getStarterExtensions, P as PresentationEditor, p as Placeholder, q as getRichTextExtensions, D as DecorationSet, t as Decoration, M as Mark, v as Extension, A as Attribute, N as Node } from "./chunks/editor-wC_gs8Bl.js";
+import { z, F, B, T, w, C, x } from "./chunks/editor-wC_gs8Bl.js";
+import { ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, computed, watch, withDirectives, withKeys, vModelText, createTextVNode, createVNode, h, createApp, markRaw, nextTick, onBeforeUnmount, defineComponent, reactive, onUnmounted, renderSlot, useCssVars, shallowRef, createBlock, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BR1GYvwW.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-DQmUj-ef.js";
+import { D } from "./chunks/docx-zipper-B-CXiNSb.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -311,8 +311,8 @@ const useToolbarItem = (options) => {
     onDeactivate
   };
 };
-const _hoisted_1$e = ["onClick", "innerHTML", "aria-label", "onKeydown"];
-const _sfc_main$f = {
+const _hoisted_1$f = ["onClick", "innerHTML", "aria-label", "onKeydown"];
+const _sfc_main$g = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -397,20 +397,20 @@ const _sfc_main$f = {
             ref_key: "alignmentButtonsRefs",
             ref: alignmentButtonsRefs,
             onKeydown: withModifiers((event) => handleKeyDown(event, index), ["prevent"])
-          }, null, 40, _hoisted_1$e);
+          }, null, 40, _hoisted_1$f);
         }), 64))
       ], 2);
     };
   }
 };
-const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d84f57b6"]]);
-const _hoisted_1$d = ["onClick", "onKeydown"];
+const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d84f57b6"]]);
+const _hoisted_1$e = ["onClick", "onKeydown"];
 const _hoisted_2$9 = { class: "document-mode-column icon-column" };
 const _hoisted_3$7 = ["innerHTML"];
 const _hoisted_4$3 = { class: "document-mode-column text-column" };
 const _hoisted_5$2 = { class: "document-mode-type" };
 const _hoisted_6$1 = { class: "document-mode-description" };
-const _sfc_main$e = {
+const _sfc_main$f = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -484,20 +484,20 @@ const _sfc_main$e = {
               createElementVNode("div", _hoisted_5$2, toDisplayString(option.label), 1),
               createElementVNode("div", _hoisted_6$1, toDisplayString(option.description), 1)
             ])
-          ], 42, _hoisted_1$d);
+          ], 42, _hoisted_1$e);
         }), 256))
       ], 2);
     };
   }
 };
-const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-8730b752"]]);
-const _hoisted_1$c = {
+const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-8730b752"]]);
+const _hoisted_1$d = {
   key: 0,
   class: "linked-style-buttons",
   "data-editor-ui-surface": ""
 };
 const _hoisted_2$8 = ["onClick", "onKeydown", "aria-label"];
-const _sfc_main$d = {
+const _sfc_main$e = {
   __name: "LinkedStyle",
   props: {
     editor: {
@@ -551,7 +551,7 @@ const _sfc_main$d = {
       styleRefs.value[0].focus();
     });
     return (_ctx, _cache) => {
-      return props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getQuickFormatList)(__props.editor), (style, index) => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["style-item", { selected: __props.selectedOption === style.id }]),
@@ -573,8 +573,8 @@ const _sfc_main$d = {
     };
   }
 };
-const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ecb78965"]]);
-const _hoisted_1$b = {
+const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-ecb78965"]]);
+const _hoisted_1$c = {
   key: 0,
   class: "link-title"
 };
@@ -602,7 +602,7 @@ const _hoisted_13 = {
   key: 4,
   class: "input-row go-to-anchor clickable"
 };
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "LinkInput",
   props: {
     showInput: {
@@ -741,7 +741,7 @@ const _sfc_main$c = {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }])
       }, [
-        isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, "Page anchor")) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, "Edit link")) : (openBlock(), createElementBlock("div", _hoisted_3$6, "Add link")),
+        isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$c, "Page anchor")) : isEditing.value ? (openBlock(), createElementBlock("div", _hoisted_2$7, "Edit link")) : (openBlock(), createElementBlock("div", _hoisted_3$6, "Add link")),
         __props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
           createElementVNode("div", _hoisted_5$1, [
             _cache[4] || (_cache[4] = createElementVNode("div", { class: "input-icon text-input-icon" }, "T", -1)),
@@ -808,12 +808,12 @@ const _sfc_main$c = {
     };
   }
 };
-const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ba50627b"]]);
-const _hoisted_1$a = ["aria-label", "onClick", "onKeydown"];
+const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ba50627b"]]);
+const _hoisted_1$b = ["aria-label", "onClick", "onKeydown"];
 const _hoisted_2$6 = ["innerHTML"];
 const _hoisted_3$5 = ["innerHTML"];
 const ROW_SIZE$1 = 7;
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -939,19 +939,19 @@ const _sfc_main$b = {
                 innerHTML: unref(toolbarIcons).colorOptionCheck,
                 style: normalizeStyle(getCheckStyle(option.value, optionIndex))
               }, null, 12, _hoisted_3$5)) : createCommentVNode("", true)
-            ], 40, _hoisted_1$a);
+            ], 40, _hoisted_1$b);
           }), 128))
         ]);
       }), 128);
     };
   }
 };
-const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-0f479b6c"]]);
+const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-0f479b6c"]]);
 const DropIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>\n';
-const _hoisted_1$9 = { class: "options-grid-wrap" };
+const _hoisted_1$a = { class: "options-grid-wrap" };
 const _hoisted_2$5 = ["innerHTML"];
 const _hoisted_3$4 = { class: "option-grid-ctn" };
-const _sfc_main$a = {
+const _sfc_main$b = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -978,7 +978,7 @@ const _sfc_main$a = {
       emit("select", option);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         __props.hasNoneIcon ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "none-option",
@@ -1011,7 +1011,7 @@ const _sfc_main$a = {
     };
   }
 };
-const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-3d19fedf"]]);
+const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-3d19fedf"]]);
 const closeDropdown$1 = (dropdown) => {
   dropdown.expand.value = false;
 };
@@ -1120,10 +1120,10 @@ const icons = [
 const getAvailableColorOptions = () => {
   return icons.flat().map((item) => item.value);
 };
-const _hoisted_1$8 = ["data-cols", "data-rows", "onKeydown", "onClick"];
+const _hoisted_1$9 = ["data-cols", "data-rows", "onKeydown", "onClick"];
 const _hoisted_2$4 = ["aria-valuetext"];
 const ROW_SIZE = 5;
-const _sfc_main$9 = {
+const _sfc_main$a = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(__props, { emit: __emit }) {
@@ -1239,7 +1239,7 @@ const _sfc_main$9 = {
                   ref: tableGridItems,
                   onKeydown: withModifiers((event) => handleKeyDown(event, n, i2), ["prevent"]),
                   onClick: withModifiers(($event) => handleClick({ cols: n, rows: i2 }), ["stop", "prevent"])
-                }, null, 40, _hoisted_1$8);
+                }, null, 40, _hoisted_1$9);
               }), 64))
             ], 64);
           }), 64))
@@ -1252,13 +1252,13 @@ const _sfc_main$9 = {
     };
   }
 };
-const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-92e8d5fb"]]);
-const _hoisted_1$7 = { class: "toolbar-table-actions" };
+const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-92e8d5fb"]]);
+const _hoisted_1$8 = { class: "toolbar-table-actions" };
 const _hoisted_2$3 = ["onClick", "data-item", "ariaLabel"];
 const _hoisted_3$3 = { class: "toolbar-table-actions__icon" };
 const _hoisted_4$1 = ["innerHTML"];
 const _hoisted_5 = { class: "toolbar-table-actions__label" };
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   __name: "TableActions",
   props: {
     options: {
@@ -1272,7 +1272,7 @@ const _sfc_main$8 = {
       emit("select", { command: item.command });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": option.bottomBorder }]),
@@ -1294,7 +1294,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-990b9a25"]]);
+const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-990b9a25"]]);
 function getScrollableParent(element) {
   let currentElement = element;
   while (currentElement) {
@@ -1318,10 +1318,10 @@ function scrollToElement(targetElement, options = { behavior: "smooth", block: "
   });
 }
 const checkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>\n';
-const _hoisted_1$6 = { class: "search-input-ctn" };
+const _hoisted_1$7 = { class: "search-input-ctn" };
 const _hoisted_2$2 = { class: "row" };
 const _hoisted_3$2 = ["onKeydown"];
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   __name: "SearchInput",
   props: {
     searchRef: {
@@ -1336,7 +1336,7 @@ const _sfc_main$7 = {
       emit("submit", { value: searchValue.value });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", _hoisted_2$2, [
           withDirectives(createElementVNode("input", {
             ref: __props.searchRef,
@@ -1360,7 +1360,7 @@ const _sfc_main$7 = {
     };
   }
 };
-const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-957cbcf2"]]);
+const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-957cbcf2"]]);
 const TOOLBAR_FONTS = [
   {
     label: "Georgia",
@@ -4212,7 +4212,7 @@ function getItems(context, customItems = [], includeDefaultItems = true) {
   }).filter((section) => section.items.length > 0);
   return filteredSections;
 }
-const _hoisted_1$5 = { class: "slash-menu-items" };
+const _hoisted_1$6 = { class: "slash-menu-items" };
 const _hoisted_2$1 = {
   key: 0,
   class: "slash-menu-divider",
@@ -4220,7 +4220,7 @@ const _hoisted_2$1 = {
 };
 const _hoisted_3$1 = ["onClick"];
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   __name: "SlashMenu",
   props: {
     editor: {
@@ -4348,7 +4348,7 @@ const _sfc_main$6 = {
       customItemRefs.clear();
     };
     const handleGlobalKeyDown = (event) => {
-      if (event.key === "Escape") {
+      if (event.key === "Escape" && isOpen.value) {
         event.preventDefault();
         event.stopPropagation();
         closeMenu();
@@ -4536,7 +4536,7 @@ const _sfc_main$6 = {
         }, null, 544), [
           [vModelText, searchQuery.value]
         ]),
-        createElementVNode("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_1$6, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(filteredSections.value, (section, sectionIndex) => {
             return openBlock(), createElementBlock(Fragment, {
               key: section.id
@@ -4571,8 +4571,8 @@ const _sfc_main$6 = {
     };
   }
 };
-const _hoisted_1$4 = ["accept"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["accept"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "BasicUpload",
   props: {
     accept: { default: ".docx, .pdf, .html, .md" }
@@ -4593,15 +4593,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           id: "fileInput",
           onChange: onFileChange,
           accept: __props.accept
-        }, null, 40, _hoisted_1$4)
+        }, null, 40, _hoisted_1$5)
       ]);
     };
   }
 });
-const _hoisted_1$3 = { class: "numbering" };
+const _hoisted_1$4 = { class: "numbering" };
 const MIN_WIDTH = 200;
 const alignment = "flex-end";
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -4786,7 +4786,7 @@ const _sfc_main$4 = {
             class: normalizeClass(unit.className),
             style: normalizeStyle(getStyle.value(unit))
           }, [
-            createElementVNode("div", _hoisted_1$3, toDisplayString(unit.numbering), 1),
+            createElementVNode("div", _hoisted_1$4, toDisplayString(unit.numbering), 1),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unit.elements, (half) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(half.className),
@@ -4806,8 +4806,8 @@ const _sfc_main$4 = {
     };
   }
 };
-const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-79f9a944"]]);
-const _sfc_main$3 = {
+const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-79f9a944"]]);
+const _sfc_main$4 = {
   __name: "GenericPopover",
   props: {
     editor: { type: Object, required: true },
@@ -4875,9 +4875,9 @@ const _sfc_main$3 = {
     };
   }
 };
-const GenericPopover = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-cbddcc0f"]]);
-const _hoisted_1$2 = ["data-boundary-index", "data-boundary-type", "onMousedown"];
-const _sfc_main$2 = {
+const GenericPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cbddcc0f"]]);
+const _hoisted_1$3 = ["data-boundary-index", "data-boundary-type", "onMousedown"];
+const _sfc_main$3 = {
   __name: "TableResizeOverlay",
   props: {
     /** Editor instance for dispatching transactions */
@@ -5305,7 +5305,7 @@ const _sfc_main$2 = {
                 "data-boundary-type": boundary.type,
                 style: normalizeStyle(getSegmentHandleStyle(boundary, segment)),
                 onMousedown: ($event) => onHandleMouseDown($event, boundaryIndex)
-              }, null, 46, _hoisted_1$2);
+              }, null, 46, _hoisted_1$3);
             }), 128))
           ], 64);
         }), 128)),
@@ -5318,7 +5318,440 @@ const _sfc_main$2 = {
     };
   }
 };
-const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d4258885"]]);
+const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d4258885"]]);
+const _hoisted_1$2 = ["data-handle-position", "onMousedown"];
+const OVERLAY_EXPANSION_PX = 2e3;
+const RESIZE_HANDLE_SIZE_PX = 12;
+const MOUSE_MOVE_THROTTLE_MS = 16;
+const DIMENSION_CHANGE_THRESHOLD_PX = 1;
+const Z_INDEX_OVERLAY = 10;
+const Z_INDEX_HANDLE = 15;
+const Z_INDEX_GUIDELINE = 20;
+const _sfc_main$2 = {
+  __name: "ImageResizeOverlay",
+  props: {
+    /** Editor instance for dispatching transactions */
+    editor: {
+      type: Object,
+      required: true
+    },
+    /** Show or hide the overlay */
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    /** Image fragment element containing data-image-metadata */
+    imageElement: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["resize-start", "resize-move", "resize-end", "resize-success", "resize-error"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v1e81f81d": RESIZE_HANDLE_SIZE_PX + "px",
+      "v12763124": Z_INDEX_HANDLE
+    }));
+    function isValidEditor(editor) {
+      return editor && typeof editor === "object" && editor.view && typeof editor.view === "object" && editor.view.dom instanceof HTMLElement && editor.view.state && typeof editor.view.dispatch === "function";
+    }
+    const props = __props;
+    const emit = __emit;
+    const imageMetadata = ref(null);
+    const dragState = ref(null);
+    const forcedCleanup = ref(false);
+    const overlayStyle = computed(() => {
+      if (!props.imageElement || !props.imageElement.isConnected) return {};
+      const imageRect = props.imageElement.getBoundingClientRect();
+      const wrapper = props.imageElement.closest(".super-editor");
+      if (!wrapper) {
+        return {
+          position: "absolute",
+          left: `${props.imageElement.offsetLeft}px`,
+          top: `${props.imageElement.offsetTop}px`,
+          width: `${imageRect.width}px`,
+          height: `${imageRect.height}px`,
+          pointerEvents: dragState.value ? "auto" : "none",
+          zIndex: Z_INDEX_OVERLAY
+        };
+      }
+      const wrapperRect = wrapper.getBoundingClientRect();
+      const scrollLeft = wrapper.scrollLeft || 0;
+      const scrollTop = wrapper.scrollTop || 0;
+      const relativeLeft = imageRect.left - wrapperRect.left + scrollLeft;
+      const relativeTop = imageRect.top - wrapperRect.top + scrollTop;
+      let overlayWidth = imageRect.width;
+      let overlayHeight = imageRect.height;
+      let offsetX = 0;
+      let offsetY = 0;
+      if (dragState.value) {
+        const expansion = OVERLAY_EXPANSION_PX;
+        overlayWidth = imageRect.width + expansion * 2;
+        overlayHeight = imageRect.height + expansion * 2;
+        offsetX = -expansion;
+        offsetY = -expansion;
+      }
+      return {
+        position: "absolute",
+        left: `${relativeLeft + offsetX}px`,
+        top: `${relativeTop + offsetY}px`,
+        width: `${overlayWidth}px`,
+        height: `${overlayHeight}px`,
+        pointerEvents: dragState.value ? "auto" : "none",
+        zIndex: Z_INDEX_OVERLAY
+      };
+    });
+    const resizeHandles = computed(() => {
+      if (!imageMetadata.value || !props.imageElement) {
+        return [];
+      }
+      const rect = props.imageElement.getBoundingClientRect();
+      const width = rect.width;
+      const height = rect.height;
+      const handleSize = RESIZE_HANDLE_SIZE_PX;
+      const offset = handleSize / 2;
+      const expansion = dragState.value ? OVERLAY_EXPANSION_PX : 0;
+      return [
+        {
+          position: "nw",
+          style: {
+            left: `${expansion - offset}px`,
+            top: `${expansion - offset}px`,
+            cursor: "nwse-resize"
+          }
+        },
+        {
+          position: "ne",
+          style: {
+            left: `${expansion + width - offset}px`,
+            top: `${expansion - offset}px`,
+            cursor: "nesw-resize"
+          }
+        },
+        {
+          position: "sw",
+          style: {
+            left: `${expansion - offset}px`,
+            top: `${expansion + height - offset}px`,
+            cursor: "nesw-resize"
+          }
+        },
+        {
+          position: "se",
+          style: {
+            left: `${expansion + width - offset}px`,
+            top: `${expansion + height - offset}px`,
+            cursor: "nwse-resize"
+          }
+        }
+      ];
+    });
+    const guidelineStyle = computed(() => {
+      if (!dragState.value || !props.imageElement) {
+        return { display: "none" };
+      }
+      const expansion = OVERLAY_EXPANSION_PX;
+      return {
+        position: "absolute",
+        left: `${expansion}px`,
+        top: `${expansion}px`,
+        width: `${dragState.value.constrainedWidth}px`,
+        height: `${dragState.value.constrainedHeight}px`,
+        border: "2px solid #4A90E2",
+        pointerEvents: "none",
+        zIndex: Z_INDEX_GUIDELINE,
+        boxSizing: "border-box"
+      };
+    });
+    function parseImageMetadata() {
+      if (!props.imageElement || !props.imageElement.isConnected) {
+        imageMetadata.value = null;
+        return;
+      }
+      try {
+        const metadataAttr = props.imageElement.getAttribute("data-image-metadata");
+        if (!metadataAttr) {
+          imageMetadata.value = null;
+          return;
+        }
+        const parsed = JSON.parse(metadataAttr);
+        if (!parsed || typeof parsed !== "object") {
+          imageMetadata.value = null;
+          return;
+        }
+        const required = [
+          "originalWidth",
+          "originalHeight",
+          "maxWidth",
+          "maxHeight",
+          "aspectRatio",
+          "minWidth",
+          "minHeight"
+        ];
+        for (const field of required) {
+          if (!Number.isFinite(parsed[field]) || parsed[field] <= 0) {
+            console.warn(`[ImageResizeOverlay] Invalid or missing metadata field: ${field}`);
+            imageMetadata.value = null;
+            return;
+          }
+        }
+        imageMetadata.value = parsed;
+      } catch (error) {
+        imageMetadata.value = null;
+        emit("resize-error", {
+          error: error instanceof Error ? error.message : "Failed to parse image metadata",
+          rawMetadata: props.imageElement?.getAttribute("data-image-metadata")
+        });
+      }
+    }
+    function onHandleMouseDown(event, handlePosition) {
+      event.preventDefault();
+      event.stopPropagation();
+      if (!isValidEditor(props.editor) || !imageMetadata.value || !props.imageElement) return;
+      const rect = props.imageElement.getBoundingClientRect();
+      dragState.value = {
+        handle: handlePosition,
+        initialX: event.clientX,
+        initialY: event.clientY,
+        initialWidth: rect.width,
+        initialHeight: rect.height,
+        aspectRatio: imageMetadata.value.aspectRatio,
+        constrainedWidth: rect.width,
+        constrainedHeight: rect.height
+      };
+      const pmView = props.editor.view.dom;
+      pmView.style.pointerEvents = "none";
+      document.addEventListener("mousemove", onDocumentMouseMove);
+      document.addEventListener("mouseup", onDocumentMouseUp);
+      document.addEventListener("keydown", onEscapeKey);
+      emit("resize-start", {
+        blockId: props.imageElement.getAttribute("data-sd-block-id"),
+        initialWidth: rect.width,
+        initialHeight: rect.height
+      });
+    }
+    function throttle(func, limit) {
+      let inThrottle;
+      let timeoutId = null;
+      const throttled = function(...args) {
+        if (!inThrottle) {
+          func.apply(this, args);
+          inThrottle = true;
+          timeoutId = setTimeout(() => {
+            inThrottle = false;
+            timeoutId = null;
+          }, limit);
+        }
+      };
+      const cancel = () => {
+        if (timeoutId !== null) {
+          clearTimeout(timeoutId);
+          timeoutId = null;
+          inThrottle = false;
+        }
+      };
+      return { throttled, cancel };
+    }
+    const mouseMoveThrottle = throttle((event) => {
+      if (!dragState.value || !imageMetadata.value) return;
+      let deltaX = event.clientX - dragState.value.initialX;
+      let deltaY = event.clientY - dragState.value.initialY;
+      const handle = dragState.value.handle;
+      if (handle === "nw") {
+        deltaX = -deltaX;
+        deltaY = -deltaY;
+      } else if (handle === "ne") {
+        deltaY = -deltaY;
+      } else if (handle === "sw") {
+        deltaX = -deltaX;
+      }
+      const scaleX = (dragState.value.initialWidth + deltaX) / dragState.value.initialWidth;
+      const scaleY = (dragState.value.initialHeight + deltaY) / dragState.value.initialHeight;
+      const scale = Math.max(scaleX, scaleY);
+      let newWidth = dragState.value.initialWidth * scale;
+      let newHeight = dragState.value.initialHeight * scale;
+      const minWidth = imageMetadata.value.minWidth;
+      const minHeight = imageMetadata.value.minHeight;
+      const maxWidth = imageMetadata.value.maxWidth;
+      const maxHeight = imageMetadata.value.maxHeight;
+      if (newWidth < minWidth) {
+        newWidth = minWidth;
+        newHeight = newWidth / dragState.value.aspectRatio;
+      }
+      if (newHeight < minHeight) {
+        newHeight = minHeight;
+        newWidth = newHeight * dragState.value.aspectRatio;
+      }
+      if (newWidth > maxWidth) {
+        newWidth = maxWidth;
+        newHeight = newWidth / dragState.value.aspectRatio;
+      }
+      if (newHeight > maxHeight) {
+        newHeight = maxHeight;
+        newWidth = newHeight * dragState.value.aspectRatio;
+      }
+      dragState.value.constrainedWidth = newWidth;
+      dragState.value.constrainedHeight = newHeight;
+      emit("resize-move", {
+        blockId: props.imageElement.getAttribute("data-sd-block-id"),
+        width: newWidth,
+        height: newHeight
+      });
+    }, MOUSE_MOVE_THROTTLE_MS);
+    const onDocumentMouseMove = mouseMoveThrottle.throttled;
+    function onEscapeKey(event) {
+      if (event.key === "Escape" && dragState.value) {
+        forcedCleanup.value = true;
+        onDocumentMouseUp(new MouseEvent("mouseup"));
+        forcedCleanup.value = false;
+      }
+    }
+    function onDocumentMouseUp(event) {
+      if (!dragState.value) return;
+      const finalWidth = dragState.value.constrainedWidth;
+      const finalHeight = dragState.value.constrainedHeight;
+      const blockId = props.imageElement?.getAttribute("data-sd-block-id");
+      document.removeEventListener("mousemove", onDocumentMouseMove);
+      document.removeEventListener("mouseup", onDocumentMouseUp);
+      document.removeEventListener("keydown", onEscapeKey);
+      if (props.editor?.view) {
+        const pmView = props.editor.view.dom;
+        if (pmView && pmView.style) {
+          pmView.style.pointerEvents = "auto";
+        }
+      }
+      const widthDelta = Math.abs(finalWidth - dragState.value.initialWidth);
+      const heightDelta = Math.abs(finalHeight - dragState.value.initialHeight);
+      if (!forcedCleanup.value && (widthDelta > DIMENSION_CHANGE_THRESHOLD_PX || heightDelta > DIMENSION_CHANGE_THRESHOLD_PX)) {
+        dispatchResizeTransaction(blockId, finalWidth, finalHeight);
+        emit("resize-end", {
+          blockId,
+          finalWidth,
+          finalHeight
+        });
+      }
+      dragState.value = null;
+    }
+    function dispatchResizeTransaction(blockId, newWidth, newHeight) {
+      if (!isValidEditor(props.editor) || !props.imageElement) {
+        return;
+      }
+      if (!Number.isFinite(newWidth) || !Number.isFinite(newHeight) || newWidth <= 0 || newHeight <= 0) {
+        emit("resize-error", {
+          blockId,
+          error: "Invalid dimensions: width and height must be positive finite numbers"
+        });
+        return;
+      }
+      try {
+        const { state, dispatch } = props.editor.view;
+        const tr = state.tr;
+        const pmStartAttr = props.imageElement.getAttribute("data-pm-start");
+        if (!pmStartAttr) {
+          emit("resize-error", {
+            blockId,
+            error: "Image position marker (data-pm-start) not found"
+          });
+          return;
+        }
+        const imagePos = parseInt(pmStartAttr, 10);
+        if (!Number.isFinite(imagePos) || imagePos < 0) {
+          emit("resize-error", {
+            blockId,
+            error: "Invalid image position marker"
+          });
+          return;
+        }
+        const imageNode = state.doc.nodeAt(imagePos);
+        if (!imageNode || imageNode.type.name !== "image") {
+          emit("resize-error", {
+            blockId,
+            error: "Invalid image node at position"
+          });
+          return;
+        }
+        const newAttrs = {
+          ...imageNode.attrs,
+          size: {
+            width: Math.round(newWidth),
+            height: Math.round(newHeight)
+          }
+        };
+        tr.setNodeMarkup(imagePos, null, newAttrs);
+        dispatch(tr);
+        if (blockId && blockId.trim()) {
+          measureCache.invalidate([blockId]);
+        }
+        emit("resize-success", { blockId, newWidth, newHeight });
+      } catch (error) {
+        emit("resize-error", {
+          blockId,
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    }
+    watch(
+      () => props.imageElement,
+      () => {
+        parseImageMetadata();
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.visible,
+      (visible) => {
+        if (visible) {
+          parseImageMetadata();
+        } else {
+          if (dragState.value) {
+            forcedCleanup.value = true;
+            onDocumentMouseUp(new MouseEvent("mouseup"));
+            forcedCleanup.value = false;
+          }
+        }
+      }
+    );
+    onBeforeUnmount(() => {
+      mouseMoveThrottle.cancel();
+      if (dragState.value) {
+        document.removeEventListener("mousemove", onDocumentMouseMove);
+        document.removeEventListener("mouseup", onDocumentMouseUp);
+        document.removeEventListener("keydown", onEscapeKey);
+        if (props.editor?.view?.dom) {
+          props.editor.view.dom.style.pointerEvents = "auto";
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return __props.visible && imageMetadata.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "superdoc-image-resize-overlay",
+        style: normalizeStyle(overlayStyle.value),
+        onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(resizeHandles.value, (handle) => {
+          return openBlock(), createElementBlock("div", {
+            key: handle.position,
+            class: normalizeClass(["resize-handle", {
+              "resize-handle--active": dragState.value && dragState.value.handle === handle.position,
+              [`resize-handle--${handle.position}`]: true
+            }]),
+            style: normalizeStyle(handle.style),
+            "data-handle-position": handle.position,
+            onMousedown: ($event) => onHandleMouseDown($event, handle.position)
+          }, null, 46, _hoisted_1$2);
+        }), 128)),
+        dragState.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "resize-guideline",
+          style: normalizeStyle(guidelineStyle.value)
+        }, null, 4)) : createCommentVNode("", true)
+      ], 36)) : createCommentVNode("", true);
+    };
+  }
+};
+const ImageResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e66ec7bb"]]);
 function adjustPaginationBreaks(editorElem, editor) {
   if (!editorElem.value || !editor?.value?.options?.scale || isHeadless(editor)) return;
   const zoom = editor.value.options.scale;
@@ -5407,6 +5840,11 @@ const _sfc_main$1 = {
       visible: false,
       tableElement: null
     });
+    const imageResizeState = reactive({
+      visible: false,
+      imageElement: null,
+      blockId: null
+    });
     const updateTableResizeOverlay = (event) => {
       if (!editorElem.value) return;
       let target = event.target;
@@ -5428,6 +5866,38 @@ const _sfc_main$1 = {
       tableResizeState.visible = false;
       tableResizeState.tableElement = null;
     };
+    const updateImageResizeOverlay = (event) => {
+      if (!editorElem.value) return;
+      let target = event.target;
+      while (target && target !== document.body) {
+        if (target.classList?.contains("superdoc-image-resize-overlay") || target.closest?.(".superdoc-image-resize-overlay")) {
+          return;
+        }
+        if (target.classList?.contains("superdoc-image-fragment") && target.hasAttribute("data-image-metadata")) {
+          imageResizeState.visible = true;
+          imageResizeState.imageElement = target;
+          imageResizeState.blockId = target.getAttribute("data-sd-block-id");
+          return;
+        }
+        target = target.parentElement;
+      }
+      imageResizeState.visible = false;
+      imageResizeState.imageElement = null;
+      imageResizeState.blockId = null;
+    };
+    const hideImageResizeOverlay = () => {
+      imageResizeState.visible = false;
+      imageResizeState.imageElement = null;
+      imageResizeState.blockId = null;
+    };
+    const handleOverlayUpdates = (event) => {
+      updateTableResizeOverlay(event);
+      updateImageResizeOverlay(event);
+    };
+    const handleOverlayHide = () => {
+      hideTableResizeOverlay();
+      hideImageResizeOverlay();
+    };
     let dataPollTimeout;
     const stopPolling = () => {
       clearTimeout(dataPollTimeout);
@@ -5514,6 +5984,22 @@ const _sfc_main$1 = {
         const paginationTarget = editor.value?.editor ? { value: base } : editor;
         adjustPaginationBreaks(editorElem, paginationTarget);
       });
+      if (editor.value instanceof PresentationEditor) {
+        editor.value.on("layoutUpdated", () => {
+          if (imageResizeState.visible && imageResizeState.blockId) {
+            const newElement = editorElem.value?.querySelector(
+              `.superdoc-image-fragment[data-sd-block-id="${imageResizeState.blockId}"]`
+            );
+            if (newElement) {
+              imageResizeState.imageElement = newElement;
+            } else {
+              imageResizeState.visible = false;
+              imageResizeState.imageElement = null;
+              imageResizeState.blockId = null;
+            }
+          }
+        });
+      }
       editor.value.on("collaborationReady", () => {
         setTimeout(() => {
           editorReady.value = true;
@@ -5598,8 +6084,8 @@ const _sfc_main$1 = {
           onKeydown: handleSuperEditorKeydown,
           onClick: handleSuperEditorClick,
           onMousedown: handleMarginClick,
-          onMousemove: updateTableResizeOverlay,
-          onMouseleave: hideTableResizeOverlay
+          onMousemove: handleOverlayUpdates,
+          onMouseleave: handleOverlayHide
         }, [
           createElementVNode("div", {
             ref_key: "editorElem",
@@ -5607,7 +6093,7 @@ const _sfc_main$1 = {
             class: "editor-element super-editor__element",
             role: "presentation"
           }, null, 512),
-          !contextMenuDisabled.value && editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$6, {
+          !contextMenuDisabled.value && editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$7, {
             key: 0,
             editor: activeEditor.value,
             popoverControls,
@@ -5619,7 +6105,13 @@ const _sfc_main$1 = {
             editor: activeEditor.value,
             visible: tableResizeState.visible,
             tableElement: tableResizeState.tableElement
-          }, null, 8, ["editor", "visible", "tableElement"])) : createCommentVNode("", true)
+          }, null, 8, ["editor", "visible", "tableElement"])) : createCommentVNode("", true),
+          editorReady.value && activeEditor.value ? (openBlock(), createBlock(ImageResizeOverlay, {
+            key: 2,
+            editor: activeEditor.value,
+            visible: imageResizeState.visible,
+            imageElement: imageResizeState.imageElement
+          }, null, 8, ["editor", "visible", "imageElement"])) : createCommentVNode("", true)
         ], 544),
         !editorReady.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
@@ -5682,7 +6174,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f1e98438"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a84087aa"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",
@@ -5880,14 +6372,14 @@ const Extensions = {
 export {
   AIWriter,
   z as AnnotatorHelpers,
-  _sfc_main$5 as BasicUpload,
+  _sfc_main$6 as BasicUpload,
   F as CommentsPluginKey,
   D as DocxZipper,
   Editor,
   Extensions,
   PresentationEditor,
   B as SectionHelpers,
-  _sfc_main$6 as SlashMenu,
+  _sfc_main$7 as SlashMenu,
   ac as SuperConverter,
   SuperEditor,
   SuperInput,