@harbour-enterprises/superdoc 1.0.0-beta.1 → 1.0.0-beta.11

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

@@ -8,15 +8,15 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 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 _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, enrichTrackedChanges_fn, runCommandWithArgumentOnly_fn;
-import { aF as getDefaultExportFromCjs, _ as v4, T as TextSelection$1, v as getMarkRange, aI as vClickOutside, aJ as getActiveFormatting, ay as isInTable, O as findParentNode, ao as calculateResolvedParagraphProperties, a5 as twipsToLines, Q as isList, aK as readFromClipboard, aL as handleClipboardPaste, aM as getFileObject, aN as translator, aO as translator$1, aP as translator$2, aQ as translator$3, aR as translator$4, aS as translator$5, aT as translator$6, aU as translator$7, aV as translator$8, aW as translator$9, aX as translator$a, aY as translator$b, aZ as translator$c, a_ as translator$d, a$ as translator$e, b0 as commentRangeEndTranslator, b1 as commentRangeStartTranslator, b2 as translator$f, b3 as translator$g, b4 as translator$h, b5 as translator$i, b6 as translator$j, b7 as translator$k, b8 as translator$l, b9 as translator$m, ba as translator$n, bb as translator$o, bc as translator$p, bd as translator$q, be as translator$r, bf as translator$s, bg as translator$t, bh as translator$u, bi as translator$v, bj as translator$w, bk as translator$x, bl as translator$y, bm as translator$z, bn as translator$A, bo as translator$B, bp as translator$C, bq as translator$D, br as translator$E, bs as translator$F, bt as translator$G, bu as translator$H, bv as translator$I, bw as translator$J, bx as translator$K, by as translator$L, bz as translator$M, bA as translator$N, bB as translator$O, bC as translator$P, bD as translator$Q, bE as translator$R, bF as translator$S, bG as translator$T, bH as translator$U, bI as translator$V, bJ as translator$W, bK as translator$X, bL as translator$Y, bM as translator$Z, bN as translator$_, bO as translator$$, bP as translator$10, bQ as translator$11, bR as translator$12, bS as translator$13, bT as translator$14, bU as translator$15, bV as translator$16, bW as translator$17, bX as translator$18, bY as translator$19, bZ as translator$1a, b_ as translator$1b, b$ as translator$1c, c0 as translator$1d, c1 as translator$1e, c2 as translator$1f, c3 as translator$1g, c4 as translator$1h, c5 as translator$1i, c6 as translator$1j, P as PluginKey, a as Plugin } from "./chunks/converter-CxQmuaq-.js";
-import { aa, i, a7 } from "./chunks/converter-CxQmuaq-.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 collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, l as isHeadless, E as Editor, m as getStarterExtensions, P as Placeholder, n as getRichTextExtensions, D as DecorationSet, o as Decoration, M as Mark, p as Extension, A as Attribute, N as Node } from "./chunks/editor-OEgrlSXo.js";
-import { v, C, w, T, q, x, t } from "./chunks/editor-OEgrlSXo.js";
+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-Y0EypB0y.js";
+import { ac, i, a9 } from "./chunks/converter-Y0EypB0y.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-D15SNlq2.js";
+import { z, F, B, T, w, C, x } from "./chunks/editor-D15SNlq2.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-D_8gl9oa.js";
+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-DFaZbHng.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-BOUAmGYe.js";
+import { D } from "./chunks/docx-zipper-BwRRySEU.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -236,7 +236,7 @@ const useToolbarItem = (options) => {
     if (!Array.isArray(options.options)) throw new Error("Invalid toolbar item options - " + options.options);
     nestedOptions.value?.push(...options.options);
   }
-  const activate = (attrs, ...args) => {
+  const activate = (attrs = {}, ...args) => {
     onActivate(attrs, ...args);
     if (suppressActiveHighlight.value) return;
     active.value = true;
@@ -311,8 +311,8 @@ const useToolbarItem = (options) => {
     onDeactivate
   };
 };
-const _hoisted_1$d = ["onClick", "innerHTML", "aria-label", "onKeydown"];
-const _sfc_main$e = {
+const _hoisted_1$e = ["onClick", "innerHTML", "aria-label", "onKeydown"];
+const _sfc_main$f = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -397,20 +397,20 @@ const _sfc_main$e = {
             ref_key: "alignmentButtonsRefs",
             ref: alignmentButtonsRefs,
             onKeydown: withModifiers((event) => handleKeyDown(event, index), ["prevent"])
-          }, null, 40, _hoisted_1$d);
+          }, null, 40, _hoisted_1$e);
         }), 64))
       ], 2);
     };
   }
 };
-const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-d84f57b6"]]);
-const _hoisted_1$c = ["onClick", "onKeydown"];
+const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d84f57b6"]]);
+const _hoisted_1$d = ["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$d = {
+const _sfc_main$e = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -484,19 +484,20 @@ const _sfc_main$d = {
               createElementVNode("div", _hoisted_5$2, toDisplayString(option.label), 1),
               createElementVNode("div", _hoisted_6$1, toDisplayString(option.description), 1)
             ])
-          ], 42, _hoisted_1$c);
+          ], 42, _hoisted_1$d);
         }), 256))
       ], 2);
     };
   }
 };
-const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-8730b752"]]);
-const _hoisted_1$b = {
+const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-8730b752"]]);
+const _hoisted_1$c = {
   key: 0,
-  class: "linked-style-buttons"
+  class: "linked-style-buttons",
+  "data-editor-ui-surface": ""
 };
 const _hoisted_2$8 = ["onClick", "onKeydown", "aria-label"];
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "LinkedStyle",
   props: {
     editor: {
@@ -550,7 +551,7 @@ const _sfc_main$c = {
       styleRefs.value[0].focus();
     });
     return (_ctx, _cache) => {
-      return props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return props.editor ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
         (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 }]),
@@ -572,8 +573,8 @@ const _sfc_main$c = {
     };
   }
 };
-const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b53508a8"]]);
-const _hoisted_1$a = {
+const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ecb78965"]]);
+const _hoisted_1$b = {
   key: 0,
   class: "link-title"
 };
@@ -601,7 +602,7 @@ const _hoisted_13 = {
   key: 4,
   class: "input-row go-to-anchor clickable"
 };
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "LinkInput",
   props: {
     showInput: {
@@ -740,7 +741,7 @@ const _sfc_main$b = {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode) }])
       }, [
-        isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_1$a, "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$b, "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)),
@@ -807,12 +808,12 @@ const _sfc_main$b = {
     };
   }
 };
-const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ba50627b"]]);
-const _hoisted_1$9 = ["aria-label", "onClick", "onKeydown"];
+const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ba50627b"]]);
+const _hoisted_1$a = ["aria-label", "onClick", "onKeydown"];
 const _hoisted_2$6 = ["innerHTML"];
 const _hoisted_3$5 = ["innerHTML"];
 const ROW_SIZE$1 = 7;
-const _sfc_main$a = {
+const _sfc_main$b = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -938,19 +939,19 @@ const _sfc_main$a = {
                 innerHTML: unref(toolbarIcons).colorOptionCheck,
                 style: normalizeStyle(getCheckStyle(option.value, optionIndex))
               }, null, 12, _hoisted_3$5)) : createCommentVNode("", true)
-            ], 40, _hoisted_1$9);
+            ], 40, _hoisted_1$a);
           }), 128))
         ]);
       }), 128);
     };
   }
 };
-const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0f479b6c"]]);
+const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__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$8 = { class: "options-grid-wrap" };
+const _hoisted_1$9 = { class: "options-grid-wrap" };
 const _hoisted_2$5 = ["innerHTML"];
 const _hoisted_3$4 = { class: "option-grid-ctn" };
-const _sfc_main$9 = {
+const _sfc_main$a = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -977,7 +978,7 @@ const _sfc_main$9 = {
       emit("select", option);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         __props.hasNoneIcon ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "none-option",
@@ -1010,7 +1011,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3d19fedf"]]);
+const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-3d19fedf"]]);
 const closeDropdown$1 = (dropdown) => {
   dropdown.expand.value = false;
 };
@@ -1119,10 +1120,10 @@ const icons = [
 const getAvailableColorOptions = () => {
   return icons.flat().map((item) => item.value);
 };
-const _hoisted_1$7 = ["data-cols", "data-rows", "onKeydown", "onClick"];
+const _hoisted_1$8 = ["data-cols", "data-rows", "onKeydown", "onClick"];
 const _hoisted_2$4 = ["aria-valuetext"];
 const ROW_SIZE = 5;
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(__props, { emit: __emit }) {
@@ -1238,7 +1239,7 @@ const _sfc_main$8 = {
                   ref: tableGridItems,
                   onKeydown: withModifiers((event) => handleKeyDown(event, n, i2), ["prevent"]),
                   onClick: withModifiers(($event) => handleClick({ cols: n, rows: i2 }), ["stop", "prevent"])
-                }, null, 40, _hoisted_1$7);
+                }, null, 40, _hoisted_1$8);
               }), 64))
             ], 64);
           }), 64))
@@ -1251,13 +1252,13 @@ const _sfc_main$8 = {
     };
   }
 };
-const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-92e8d5fb"]]);
-const _hoisted_1$6 = { class: "toolbar-table-actions" };
+const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-92e8d5fb"]]);
+const _hoisted_1$7 = { 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$7 = {
+const _sfc_main$8 = {
   __name: "TableActions",
   props: {
     options: {
@@ -1271,7 +1272,7 @@ const _sfc_main$7 = {
       emit("select", { command: item.command });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         (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 }]),
@@ -1293,7 +1294,7 @@ const _sfc_main$7 = {
     };
   }
 };
-const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-990b9a25"]]);
+const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-990b9a25"]]);
 function getScrollableParent(element) {
   let currentElement = element;
   while (currentElement) {
@@ -1317,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$5 = { class: "search-input-ctn" };
+const _hoisted_1$6 = { class: "search-input-ctn" };
 const _hoisted_2$2 = { class: "row" };
 const _hoisted_3$2 = ["onKeydown"];
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   __name: "SearchInput",
   props: {
     searchRef: {
@@ -1335,7 +1336,7 @@ const _sfc_main$6 = {
       emit("submit", { value: searchValue.value });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", _hoisted_2$2, [
           withDirectives(createElementVNode("input", {
             ref: __props.searchRef,
@@ -1359,7 +1360,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-957cbcf2"]]);
+const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-957cbcf2"]]);
 const TOOLBAR_FONTS = [
   {
     label: "Georgia",
@@ -2217,16 +2218,6 @@ const makeDefaultItems = ({
       }
     });
   }
-  const pageBreakTool = useToolbarItem({
-    type: "button",
-    name: "pageBreakTool",
-    command: "insertPageBreak",
-    icon: toolbarIcons2.pageBreak,
-    tooltip: toolbarTexts2.pageBreak,
-    attributes: {
-      ariaLabel: "Page break"
-    }
-  });
   const controlSizes = /* @__PURE__ */ new Map([
     ["separator", 20],
     ["zoom", 71],
@@ -2372,7 +2363,6 @@ const makeDefaultItems = ({
     linkedStyles,
     separator,
     ruler,
-    pageBreakTool,
     copyFormat,
     clearFormatting,
     aiButton,
@@ -2385,9 +2375,6 @@ const makeDefaultItems = ({
   if (availableWidth <= breakpoints.md && hideButtons) {
     toolbarItems = toolbarItems.filter((item) => item.type !== "separator");
   }
-  if (!superToolbar.config.pagination) {
-    toolbarItems = toolbarItems.filter((item) => item.name.value !== "pageBreakTool");
-  }
   if (superToolbar.config.mode !== "docx") {
     const getLinkedStylesIndex = toolbarItems.findIndex((item) => item.name.value === "linkedStyles");
     toolbarItems.splice(getLinkedStylesIndex - 1, 2);
@@ -2522,7 +2509,7 @@ const isNegatedMark = (name, attrs = {}) => {
   if (typeof checker !== "function") return false;
   return Boolean(checker(attrs));
 };
-class SuperToolbar extends EventEmitter {
+const _SuperToolbar = class _SuperToolbar extends EventEmitter {
   /**
    * Creates a new SuperToolbar instance
    * @param {ToolbarConfig} config - The configuration for the toolbar
@@ -2539,7 +2526,6 @@ class SuperToolbar extends EventEmitter {
       selector: null,
       toolbarGroups: ["left", "center", "right"],
       role: "editor",
-      pagination: false,
       icons: { ...toolbarIcons },
       texts: { ...toolbarTexts },
       fonts: null,
@@ -2576,11 +2562,11 @@ class SuperToolbar extends EventEmitter {
         const isSmallScreen = window.matchMedia("(max-width: 834px)").matches;
         if (isMobileDevice && isSmallScreen) {
           layers.style.transformOrigin = "0 0";
-          layers.style.transform = `scale(${parseInt(argument) / 100})`;
+          layers.style.transform = `scale(${parseInt(argument, 10) / 100})`;
         } else {
-          layers.style.zoom = parseInt(argument) / 100;
+          layers.style.zoom = parseInt(argument, 10) / 100;
         }
-        this.superdoc.superdocStore.activeZoom = parseInt(argument);
+        this.superdoc.superdocStore.activeZoom = parseInt(argument, 10);
       },
       /**
        * Sets the document mode
@@ -2662,31 +2648,37 @@ class SuperToolbar extends EventEmitter {
        * @returns {Promise<void>}
        */
       startImageUpload: async () => {
-        let open = getFileOpener();
-        let result = await open();
-        if (!result?.file) {
-          return;
-        }
-        const { size, file } = await checkAndProcessImage({
-          file: result.file,
-          getMaxContentSize: () => this.activeEditor.getMaxContentSize()
-        });
-        if (!file) {
-          return;
+        try {
+          let open = getFileOpener();
+          let result = await open();
+          if (!result?.file) {
+            return;
+          }
+          const { size, file } = await checkAndProcessImage({
+            file: result.file,
+            getMaxContentSize: () => this.activeEditor.getMaxContentSize()
+          });
+          if (!file) {
+            return;
+          }
+          const id = {};
+          replaceSelectionWithImagePlaceholder({
+            view: this.activeEditor.view,
+            editorOptions: this.activeEditor.options,
+            id
+          });
+          await uploadAndInsertImage({
+            editor: this.activeEditor,
+            view: this.activeEditor.view,
+            file,
+            size,
+            id
+          });
+        } catch (error) {
+          const err = new Error("[super-toolbar 🎨] Image upload failed");
+          this.emit("exception", { error: err, editor: this.activeEditor, originalError: error });
+          console.error(err, error);
         }
-        const id = {};
-        replaceSelectionWithImagePlaceholder({
-          view: this.activeEditor.view,
-          editorOptions: this.activeEditor.options,
-          id
-        });
-        await uploadAndInsertImage({
-          editor: this.activeEditor,
-          view: this.activeEditor.view,
-          file,
-          size,
-          id
-        });
       },
       /**
        * Increases text indentation or list level
@@ -2859,6 +2851,13 @@ class SuperToolbar extends EventEmitter {
     };
     this.config.hideButtons = config.hideButtons ?? true;
     this.config.responsiveToContainer = config.responsiveToContainer ?? false;
+    this.pendingMarkCommands = [];
+    this.stickyStoredMarks = null;
+    this._boundEditorHandlers = {
+      transaction: null,
+      selectionUpdate: null,
+      focus: null
+    };
     if (!this.config.selector && this.config.element) {
       this.config.selector = this.config.element;
     }
@@ -2918,12 +2917,28 @@ class SuperToolbar extends EventEmitter {
   }
   /**
    * The toolbar expects an active Super Editor instance.
-   * @param {Object} editor - The editor instance to attach to the toolbar
+   * Removes listeners from the previous editor (if any) before attaching to the new one.
+   * @param {Object|null} editor - The editor instance to attach to the toolbar, or null to detach
    * @returns {void}
    */
   setActiveEditor(editor) {
+    if (this.activeEditor && this._boundEditorHandlers.transaction) {
+      this.activeEditor.off("transaction", this._boundEditorHandlers.transaction);
+      this.activeEditor.off("selectionUpdate", this._boundEditorHandlers.selectionUpdate);
+      this.activeEditor.off("focus", this._boundEditorHandlers.focus);
+      this._boundEditorHandlers.transaction = null;
+      this._boundEditorHandlers.selectionUpdate = null;
+      this._boundEditorHandlers.focus = null;
+    }
     this.activeEditor = editor;
-    this.activeEditor.on("transaction", this.onEditorTransaction.bind(this));
+    if (editor) {
+      this._boundEditorHandlers.transaction = this.onEditorTransaction.bind(this);
+      this._boundEditorHandlers.selectionUpdate = this.onEditorSelectionUpdate.bind(this);
+      this._boundEditorHandlers.focus = this.onEditorFocus.bind(this);
+      this.activeEditor.on("transaction", this._boundEditorHandlers.transaction);
+      this.activeEditor.on("selectionUpdate", this._boundEditorHandlers.selectionUpdate);
+      this.activeEditor.on("focus", this._boundEditorHandlers.focus);
+    }
   }
   /**
    * Get toolbar items by group name
@@ -3071,15 +3086,28 @@ class SuperToolbar extends EventEmitter {
    * @returns {*} The result of the executed command, undefined if no result is returned
    */
   emitCommand({ item, argument, option }) {
+    const hasFocusFn = this.activeEditor?.view?.hasFocus;
+    const wasFocused = Boolean(typeof hasFocusFn === "function" && hasFocusFn.call(this.activeEditor.view));
+    const { command } = item;
+    const isMarkToggle = this.isMarkToggle(item);
+    if (!wasFocused && isMarkToggle) {
+      this.pendingMarkCommands.push({ command, argument, item });
+      item?.activate?.();
+      if (this.activeEditor && !this.activeEditor.options.isHeaderOrFooter) {
+        this.activeEditor.focus();
+      }
+      return;
+    }
     if (this.activeEditor && !this.activeEditor.options.isHeaderOrFooter) {
       this.activeEditor.focus();
     }
-    const { command } = item;
     if (!command) {
       return;
     }
     if (command in __privateGet(this, _interceptedCommands)) {
-      return __privateGet(this, _interceptedCommands)[command]({ item, argument });
+      const result = __privateGet(this, _interceptedCommands)[command]({ item, argument });
+      if (isMarkToggle) __privateMethod(this, _SuperToolbar_instances, syncStickyMarksFromState_fn).call(this);
+      return result;
     }
     if (this.activeEditor && this.activeEditor.commands && command in this.activeEditor.commands) {
       this.activeEditor.commands[command](argument);
@@ -3090,9 +3118,67 @@ class SuperToolbar extends EventEmitter {
       this.emit("exception", { error, editor: this.activeEditor });
       throw error;
     }
+    if (isMarkToggle) __privateMethod(this, _SuperToolbar_instances, syncStickyMarksFromState_fn).call(this);
     this.updateToolbarState();
   }
-}
+  /**
+   * Processes and executes pending mark commands when editor selection updates.
+   * This is triggered by the editor's 'selectionUpdate' event after focus is restored.
+   * Clears the pending queue after execution.
+   * @returns {void}
+   */
+  onEditorSelectionUpdate() {
+    if (!this.activeEditor) return;
+    if (this.pendingMarkCommands.length) {
+      const pending = this.pendingMarkCommands;
+      this.pendingMarkCommands = [];
+      pending.forEach(({ command, argument, item }) => {
+        if (!command) return;
+        try {
+          if (command in __privateGet(this, _interceptedCommands)) {
+            __privateGet(this, _interceptedCommands)[command]({ item, argument });
+          } else if (this.activeEditor.commands && command in this.activeEditor.commands) {
+            this.activeEditor.commands[command](argument);
+          }
+          __privateMethod(this, _SuperToolbar_instances, ensureStoredMarksForMarkToggle_fn).call(this, { command, argument });
+        } catch (error) {
+          const err = new Error(`[super-toolbar 🎨] Failed to execute pending command: ${command}`);
+          this.emit("exception", { error: err, editor: this.activeEditor, originalError: error });
+          console.error(err, error);
+        }
+      });
+      __privateMethod(this, _SuperToolbar_instances, syncStickyMarksFromState_fn).call(this);
+      this.updateToolbarState();
+      return;
+    }
+    const restored = __privateMethod(this, _SuperToolbar_instances, restoreStickyMarksIfNeeded_fn).call(this);
+    if (restored) this.updateToolbarState();
+  }
+  /**
+   * Handles editor focus events by flushing any pending mark commands.
+   * This is triggered by the editor's 'focus' event.
+   * @returns {void}
+   */
+  onEditorFocus() {
+    if (this.pendingMarkCommands.length) {
+      this.onEditorSelectionUpdate();
+      return;
+    }
+    const restored = __privateMethod(this, _SuperToolbar_instances, restoreStickyMarksIfNeeded_fn).call(this);
+    if (restored) this.updateToolbarState();
+  }
+  /**
+   * Determines if a toolbar item represents a mark toggle command.
+   * Mark toggles include text formatting commands like bold, italic, underline, etc.
+   * @param {ToolbarItem} item - The toolbar item to check
+   * @returns {boolean} True if the item is a mark toggle, false otherwise
+   */
+  isMarkToggle(item) {
+    const name = item?.name?.value;
+    return __privateGet(_SuperToolbar, _MARK_TOGGLE_NAMES).has(name);
+  }
+};
+_MARK_TOGGLE_NAMES = new WeakMap();
 _SuperToolbar_instances = new WeakSet();
 /**
  * Initiate toolbar groups
@@ -3201,14 +3287,19 @@ deactivateAll_fn = function() {
  * @returns {void}
  */
 updateToolbarHistory_fn = function() {
-  if (!this.activeEditor) return;
-  if (this.activeEditor.options.ydoc) {
-    const undoManager = yUndoPluginKey.getState(this.activeEditor.state)?.undoManager;
-    this.undoDepth = undoManager?.undoStack.length || 0;
-    this.redoDepth = undoManager?.redoStack.length || 0;
-  } else {
-    this.undoDepth = undoDepth(this.activeEditor.state);
-    this.redoDepth = redoDepth(this.activeEditor.state);
+  if (!this.activeEditor?.state) return;
+  try {
+    if (this.activeEditor.options.ydoc) {
+      const undoManager = yUndoPluginKey.getState(this.activeEditor.state)?.undoManager;
+      this.undoDepth = undoManager?.undoStack.length || 0;
+      this.redoDepth = undoManager?.redoStack.length || 0;
+    } else {
+      this.undoDepth = undoDepth(this.activeEditor.state);
+      this.redoDepth = redoDepth(this.activeEditor.state);
+    }
+  } catch {
+    this.undoDepth = 0;
+    this.redoDepth = 0;
   }
 };
 enrichTrackedChanges_fn = function(trackedChanges = []) {
@@ -3250,6 +3341,82 @@ runCommandWithArgumentOnly_fn = function({ item, argument, noArgumentCallback =
     this.updateToolbarState();
   }
 };
+/**
+ * Capture stored marks when a mark toggle is used on an empty selection
+ * so they can be re-applied after focus/selection changes.
+ * @private
+ * @returns {void}
+ */
+syncStickyMarksFromState_fn = function() {
+  if (!this.activeEditor) return;
+  const { selection, storedMarks } = this.activeEditor.state || {};
+  if (!selection?.empty) return;
+  this.stickyStoredMarks = storedMarks?.length ? [...storedMarks] : null;
+};
+/**
+ * Re-apply stored marks captured from toolbar toggles when the current
+ * selection is empty and unformatted.
+ * @private
+ * @returns {boolean} True if marks were restored
+ */
+restoreStickyMarksIfNeeded_fn = function() {
+  if (!this.activeEditor) return false;
+  if (!this.stickyStoredMarks?.length) return false;
+  const { state, view } = this.activeEditor;
+  const { selection, storedMarks } = state || {};
+  if (!selection?.empty) return false;
+  if (storedMarks?.length) return false;
+  if (!view?.dispatch || !state?.tr) return false;
+  const hasActiveMarkToggle = getActiveFormatting(this.activeEditor).some(
+    (mark) => __privateGet(_SuperToolbar, _MARK_TOGGLE_NAMES).has(mark.name)
+  );
+  if (hasActiveMarkToggle) return false;
+  const tr = state.tr.setStoredMarks(this.stickyStoredMarks);
+  view.dispatch(tr);
+  return true;
+};
+/**
+ * Fallback to ensure stored marks exist for mark toggles when executed off-focus.
+ * Helps cases where a command doesn't set storedMarks (e.g., font size from toolbar before focus).
+ * @private
+ * @param {Object} params
+ * @param {string} params.command
+ * @param {*} params.argument
+ * @returns {void}
+ */
+ensureStoredMarksForMarkToggle_fn = function({ command, argument }) {
+  if (!this.activeEditor) return;
+  if (!this.activeEditor.state?.selection?.empty) return;
+  if (this.activeEditor.state?.storedMarks?.length) return;
+  if (command !== "setFontSize") return;
+  const { state, view } = this.activeEditor;
+  const textStyleMark = state.schema?.marks?.textStyle;
+  if (!textStyleMark || !view?.dispatch || !state?.tr) return;
+  const [value, unit] = parseSizeUnit(argument ?? "");
+  if (Number.isNaN(value)) return;
+  const clamped = Math.min(96, Math.max(8, Number(value)));
+  const resolvedUnit = unit || "pt";
+  const mark = textStyleMark.create({ fontSize: `${clamped}${resolvedUnit}` });
+  const tr = state.tr.setStoredMarks([mark]);
+  view.dispatch(tr);
+};
+/**
+ * Mark toggle names used to identify mark commands that need special handling
+ * when the editor is not focused.
+ * @type {Set<string>}
+ * @private
+ */
+__privateAdd(_SuperToolbar, _MARK_TOGGLE_NAMES, /* @__PURE__ */ new Set([
+  "bold",
+  "italic",
+  "underline",
+  "strike",
+  "highlight",
+  "color",
+  "fontSize",
+  "fontFamily"
+]));
+let SuperToolbar = _SuperToolbar;
 const onMarginClickCursorChange = (event, editor) => {
   const y = event.clientY;
   const x2 = event.clientX;
@@ -3284,11 +3451,17 @@ const onMarginClickCursorChange = (event, editor) => {
 };
 const checkNodeSpecificClicks = (editor, event, popoverControls) => {
   if (!editor) return;
-  if (selectionHasNodeOrMark(editor.view.state, "link", { requireEnds: true })) {
+  const state = editor.state;
+  if (!state) return;
+  const surface = getEditorSurfaceElement(editor);
+  if (!surface) return;
+  if (selectionHasNodeOrMark(state, "link", { requireEnds: true })) {
     popoverControls.component = LinkInput;
+    const surfaceRect = surface.getBoundingClientRect();
+    if (!surfaceRect) return;
     popoverControls.position = {
-      left: `${event.clientX - editor.element.getBoundingClientRect().left}px`,
-      top: `${event.clientY - editor.element.getBoundingClientRect().top + 15}px`
+      left: `${event.clientX - surfaceRect.left}px`,
+      top: `${event.clientY - surfaceRect.top + 15}px`
     };
     popoverControls.props = {
       showInput: true
@@ -3350,13 +3523,17 @@ function selectionHasNodeOrMark(state, name, options = {}) {
   return false;
 }
 function moveCursorToMouseEvent(event, editor) {
-  const { view } = editor;
+  if (!editor) return;
+  const state = editor.state;
+  if (!state) return;
   const coords = { left: event.clientX, top: event.clientY };
-  const pos = view.posAtCoords(coords)?.pos;
-  if (typeof pos === "number") {
-    const tr = view.state.tr.setSelection(TextSelection$1.create(view.state.doc, pos));
-    view.dispatch(tr);
-    view.focus();
+  const result = editor.posAtCoords?.(coords);
+  if (typeof result?.pos === "number") {
+    const tr = state.tr.setSelection(TextSelection$1.create(state.doc, result.pos));
+    if (typeof editor.dispatch === "function") {
+      editor.dispatch(tr);
+    }
+    editor.focus?.();
   }
 }
 const ICONS = {
@@ -3562,47 +3739,33 @@ const getPropsByItemId = (itemId, props) => {
       return baseProps;
   }
 };
-function normalizeClipboardContent(rawClipboardContent) {
-  if (!rawClipboardContent) {
-    return {
-      html: null,
-      text: null,
-      hasContent: false,
-      raw: null
-    };
-  }
-  const html = typeof rawClipboardContent.html === "string" ? rawClipboardContent.html : null;
-  const text = typeof rawClipboardContent.text === "string" ? rawClipboardContent.text : null;
-  const hasHtml = !!html && html.trim().length > 0;
-  const hasText = !!text && text.length > 0;
-  const isObject = typeof rawClipboardContent === "object" && rawClipboardContent !== null;
-  const fragmentSize = typeof rawClipboardContent.size === "number" ? rawClipboardContent.size : null;
-  const nestedSize = isObject && rawClipboardContent.content && typeof rawClipboardContent.content.size === "number" ? rawClipboardContent.content.size : null;
-  const hasFragmentContent = (fragmentSize ?? nestedSize ?? 0) > 0;
-  return {
-    html,
-    text,
-    hasContent: hasHtml || hasText || hasFragmentContent,
-    raw: rawClipboardContent
-  };
-}
 async function getEditorContext(editor, event) {
-  const { view } = editor;
-  const { state } = view;
+  if (!editor) return null;
+  const state = editor.state;
+  if (!state) return null;
   const { from, to, empty } = state.selection;
   const selectedText = !empty ? state.doc.textBetween(from, to) : "";
   let pos = null;
   let node = null;
-  if (event) {
+  if (event && typeof event.clientX === "number" && typeof event.clientY === "number") {
     const coords = { left: event.clientX, top: event.clientY };
-    pos = view.posAtCoords(coords)?.pos ?? null;
-    node = pos !== null ? state.doc.nodeAt(pos) : null;
-  } else {
+    const hit = editor.posAtCoords?.(coords);
+    if (typeof hit?.pos === "number") {
+      pos = hit.pos;
+      node = state.doc.nodeAt(pos);
+    }
+  }
+  if (pos === null && typeof from === "number") {
     pos = from;
     node = state.doc.nodeAt(pos);
   }
-  const rawClipboardContent = await readFromClipboard(state);
-  const clipboardContent = normalizeClipboardContent(rawClipboardContent);
+  const clipboardContent = {
+    html: null,
+    text: null,
+    hasContent: true,
+    // Assume clipboard might have content - we'll check on paste
+    raw: null
+  };
   const structureFromResolvedPos = pos !== null ? getStructureFromResolvedPos(state, pos) : null;
   const isInTable2 = structureFromResolvedPos?.isInTable ?? selectionHasNodeOrMark(state, "table", { requireEnds: true });
   const isInList = structureFromResolvedPos?.isInList ?? selectionIncludesListParagraph(state);
@@ -3620,63 +3783,52 @@ async function getEditorContext(editor, event) {
         trackedChangeId = mark.attrs.id;
       }
     };
-    const marksAtPos = $pos.marks();
-    marksAtPos.forEach(processMark);
+    $pos.marks().forEach(processMark);
     const nodeBefore = $pos.nodeBefore;
     const nodeAfter = $pos.nodeAfter;
-    if (nodeBefore && nodeBefore.marks) {
+    if (nodeBefore?.marks) {
       nodeBefore.marks.forEach(processMark);
     }
-    if (nodeAfter && nodeAfter.marks) {
+    if (nodeAfter?.marks) {
       nodeAfter.marks.forEach(processMark);
     }
-    if (state.storedMarks) {
-      state.storedMarks.forEach(processMark);
-    }
+    state.storedMarks?.forEach(processMark);
   } else {
     state.storedMarks?.forEach((mark) => activeMarks.push(mark.type.name));
     state.selection.$head.marks().forEach((mark) => activeMarks.push(mark.type.name));
   }
   const isTrackedChange = activeMarks.includes("trackInsert") || activeMarks.includes("trackDelete") || activeMarks.includes("trackFormat");
-  const trackedChanges = event ? collectTrackedChangesForContext({ state, pos, trackedChangeId }) : collectTrackedChanges({ state, from, to });
-  const cursorCoords = pos ? view.coordsAtPos(pos) : null;
+  const trackedChanges = event && pos !== null ? collectTrackedChangesForContext({ state, pos, trackedChangeId }) : collectTrackedChanges({ state, from, to });
+  const cursorCoords = pos !== null ? editor.coordsAtPos?.(pos) : null;
   const cursorPosition = cursorCoords ? {
     x: cursorCoords.left,
     y: cursorCoords.top
-  } : null;
-  const context = {
-    // Selection info
+  } : event ? { x: event.clientX, y: event.clientY } : null;
+  return {
     selectedText,
     hasSelection: !empty,
     selectionStart: from,
     selectionEnd: to,
-    // Document structure
     isInTable: isInTable2,
     isInList,
     isInSectionNode,
     currentNodeType,
     activeMarks,
-    // Document state
     isTrackedChange,
     trackedChangeId,
     documentMode: editor.options?.documentMode || "editing",
     canUndo: computeCanUndo(editor, state),
     canRedo: computeCanRedo(editor, state),
     isEditable: editor.isEditable,
-    // Clipboard
     clipboardContent,
-    // Position and trigger info
     cursorPosition,
     pos,
     node,
     event,
     trigger: event ? "click" : "slash",
-    // Editor reference for advanced use cases
     editor,
-    // Tracked change metadata
     trackedChanges
   };
-  return context;
 }
 function computeCanUndo(editor, state) {
   if (typeof editor?.can === "function") {
@@ -3799,12 +3951,13 @@ const isModuleEnabled = (editorOptions, moduleName) => {
 const shouldShowItem = (item, context) => {
   if (typeof item.showWhen === "function") {
     try {
-      return item.showWhen(context);
+      return Boolean(item.showWhen(context));
     } catch (error) {
       console.warn("[SlashMenu] showWhen error for item", item.id, ":", error);
       return false;
     }
   }
+  return true;
 };
 const canPerformTrackedChange = (context, action) => {
   if (!context?.editor) return true;
@@ -3976,7 +4129,7 @@ function getItems(context, customItems = [], includeDefaultItems = true) {
           icon: ICONS.cut,
           isDefault: true,
           action: (editor2) => {
-            editor2.view.focus();
+            editor2.focus?.();
             document.execCommand("cut");
           },
           showWhen: (context2) => {
@@ -3990,7 +4143,7 @@ function getItems(context, customItems = [], includeDefaultItems = true) {
           icon: ICONS.copy,
           isDefault: true,
           action: (editor2) => {
-            editor2.view.focus();
+            editor2.focus?.();
             document.execCommand("copy");
           },
           showWhen: (context2) => {
@@ -4003,40 +4156,20 @@ function getItems(context, customItems = [], includeDefaultItems = true) {
           label: TEXTS.paste,
           icon: ICONS.paste,
           isDefault: true,
-          action: async (editor2) => {
-            try {
-              const clipboardItems = await navigator.clipboard.read();
-              let html = "";
-              let text = "";
-              for (const item of clipboardItems) {
-                if (!html && item.types.includes("text/html")) {
-                  html = await (await item.getType("text/html")).text();
-                }
-                if (!text && item.types.includes("text/plain")) {
-                  text = await (await item.getType("text/plain")).text();
-                }
-              }
-              const handled = handleClipboardPaste({ editor: editor2, view: editor2.view }, html);
-              if (!handled) {
-                const dataTransfer = new DataTransfer();
-                if (html) dataTransfer.setData("text/html", html);
-                if (text) dataTransfer.setData("text/plain", text);
-                const event = new ClipboardEvent("paste", {
-                  clipboardData: dataTransfer,
-                  bubbles: true,
-                  cancelable: true
-                });
-                editor2.view.dom.dispatchEvent(event);
+          action: (editor2) => {
+            const editorDom = editor2.view?.dom;
+            if (editorDom) {
+              editorDom.focus();
+              const success = document.execCommand("paste");
+              if (!success) {
+                console.warn("[Paste] execCommand paste failed - clipboard may be empty or inaccessible");
               }
-            } catch (error) {
-              console.warn("Failed to paste:", error);
             }
           },
           showWhen: (context2) => {
-            const { trigger, clipboardContent } = context2;
+            const { trigger } = context2;
             const allowedTriggers = [TRIGGERS.click, TRIGGERS.slash];
-            const hasContent = clipboardContent?.hasContent || clipboardContent?.size > 0 || clipboardContent?.content?.size > 0;
-            return allowedTriggers.includes(trigger) && hasContent;
+            return allowedTriggers.includes(trigger);
           }
         }
       ]
@@ -4079,7 +4212,7 @@ function getItems(context, customItems = [], includeDefaultItems = true) {
   }).filter((section) => section.items.length > 0);
   return filteredSections;
 }
-const _hoisted_1$4 = { class: "slash-menu-items" };
+const _hoisted_1$5 = { class: "slash-menu-items" };
 const _hoisted_2$1 = {
   key: 0,
   class: "slash-menu-divider",
@@ -4087,7 +4220,7 @@ const _hoisted_2$1 = {
 };
 const _hoisted_3$1 = ["onClick"];
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   __name: "SlashMenu",
   props: {
     editor: {
@@ -4219,7 +4352,7 @@ const _sfc_main$5 = {
         event.preventDefault();
         event.stopPropagation();
         closeMenu();
-        props.editor?.view?.focus();
+        props.editor?.focus?.();
         return;
       }
       if (isOpen.value && (event.target === searchInput.value || menuRef.value && menuRef.value.contains(event.target))) {
@@ -4259,23 +4392,31 @@ const _sfc_main$5 = {
     };
     const handleRightClick = async (event) => {
       const readOnly = !props.editor?.isEditable;
-      if (readOnly || shouldBypassContextMenu(event)) {
+      const contextMenuDisabled = props.editor?.options?.disableContextMenu;
+      const bypass = shouldBypassContextMenu(event);
+      if (readOnly || contextMenuDisabled || bypass) {
         return;
       }
       event.preventDefault();
-      const context = await getEditorContext(props.editor, event);
-      currentContext.value = context;
-      sections.value = getItems({ ...context, trigger: "click" });
-      selectedId.value = flattenedItems.value[0]?.id || null;
-      searchQuery.value = "";
-      props.editor.view.dispatch(
-        props.editor.view.state.tr.setMeta(SlashMenuPluginKey, {
-          type: "open",
-          pos: context?.pos ?? props.editor.view.state.selection.from,
-          clientX: event.clientX,
-          clientY: event.clientY
-        })
-      );
+      try {
+        const context = await getEditorContext(props.editor, event);
+        currentContext.value = context;
+        sections.value = getItems({ ...context, trigger: "click" });
+        selectedId.value = flattenedItems.value[0]?.id || null;
+        searchQuery.value = "";
+        const state = props.editor.state;
+        if (!state) return;
+        props.editor.dispatch(
+          state.tr.setMeta(SlashMenuPluginKey, {
+            type: "open",
+            pos: context?.pos ?? state.selection.from,
+            clientX: event.clientX,
+            clientY: event.clientY
+          })
+        );
+      } catch (error) {
+        console.error("[SlashMenu] Error opening context menu:", error);
+      }
     };
     const executeCommand = async (item) => {
       if (props.editor) {
@@ -4295,34 +4436,34 @@ const _sfc_main$5 = {
       }
     };
     const closeMenu = (options = { restoreCursor: true }) => {
-      if (props.editor?.view) {
-        const pluginState = SlashMenuPluginKey.getState(props.editor.view.state);
-        const anchorPos = pluginState?.anchorPos;
-        props.editor.view.dispatch(
-          props.editor.view.state.tr.setMeta(SlashMenuPluginKey, {
-            type: "close"
-          })
+      if (!props.editor) return;
+      const state = props.editor.state;
+      if (!state) return;
+      const pluginState = SlashMenuPluginKey.getState(state);
+      const anchorPos = pluginState?.anchorPos;
+      props.editor.dispatch(state.tr.setMeta(SlashMenuPluginKey, { type: "close" }));
+      if (options.restoreCursor && anchorPos !== null && anchorPos !== void 0) {
+        const tr = props.editor.state.tr.setSelection(
+          props.editor.state.selection.constructor.near(props.editor.state.doc.resolve(anchorPos))
         );
-        if (options.restoreCursor && anchorPos !== null) {
-          const tr = props.editor.view.state.tr.setSelection(
-            props.editor.view.state.selection.constructor.near(props.editor.view.state.doc.resolve(anchorPos))
-          );
-          props.editor.view.dispatch(tr);
-          props.editor.view.focus();
-        }
-        cleanupCustomItems();
-        currentContext.value = null;
-        isOpen.value = false;
-        searchQuery.value = "";
-        sections.value = [];
+        props.editor.dispatch(tr);
+        props.editor.focus?.();
       }
+      cleanupCustomItems();
+      currentContext.value = null;
+      isOpen.value = false;
+      searchQuery.value = "";
+      sections.value = [];
     };
+    let contextMenuTarget = null;
+    let slashMenuOpenHandler = null;
+    let slashMenuCloseHandler = null;
     onMounted(() => {
       if (!props.editor) return;
       document.addEventListener("keydown", handleGlobalKeyDown);
       document.addEventListener("mousedown", handleGlobalOutsideClick);
       props.editor.on("update", handleEditorUpdate);
-      props.editor.on("slashMenu:open", async (event) => {
+      slashMenuOpenHandler = async (event) => {
         const readOnly = !props.editor?.isEditable;
         if (readOnly) return;
         isOpen.value = true;
@@ -4338,14 +4479,19 @@ const _sfc_main$5 = {
           sections.value = getItems({ ...currentContext.value, trigger });
           selectedId.value = flattenedItems.value[0]?.id || null;
         }
-      });
-      props.editor.view.dom.addEventListener("contextmenu", handleRightClick);
-      props.editor.on("slashMenu:close", () => {
+      };
+      props.editor.on("slashMenu:open", slashMenuOpenHandler);
+      contextMenuTarget = getEditorSurfaceElement(props.editor);
+      if (contextMenuTarget) {
+        contextMenuTarget.addEventListener("contextmenu", handleRightClick);
+      }
+      slashMenuCloseHandler = () => {
         cleanupCustomItems();
         isOpen.value = false;
         searchQuery.value = "";
         currentContext.value = null;
-      });
+      };
+      props.editor.on("slashMenu:close", slashMenuCloseHandler);
     });
     onBeforeUnmount(() => {
       document.removeEventListener("keydown", handleGlobalKeyDown);
@@ -4353,11 +4499,16 @@ const _sfc_main$5 = {
       cleanupCustomItems();
       if (props.editor) {
         try {
-          props.editor.off("slashMenu:open");
-          props.editor.off("slashMenu:close");
+          if (slashMenuOpenHandler) {
+            props.editor.off("slashMenu:open", slashMenuOpenHandler);
+          }
+          if (slashMenuCloseHandler) {
+            props.editor.off("slashMenu:close", slashMenuCloseHandler);
+          }
           props.editor.off("update", handleEditorUpdate);
-          props.editor.view.dom.removeEventListener("contextmenu", handleRightClick);
+          contextMenuTarget?.removeEventListener("contextmenu", handleRightClick);
         } catch (error) {
+          console.warn("[SlashMenu] Error during cleanup:", error);
         }
       }
     });
@@ -4385,7 +4536,7 @@ const _sfc_main$5 = {
         }, null, 544), [
           [vModelText, searchQuery.value]
         ]),
-        createElementVNode("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_1$5, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(filteredSections.value, (section, sectionIndex) => {
             return openBlock(), createElementBlock(Fragment, {
               key: section.id
@@ -4420,8 +4571,8 @@ const _sfc_main$5 = {
     };
   }
 };
-const _hoisted_1$3 = ["accept"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = ["accept"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BasicUpload",
   props: {
     accept: { default: ".docx, .pdf, .html, .md" }
@@ -4442,31 +4593,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           id: "fileInput",
           onChange: onFileChange,
           accept: __props.accept
-        }, null, 40, _hoisted_1$3)
+        }, null, 40, _hoisted_1$4)
       ]);
     };
   }
 });
-function adjustPaginationBreaks(editorElem, editor) {
-  if (!editorElem.value || !editor?.value?.options?.scale || isHeadless(editor)) return;
-  const zoom = editor.value.options.scale;
-  const bounds = editorElem.value.getBoundingClientRect();
-  const breakNodes = editorElem.value.querySelectorAll(".pagination-break-wrapper");
-  let firstLeft;
-  breakNodes.forEach((node) => {
-    const nodeBounds = node.getBoundingClientRect();
-    const left = (nodeBounds.left - bounds.left) / zoom * -1 + 1;
-    if (!firstLeft) firstLeft = left;
-    if (left !== firstLeft) {
-      const diff = left - firstLeft;
-      node.style.transform = `translateX(${diff}px)`;
-    }
-  });
-}
-const _hoisted_1$2 = { class: "numbering" };
+const _hoisted_1$3 = { class: "numbering" };
 const MIN_WIDTH = 200;
 const alignment = "flex-end";
-const _sfc_main$3 = {
+const _sfc_main$4 = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -4651,7 +4786,7 @@ const _sfc_main$3 = {
             class: normalizeClass(unit.className),
             style: normalizeStyle(getStyle.value(unit))
           }, [
-            createElementVNode("div", _hoisted_1$2, toDisplayString(unit.numbering), 1),
+            createElementVNode("div", _hoisted_1$3, toDisplayString(unit.numbering), 1),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unit.elements, (half) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(half.className),
@@ -4671,8 +4806,8 @@ const _sfc_main$3 = {
     };
   }
 };
-const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-79f9a944"]]);
-const _sfc_main$2 = {
+const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-79f9a944"]]);
+const _sfc_main$3 = {
   __name: "GenericPopover",
   props: {
     editor: { type: Object, required: true },
@@ -4740,7 +4875,466 @@ const _sfc_main$2 = {
     };
   }
 };
-const GenericPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-cbddcc0f"]]);
+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 = {
+  __name: "TableResizeOverlay",
+  props: {
+    /** Editor instance for dispatching transactions */
+    editor: {
+      type: Object,
+      required: true
+    },
+    /** Show or hide the overlay */
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    /** Table fragment element containing data-table-boundaries */
+    tableElement: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["resize-start", "resize-move", "resize-end", "resize-success", "resize-error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const tableMetadata = ref(null);
+    const dragState = ref(null);
+    const forcedCleanup = ref(false);
+    const overlayStyle = computed(() => {
+      if (!props.tableElement) return {};
+      const rect = props.tableElement.getBoundingClientRect();
+      let overlayWidth = rect.width;
+      if (dragState.value) {
+        overlayWidth = Math.max(rect.width + 1e3, 2e3);
+      }
+      return {
+        position: "absolute",
+        left: `${props.tableElement.offsetLeft}px`,
+        top: `${props.tableElement.offsetTop}px`,
+        width: `${overlayWidth}px`,
+        height: `${rect.height}px`,
+        pointerEvents: dragState.value ? "auto" : "none",
+        zIndex: 10
+      };
+    });
+    const resizableBoundaries = computed(() => {
+      if (!tableMetadata.value?.columns) {
+        return [];
+      }
+      const columns = tableMetadata.value.columns;
+      const boundaries = [];
+      for (let i2 = 0; i2 < columns.length - 1; i2++) {
+        const col = columns[i2];
+        const nextCol = columns[i2 + 1];
+        boundaries.push({
+          ...col,
+          index: i2,
+          x: nextCol.x,
+          type: "inner"
+        });
+      }
+      const lastCol = columns[columns.length - 1];
+      boundaries.push({
+        ...lastCol,
+        index: columns.length - 1,
+        x: lastCol.x + lastCol.w,
+        type: "right-edge"
+      });
+      return boundaries;
+    });
+    function getBoundarySegments(boundary) {
+      if (boundary.type === "right-edge") {
+        return [{ y: 0, h: null }];
+      }
+      const segmentsData = tableMetadata.value?.segments;
+      if (!segmentsData || !Array.isArray(segmentsData)) {
+        return [{ y: 0, h: null }];
+      }
+      const boundaryColIndex = boundary.index + 1;
+      const colSegments = segmentsData[boundaryColIndex];
+      if (!colSegments || colSegments.length === 0) {
+        return [];
+      }
+      return colSegments.map((seg) => ({
+        y: seg.y,
+        h: seg.h
+      }));
+    }
+    function getSegmentHandleStyle(boundary, segment) {
+      return {
+        position: "absolute",
+        left: `${boundary.x}px`,
+        top: segment.y != null ? `${segment.y}px` : "0",
+        width: "9px",
+        height: segment.h != null ? `${segment.h}px` : "100%",
+        transform: "translateX(-4px)",
+        cursor: "col-resize",
+        pointerEvents: "auto"
+      };
+    }
+    const guidelineStyle = computed(() => {
+      if (!dragState.value || !tableMetadata.value) return { display: "none" };
+      const initialBoundary = resizableBoundaries.value[dragState.value.boundaryIndex];
+      if (!initialBoundary) return { display: "none" };
+      const newX = initialBoundary.x + dragState.value.constrainedDelta;
+      return {
+        position: "absolute",
+        left: `${newX}px`,
+        top: "0",
+        width: "2px",
+        height: "100%",
+        backgroundColor: "#4A90E2",
+        pointerEvents: "none",
+        zIndex: 20
+      };
+    });
+    function parseTableMetadata() {
+      if (!props.tableElement) {
+        tableMetadata.value = null;
+        return;
+      }
+      try {
+        const boundariesAttr = props.tableElement.getAttribute("data-table-boundaries");
+        if (!boundariesAttr) {
+          tableMetadata.value = null;
+          return;
+        }
+        const parsed = JSON.parse(boundariesAttr);
+        if (!parsed || typeof parsed !== "object" || !Array.isArray(parsed.columns)) {
+          tableMetadata.value = null;
+          return;
+        }
+        const validatedColumns = parsed.columns.filter((col) => {
+          return typeof col === "object" && Number.isFinite(col.i) && col.i >= 0 && Number.isFinite(col.x) && col.x >= 0 && Number.isFinite(col.w) && col.w > 0 && Number.isFinite(col.min) && col.min > 0 && (col.r === 0 || col.r === 1);
+        }).map((col) => ({
+          i: col.i,
+          x: Math.max(0, col.x),
+          w: Math.max(1, col.w),
+          min: Math.max(1, col.min),
+          r: col.r
+        }));
+        if (validatedColumns.length === 0) {
+          tableMetadata.value = null;
+          emit("resize-error", {
+            error: "Table metadata is corrupted or empty after validation",
+            rawMetadata: boundariesAttr
+          });
+          return;
+        }
+        const segments = Array.isArray(parsed.segments) ? parsed.segments : void 0;
+        tableMetadata.value = { columns: validatedColumns, segments };
+      } catch (error) {
+        tableMetadata.value = null;
+        emit("resize-error", {
+          error: error instanceof Error ? error.message : "Failed to parse table boundaries",
+          rawMetadata: props.tableElement?.getAttribute("data-table-boundaries")
+        });
+      }
+    }
+    function onHandleMouseDown(event, boundaryIndex) {
+      event.preventDefault();
+      event.stopPropagation();
+      if (!tableMetadata.value?.columns) return;
+      const boundary = resizableBoundaries.value[boundaryIndex];
+      if (!boundary) return;
+      const columns = tableMetadata.value.columns;
+      const isRightEdge = boundary.type === "right-edge";
+      const leftColumn = columns[boundary.index];
+      const rightColumn = isRightEdge ? null : columns[boundary.index + 1];
+      dragState.value = {
+        columnIndex: boundary.index,
+        boundaryIndex,
+        isRightEdge,
+        initialX: event.clientX,
+        initialWidths: columns.map((col) => col.w),
+        leftColumn: {
+          width: leftColumn.w,
+          minWidth: leftColumn.min
+        },
+        rightColumn: rightColumn ? {
+          width: rightColumn.w,
+          minWidth: rightColumn.min
+        } : null,
+        constrainedDelta: 0
+      };
+      const pmView = props.editor.view.dom;
+      pmView.style.pointerEvents = "none";
+      document.addEventListener("mousemove", onDocumentMouseMove);
+      document.addEventListener("mouseup", onDocumentMouseUp);
+      emit("resize-start", {
+        columnIndex: boundary.index,
+        isRightEdge,
+        initialWidths: dragState.value.initialWidths
+      });
+    }
+    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) return;
+      const delta = event.clientX - dragState.value.initialX;
+      const minDelta = -(dragState.value.leftColumn.width - dragState.value.leftColumn.minWidth);
+      let maxDelta;
+      if (dragState.value.isRightEdge) {
+        const tableRect = props.tableElement.getBoundingClientRect();
+        const pageEl = props.tableElement.closest(".superdoc-page");
+        if (pageEl) {
+          const pageRect = pageEl.getBoundingClientRect();
+          const tableLeftInPage = tableRect.left - pageRect.left;
+          const rightMargin = tableLeftInPage;
+          const maxRightPosition = pageRect.right - rightMargin;
+          const availableSpace = maxRightPosition - tableRect.right;
+          maxDelta = Math.max(0, availableSpace);
+        } else {
+          maxDelta = Infinity;
+        }
+      } else {
+        maxDelta = dragState.value.rightColumn.width - dragState.value.rightColumn.minWidth;
+      }
+      const constrainedDelta = Math.max(minDelta, Math.min(maxDelta, delta));
+      dragState.value.constrainedDelta = constrainedDelta;
+      emit("resize-move", {
+        columnIndex: dragState.value.columnIndex,
+        delta: constrainedDelta
+      });
+    }, 16);
+    const onDocumentMouseMove = mouseMoveThrottle.throttled;
+    function onDocumentMouseUp(event) {
+      if (!dragState.value) return;
+      const finalDelta = dragState.value.constrainedDelta;
+      const columnIndex = dragState.value.columnIndex;
+      const initialWidths = dragState.value.initialWidths;
+      const isRightEdge = dragState.value.isRightEdge;
+      const newWidths = [...initialWidths];
+      newWidths[columnIndex] = initialWidths[columnIndex] + finalDelta;
+      if (!isRightEdge) {
+        newWidths[columnIndex + 1] = initialWidths[columnIndex + 1] - finalDelta;
+      }
+      document.removeEventListener("mousemove", onDocumentMouseMove);
+      document.removeEventListener("mouseup", onDocumentMouseUp);
+      if (props.editor?.view) {
+        const pmView = props.editor.view.dom;
+        if (pmView && pmView.style) {
+          pmView.style.pointerEvents = "auto";
+        }
+      }
+      if (!forcedCleanup.value && Math.abs(finalDelta) > 1) {
+        dispatchResizeTransaction(columnIndex, newWidths);
+        emit("resize-end", {
+          columnIndex,
+          finalWidths: newWidths,
+          delta: finalDelta
+        });
+      }
+      dragState.value = null;
+    }
+    function dispatchResizeTransaction(columnIndex, newWidths) {
+      if (!props.editor?.view || !props.tableElement) {
+        return;
+      }
+      try {
+        const { state, dispatch } = props.editor.view;
+        const tr = state.tr;
+        const tablePos = findTablePosition(state, props.tableElement);
+        if (tablePos === null) {
+          emit("resize-error", {
+            columnIndex,
+            error: "Table position not found in document"
+          });
+          return;
+        }
+        const tableNode = state.doc.nodeAt(tablePos);
+        if (!tableNode || tableNode.type.name !== "table") {
+          emit("resize-error", {
+            columnIndex,
+            error: "Invalid table node at position"
+          });
+          return;
+        }
+        const gridTwips = newWidths.map((w2) => pixelsToTwips(w2));
+        const newGrid = gridTwips.map((twips) => ({ col: twips }));
+        const totalWidthTwips = gridTwips.reduce((sum, w2) => sum + w2, 0);
+        const newAttrs = {
+          ...tableNode.attrs,
+          grid: newGrid,
+          tableWidth: totalWidthTwips,
+          userEdited: true
+        };
+        tr.setNodeMarkup(tablePos, null, newAttrs);
+        const affectedColumns = [columnIndex, columnIndex + 1];
+        updateCellColwidths(tr, tableNode, tablePos, affectedColumns, newWidths);
+        dispatch(tr);
+        const blockId = props.tableElement?.getAttribute("data-sd-block-id");
+        if (blockId && blockId.trim()) {
+          measureCache.invalidate([blockId]);
+        }
+        emit("resize-success", { columnIndex, newWidths });
+      } catch (error) {
+        emit("resize-error", {
+          columnIndex,
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    }
+    function findTablePosition(state, tableElement) {
+      const pmElement = tableElement.querySelector("[data-pm-start]");
+      if (!pmElement) {
+        return null;
+      }
+      const pmStart = parseInt(pmElement.getAttribute("data-pm-start"), 10);
+      let tablePos = null;
+      state.doc.descendants((node, pos) => {
+        if (node.type.name === "table") {
+          const tableEnd = pos + node.nodeSize;
+          if (pmStart >= pos && pmStart < tableEnd) {
+            tablePos = pos;
+            return false;
+          }
+        }
+      });
+      return tablePos;
+    }
+    function updateCellColwidths(tr, tableNode, tablePos, affectedColumns, newWidths) {
+      let currentCol = 0;
+      tableNode.descendants((node, pos, parent) => {
+        if (node.type.name === "tableRow") {
+          currentCol = 0;
+          return true;
+        }
+        if (node.type.name === "tableCell" || node.type.name === "tableHeader") {
+          const { colspan = 1 } = node.attrs;
+          const cellAffectsColumns = affectedColumns.some(
+            (affectedCol) => affectedCol >= currentCol && affectedCol < currentCol + colspan
+          );
+          if (cellAffectsColumns) {
+            const absolutePos = tablePos + 1 + pos;
+            const newColwidth = [];
+            for (let i2 = 0; i2 < colspan; i2++) {
+              const colIndex = currentCol + i2;
+              const width = newWidths[colIndex];
+              if (width !== void 0 && width > 0) {
+                newColwidth.push(width);
+              }
+            }
+            if (newColwidth.length > 0) {
+              tr.setNodeMarkup(absolutePos, null, {
+                ...node.attrs,
+                colwidth: newColwidth
+              });
+            }
+          }
+          currentCol += colspan;
+          return false;
+        }
+        return true;
+      });
+    }
+    watch(
+      () => props.tableElement,
+      () => {
+        parseTableMetadata();
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.visible,
+      (visible) => {
+        if (visible) {
+          parseTableMetadata();
+        } 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);
+        if (props.editor?.view?.dom) {
+          props.editor.view.dom.style.pointerEvents = "auto";
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return __props.visible && tableMetadata.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "superdoc-table-resize-overlay",
+        style: normalizeStyle(overlayStyle.value),
+        onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(resizableBoundaries.value, (boundary, boundaryIndex) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: `boundary-${boundaryIndex}`
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(getBoundarySegments(boundary), (segment, segmentIndex) => {
+              return openBlock(), createElementBlock("div", {
+                key: `handle-${boundary.type}-${boundary.index}-${segmentIndex}`,
+                class: normalizeClass(["resize-handle", {
+                  "resize-handle--active": dragState.value && dragState.value.boundaryIndex === boundaryIndex,
+                  "resize-handle--edge": boundary.type === "right-edge"
+                }]),
+                "data-boundary-index": boundaryIndex,
+                "data-boundary-type": boundary.type,
+                style: normalizeStyle(getSegmentHandleStyle(boundary, segment)),
+                onMousedown: ($event) => onHandleMouseDown($event, boundaryIndex)
+              }, null, 46, _hoisted_1$2);
+            }), 128))
+          ], 64);
+        }), 128)),
+        dragState.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "resize-guideline",
+          style: normalizeStyle(guidelineStyle.value)
+        }, null, 4)) : createCommentVNode("", true)
+      ], 36)) : createCommentVNode("", true);
+    };
+  }
+};
+const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d4258885"]]);
+function adjustPaginationBreaks(editorElem, editor) {
+  if (!editorElem.value || !editor?.value?.options?.scale || isHeadless(editor)) return;
+  const zoom = editor.value.options.scale;
+  const bounds = editorElem.value.getBoundingClientRect();
+  const breakNodes = editorElem.value.querySelectorAll(".pagination-break-wrapper");
+  let firstLeft;
+  breakNodes.forEach((node) => {
+    const nodeBounds = node.getBoundingClientRect();
+    const left = (nodeBounds.left - bounds.left) / zoom * -1 + 1;
+    if (!firstLeft) firstLeft = left;
+    if (left !== firstLeft) {
+      const diff = left - firstLeft;
+      node.style.transform = `translateX(${diff}px)`;
+    }
+  });
+}
 const BlankDOCX = "data:application/octet-stream;base64,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";
 const _hoisted_1$1 = { class: "super-editor-container" };
 const _hoisted_2 = {
@@ -4777,6 +5371,16 @@ const _sfc_main$1 = {
     const props = __props;
     const editorReady = ref(false);
     const editor = shallowRef(null);
+    const activeEditor = computed(() => {
+      if (editor.value && "editor" in editor.value && editor.value.editor) {
+        return editor.value.editor;
+      }
+      return editor.value;
+    });
+    const contextMenuDisabled = computed(() => {
+      const active = activeEditor.value;
+      return active?.options ? Boolean(active.options.disableContextMenu) : Boolean(props.options.disableContextMenu);
+    });
     const message = useMessage();
     const editorWrapper = ref(null);
     const editorElem = ref(null);
@@ -4791,7 +5395,7 @@ const _sfc_main$1 = {
       popoverControls.visible = false;
       popoverControls.component = null;
       popoverControls.props = {};
-      editor.value.view.focus();
+      activeEditor.value?.view?.focus();
     };
     const openPopover = (component, props2, position) => {
       popoverControls.component = component;
@@ -4799,6 +5403,31 @@ const _sfc_main$1 = {
       popoverControls.position = position;
       popoverControls.visible = true;
     };
+    const tableResizeState = reactive({
+      visible: false,
+      tableElement: null
+    });
+    const updateTableResizeOverlay = (event) => {
+      if (!editorElem.value) return;
+      let target = event.target;
+      while (target && target !== editorElem.value) {
+        if (target.classList?.contains("superdoc-table-resize-overlay")) {
+          return;
+        }
+        if (target.classList?.contains("superdoc-table-fragment") && target.hasAttribute("data-table-boundaries")) {
+          tableResizeState.visible = true;
+          tableResizeState.tableElement = target;
+          return;
+        }
+        target = target.parentElement;
+      }
+      tableResizeState.visible = false;
+      tableResizeState.tableElement = null;
+    };
+    const hideTableResizeOverlay = () => {
+      tableResizeState.visible = false;
+      tableResizeState.tableElement = null;
+    };
     let dataPollTimeout;
     const stopPolling = () => {
       clearTimeout(dataPollTimeout);
@@ -4811,7 +5440,6 @@ const _sfc_main$1 = {
           stopPolling();
           initEditor({ content: docx });
         } else if (retries > 0) {
-          console.debug(`Waiting for 'docx' data... retries left: ${retries}`);
           dataPollTimeout = setTimeout(checkData, interval);
           retries--;
         } else {
@@ -4860,30 +5488,31 @@ const _sfc_main$1 = {
         provider.on("synced", handleSynced);
       }
     };
-    const getExtensions = () => {
-      const extensions = getStarterExtensions();
-      if (!props.options.pagination) {
-        return extensions.filter((ext) => ext.name !== "pagination");
-      }
-      return extensions;
-    };
+    const getExtensions = () => getStarterExtensions();
     const initEditor = async ({ content, media = {}, mediaFiles = {}, fonts = {} } = {}) => {
-      editor.value = new Editor({
+      const { editorCtor, ...editorOptions } = props.options || {};
+      const EditorCtor = editorCtor ?? Editor;
+      editor.value = new EditorCtor({
         mode: "docx",
         element: editorElem.value,
         fileSource: fileSource.value,
         extensions: getExtensions(),
-        externalExtensions: props.options.externalExtensions,
         documentId: props.documentId,
         content,
         media,
         mediaFiles,
         fonts,
-        ...props.options
+        ...editorOptions
+      });
+      emit("editor-ready", {
+        editor: activeEditor.value,
+        presentationEditor: editor.value instanceof PresentationEditor ? editor.value : null
       });
       editor.value.on("paginationUpdate", () => {
-        if (isHeadless(editor.value)) return;
-        adjustPaginationBreaks(editorElem, editor);
+        const base = activeEditor.value;
+        if (isHeadless(base)) return;
+        const paginationTarget = editor.value?.editor ? { value: base } : editor;
+        adjustPaginationBreaks(editorElem, paginationTarget);
       });
       editor.value.on("collaborationReady", () => {
         setTimeout(() => {
@@ -4903,8 +5532,9 @@ const _sfc_main$1 = {
       }
       if ((event.metaKey || event.ctrlKey) && !event.shiftKey && !event.altKey && (event.key === "k" || event.key === "K")) {
         event.preventDefault();
-        if (!editor.value) return;
-        const view = editor.value.view;
+        const base = activeEditor.value;
+        if (!base) return;
+        const view = base.view;
         const { state } = view;
         const container = editorWrapper.value;
         if (!container) return;
@@ -4914,21 +5544,23 @@ const _sfc_main$1 = {
         const top = `${cursorCoords.bottom - containerRect.top + 6}px`;
         openPopover(markRaw(LinkInput), {}, { left, top });
       }
-      emit("editor-keydown", { editor: editor.value });
+      emit("editor-keydown", { editor: activeEditor.value });
     };
     const handleSuperEditorClick = (event) => {
-      emit("editor-click", { editor: editor.value });
+      emit("editor-click", { editor: activeEditor.value });
       let pmElement = editorElem.value?.querySelector(".ProseMirror");
-      if (!pmElement || !editor.value) {
+      const base = activeEditor.value;
+      if (!pmElement || !base) {
         return;
       }
       let isInsideEditor = pmElement.contains(event.target);
-      if (!isInsideEditor && editor.value.isEditable) {
-        editor.value.view?.focus();
+      if (!isInsideEditor && base.isEditable) {
+        base.view?.focus();
       }
-      if (isInsideEditor && editor.value.isEditable) {
-        checkNodeSpecificClicks(editor.value, event, popoverControls);
+      if (isInsideEditor && base.isEditable) {
+        checkNodeSpecificClicks(base, event, popoverControls);
       }
+      updateTableResizeOverlay(event);
     };
     onMounted(() => {
       initializeData();
@@ -4936,14 +5568,15 @@ const _sfc_main$1 = {
     });
     const handleMarginClick = (event) => {
       if (event.target.classList.contains("ProseMirror")) return;
-      onMarginClickCursorChange(event, editor.value);
+      onMarginClickCursorChange(event, activeEditor.value);
     };
     const handleMarginChange = ({ side, value }) => {
-      if (!editor.value) return;
-      const pageStyles = editor.value.getPageStyles();
+      const base = activeEditor.value;
+      if (!base) return;
+      const pageStyles = base.getPageStyles();
       const { pageMargins } = pageStyles;
       const update = { ...pageMargins, [side]: value };
-      editor.value?.updatePageStyle({ pageMargins: update });
+      base?.updatePageStyle({ pageMargins: update });
     };
     onBeforeUnmount(() => {
       stopPolling();
@@ -4952,10 +5585,10 @@ const _sfc_main$1 = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        __props.options.rulers && !!editor.value ? (openBlock(), createBlock(Ruler, {
+        __props.options.rulers && !!activeEditor.value ? (openBlock(), createBlock(Ruler, {
           key: 0,
           class: "ruler",
-          editor: editor.value,
+          editor: activeEditor.value,
           onMarginChange: handleMarginChange
         }, null, 8, ["editor"])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -4964,7 +5597,9 @@ const _sfc_main$1 = {
           ref: editorWrapper,
           onKeydown: handleSuperEditorKeydown,
           onClick: handleSuperEditorClick,
-          onMousedown: handleMarginClick
+          onMousedown: handleMarginClick,
+          onMousemove: updateTableResizeOverlay,
+          onMouseleave: hideTableResizeOverlay
         }, [
           createElementVNode("div", {
             ref_key: "editorElem",
@@ -4972,13 +5607,19 @@ const _sfc_main$1 = {
             class: "editor-element super-editor__element",
             role: "presentation"
           }, null, 512),
-          !props.options.disableContextMenu && editorReady.value && editor.value ? (openBlock(), createBlock(_sfc_main$5, {
+          !contextMenuDisabled.value && editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$6, {
             key: 0,
-            editor: editor.value,
+            editor: activeEditor.value,
             popoverControls,
             openPopover,
             closePopover
-          }, null, 8, ["editor", "popoverControls"])) : createCommentVNode("", true)
+          }, null, 8, ["editor", "popoverControls"])) : createCommentVNode("", true),
+          editorReady.value && activeEditor.value ? (openBlock(), createBlock(TableResizeOverlay, {
+            key: 1,
+            editor: activeEditor.value,
+            visible: tableResizeState.visible,
+            tableElement: tableResizeState.tableElement
+          }, null, 8, ["editor", "visible", "tableElement"])) : createCommentVNode("", true)
         ], 544),
         !editorReady.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
@@ -5025,15 +5666,15 @@ const _sfc_main$1 = {
             style: { "width": "70%" }
           })
         ])) : createCommentVNode("", true),
-        editor.value ? (openBlock(), createBlock(GenericPopover, {
+        activeEditor.value ? (openBlock(), createBlock(GenericPopover, {
           key: 2,
-          editor: editor.value,
+          editor: activeEditor.value,
           visible: popoverControls.visible,
           position: popoverControls.position,
           onClose: closePopover
         }, {
           default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(popoverControls.component), normalizeProps(guardReactiveProps({ ...popoverControls.props, editor: editor.value, closePopover })), null, 16))
+            (openBlock(), createBlock(resolveDynamicComponent(popoverControls.component), normalizeProps(guardReactiveProps({ ...popoverControls.props, editor: activeEditor.value, closePopover })), null, 16))
           ]),
           _: 1
         }, 8, ["editor", "visible", "position"])) : createCommentVNode("", true)
@@ -5041,7 +5682,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4615ea7d"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f1e98438"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",
@@ -5238,28 +5879,29 @@ const Extensions = {
 };
 export {
   AIWriter,
-  v as AnnotatorHelpers,
-  _sfc_main$4 as BasicUpload,
-  C as CommentsPluginKey,
+  z as AnnotatorHelpers,
+  _sfc_main$5 as BasicUpload,
+  F as CommentsPluginKey,
   D as DocxZipper,
   Editor,
   Extensions,
-  w as SectionHelpers,
-  _sfc_main$5 as SlashMenu,
-  aa as SuperConverter,
+  PresentationEditor,
+  B as SectionHelpers,
+  _sfc_main$6 as SlashMenu,
+  ac as SuperConverter,
   SuperEditor,
   SuperInput,
   SuperToolbar,
   Toolbar,
   T as TrackChangesBasePluginKey,
   createZip,
-  q as fieldAnnotationHelpers,
+  w as fieldAnnotationHelpers,
   getActiveFormatting,
-  x as getAllowedImageDimensions,
+  C as getAllowedImageDimensions,
   i as getMarksFromSelection,
   getRichTextExtensions,
   getStarterExtensions,
-  a7 as helpers,
+  a9 as helpers,
   registeredHandlers,
-  t as trackChangesHelpers
+  x as trackChangesHelpers
 };