superdoc 1.0.0-beta.16 → 1.0.0-beta.18

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, P as PluginKey, a as Plugin } from "./chunks/converter-C_R_BK8X.js";
-import { ac, i, a9, aP } from "./chunks/converter-C_R_BK8X.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-DFFvalb1.js";
-import { z, F, B, T, w, C, x } from "./chunks/editor-DFFvalb1.js";
+import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, U as findParentNode, ar as calculateResolvedParagraphProperties, a7 as twipsToLines, V as isList, al as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-Cz21HA_9.js";
+import { ac, i, a9, aQ } from "./chunks/converter-Cz21HA_9.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-DoxVe-iR.js";
+import { z, F, B, T, w, C, x } from "./chunks/editor-DoxVe-iR.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-DLPfegtw.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-CKdQr5PG.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-BvQAYmi1.js";
+import { D } from "./chunks/docx-zipper-DiEfO4LE.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -312,7 +312,7 @@ const useToolbarItem = (options) => {
   };
 };
 const _hoisted_1$f = ["onClick", "innerHTML", "aria-label", "onKeydown"];
-const _sfc_main$g = {
+const _sfc_main$h = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -403,14 +403,14 @@ const _sfc_main$g = {
     };
   }
 };
-const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d84f57b6"]]);
+const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__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$f = {
+const _sfc_main$g = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -490,14 +490,14 @@ const _sfc_main$f = {
     };
   }
 };
-const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-8730b752"]]);
+const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__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$e = {
+const _sfc_main$f = {
   __name: "LinkedStyle",
   props: {
     editor: {
@@ -573,7 +573,7 @@ const _sfc_main$e = {
     };
   }
 };
-const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-ecb78965"]]);
+const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__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$d = {
+const _sfc_main$e = {
   __name: "LinkInput",
   props: {
     showInput: {
@@ -808,12 +808,12 @@ const _sfc_main$d = {
     };
   }
 };
-const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ba50627b"]]);
+const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__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$c = {
+const _sfc_main$d = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -946,12 +946,12 @@ const _sfc_main$c = {
     };
   }
 };
-const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-0f479b6c"]]);
+const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__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$a = { class: "options-grid-wrap" };
 const _hoisted_2$5 = ["innerHTML"];
 const _hoisted_3$4 = { class: "option-grid-ctn" };
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -1011,7 +1011,7 @@ const _sfc_main$b = {
     };
   }
 };
-const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-3d19fedf"]]);
+const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-3d19fedf"]]);
 const closeDropdown$1 = (dropdown) => {
   dropdown.expand.value = false;
 };
@@ -1123,7 +1123,7 @@ const getAvailableColorOptions = () => {
 const _hoisted_1$9 = ["data-cols", "data-rows", "onKeydown", "onClick"];
 const _hoisted_2$4 = ["aria-valuetext"];
 const ROW_SIZE = 5;
-const _sfc_main$a = {
+const _sfc_main$b = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(__props, { emit: __emit }) {
@@ -1252,13 +1252,13 @@ const _sfc_main$a = {
     };
   }
 };
-const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-92e8d5fb"]]);
+const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__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$9 = {
+const _sfc_main$a = {
   __name: "TableActions",
   props: {
     options: {
@@ -1294,7 +1294,7 @@ const _sfc_main$9 = {
     };
   }
 };
-const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-990b9a25"]]);
+const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-990b9a25"]]);
 function getScrollableParent(element) {
   let currentElement = element;
   while (currentElement) {
@@ -1321,7 +1321,7 @@ const checkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 5
 const _hoisted_1$7 = { class: "search-input-ctn" };
 const _hoisted_2$2 = { class: "row" };
 const _hoisted_3$2 = ["onKeydown"];
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   __name: "SearchInput",
   props: {
     searchRef: {
@@ -1360,7 +1360,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-957cbcf2"]]);
+const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-957cbcf2"]]);
 const TOOLBAR_FONTS = [
   {
     label: "Georgia",
@@ -4220,7 +4220,7 @@ const _hoisted_2$1 = {
 };
 const _hoisted_3$1 = ["onClick"];
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   __name: "SlashMenu",
   props: {
     editor: {
@@ -4572,7 +4572,7 @@ const _sfc_main$7 = {
   }
 };
 const _hoisted_1$5 = ["accept"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "BasicUpload",
   props: {
     accept: { default: ".docx, .pdf, .html, .md" }
@@ -4601,7 +4601,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$4 = { class: "numbering" };
 const MIN_WIDTH = 200;
 const alignment = "flex-end";
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   __name: "Ruler",
   props: {
     orientation: {
@@ -4806,8 +4806,8 @@ const _sfc_main$5 = {
     };
   }
 };
-const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-79f9a944"]]);
-const _sfc_main$4 = {
+const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-79f9a944"]]);
+const _sfc_main$5 = {
   __name: "GenericPopover",
   props: {
     editor: { type: Object, required: true },
@@ -4835,22 +4835,22 @@ const _sfc_main$4 = {
       () => props.visible,
       (val) => {
         if (val) {
-          document.addEventListener("mousedown", handleClickOutside);
+          document.addEventListener("pointerdown", handleClickOutside);
           document.addEventListener("keydown", handleEscape);
         } else {
-          document.removeEventListener("mousedown", handleClickOutside);
+          document.removeEventListener("pointerdown", handleClickOutside);
           document.removeEventListener("keydown", handleEscape);
         }
       }
     );
     onMounted(() => {
       if (props.visible) {
-        document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener("pointerdown", handleClickOutside);
         document.addEventListener("keydown", handleEscape);
       }
     });
     onBeforeUnmount(() => {
-      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("pointerdown", handleClickOutside);
       document.removeEventListener("keydown", handleEscape);
     });
     const derivedStyles = computed(() => ({
@@ -4865,7 +4865,7 @@ const _sfc_main$4 = {
         style: normalizeStyle(derivedStyles.value),
         ref_key: "popover",
         ref: popover,
-        onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+        onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"])),
         onClick: _cache[1] || (_cache[1] = withModifiers(() => {
         }, ["stop"]))
@@ -4875,9 +4875,15 @@ const _sfc_main$4 = {
     };
   }
 };
-const GenericPopover = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cbddcc0f"]]);
+const GenericPopover = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-157855b5"]]);
 const _hoisted_1$3 = ["data-boundary-index", "data-boundary-type", "onMousedown"];
-const _sfc_main$3 = {
+const RESIZE_HANDLE_WIDTH_PX = 9;
+const RESIZE_HANDLE_OFFSET_PX = 4;
+const DRAG_OVERLAY_EXTENSION_PX = 1e3;
+const MIN_DRAG_OVERLAY_WIDTH_PX = 2e3;
+const THROTTLE_INTERVAL_MS = 16;
+const MIN_RESIZE_DELTA_PX = 1;
+const _sfc_main$4 = {
   __name: "TableResizeOverlay",
   props: {
     /** Editor instance for dispatching transactions */
@@ -4900,26 +4906,73 @@ const _sfc_main$3 = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const overlayRect = ref(null);
     const tableMetadata = ref(null);
     const dragState = ref(null);
     const forcedCleanup = ref(false);
+    let rafId = null;
+    let isUnmounted = false;
+    function startOverlayTracking() {
+      if (rafId !== null) return;
+      const step = () => {
+        updateOverlayRect();
+        rafId = requestAnimationFrame(step);
+      };
+      rafId = requestAnimationFrame(step);
+    }
+    function stopOverlayTracking() {
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+        rafId = null;
+      }
+    }
     const overlayStyle = computed(() => {
-      if (!props.tableElement) return {};
-      const rect = props.tableElement.getBoundingClientRect();
+      if (!overlayRect.value || !props.tableElement) return {};
+      const rect = overlayRect.value;
       let overlayWidth = rect.width;
       if (dragState.value) {
-        overlayWidth = Math.max(rect.width + 1e3, 2e3);
+        overlayWidth = Math.max(rect.width + DRAG_OVERLAY_EXTENSION_PX, MIN_DRAG_OVERLAY_WIDTH_PX);
       }
       return {
         position: "absolute",
-        left: `${props.tableElement.offsetLeft}px`,
-        top: `${props.tableElement.offsetTop}px`,
+        left: `${rect.left}px`,
+        top: `${rect.top}px`,
         width: `${overlayWidth}px`,
         height: `${rect.height}px`,
         pointerEvents: dragState.value ? "auto" : "none",
         zIndex: 10
       };
     });
+    function updateOverlayRect() {
+      if (!props.tableElement) {
+        overlayRect.value = null;
+        return;
+      }
+      const parent = props.tableElement.offsetParent;
+      const tableRect = props.tableElement.getBoundingClientRect();
+      if (tableRect.width === 0 || tableRect.height === 0) {
+        overlayRect.value = null;
+        return;
+      }
+      if (parent) {
+        const parentRect = parent.getBoundingClientRect();
+        const left = tableRect.left - parentRect.left + (parent.scrollLeft || 0);
+        const top = tableRect.top - parentRect.top + (parent.scrollTop || 0);
+        overlayRect.value = {
+          left,
+          top,
+          width: tableRect.width,
+          height: tableRect.height
+        };
+      } else {
+        overlayRect.value = {
+          left: props.tableElement.offsetLeft,
+          top: props.tableElement.offsetTop,
+          width: tableRect.width,
+          height: tableRect.height
+        };
+      }
+    }
     const resizableBoundaries = computed(() => {
       if (!tableMetadata.value?.columns) {
         return [];
@@ -4958,9 +5011,9 @@ const _sfc_main$3 = {
       if (!colSegments || colSegments.length === 0) {
         return [];
       }
-      return colSegments.map((seg) => ({
-        y: seg.y,
-        h: seg.h
+      return colSegments.filter((seg) => seg && typeof seg === "object").map((seg) => ({
+        y: typeof seg.y === "number" ? seg.y : 0,
+        h: seg.h !== null && typeof seg.h === "number" ? seg.h : null
       }));
     }
     function getSegmentHandleStyle(boundary, segment) {
@@ -4968,16 +5021,16 @@ const _sfc_main$3 = {
         position: "absolute",
         left: `${boundary.x}px`,
         top: segment.y != null ? `${segment.y}px` : "0",
-        width: "9px",
+        width: `${RESIZE_HANDLE_WIDTH_PX}px`,
         height: segment.h != null ? `${segment.h}px` : "100%",
-        transform: "translateX(-4px)",
+        transform: `translateX(-${RESIZE_HANDLE_OFFSET_PX}px)`,
         cursor: "col-resize",
         pointerEvents: "auto"
       };
     }
     const guidelineStyle = computed(() => {
       if (!dragState.value || !tableMetadata.value) return { display: "none" };
-      const initialBoundary = resizableBoundaries.value[dragState.value.boundaryIndex];
+      const initialBoundary = resizableBoundaries.value[dragState.value.resizableBoundaryIndex];
       if (!initialBoundary) return { display: "none" };
       const newX = initialBoundary.x + dragState.value.constrainedDelta;
       return {
@@ -5034,11 +5087,11 @@ const _sfc_main$3 = {
         });
       }
     }
-    function onHandleMouseDown(event, boundaryIndex) {
+    function onHandleMouseDown(event, resizableBoundaryIndex) {
       event.preventDefault();
       event.stopPropagation();
       if (!tableMetadata.value?.columns) return;
-      const boundary = resizableBoundaries.value[boundaryIndex];
+      const boundary = resizableBoundaries.value[resizableBoundaryIndex];
       if (!boundary) return;
       const columns = tableMetadata.value.columns;
       const isRightEdge = boundary.type === "right-edge";
@@ -5046,7 +5099,7 @@ const _sfc_main$3 = {
       const rightColumn = isRightEdge ? null : columns[boundary.index + 1];
       dragState.value = {
         columnIndex: boundary.index,
-        boundaryIndex,
+        resizableBoundaryIndex,
         isRightEdge,
         initialX: event.clientX,
         initialWidths: columns.map((col) => col.w),
@@ -5060,15 +5113,28 @@ const _sfc_main$3 = {
         } : null,
         constrainedDelta: 0
       };
+      if (!props.editor?.view?.dom) {
+        emit("resize-error", { error: "Editor view not available" });
+        dragState.value = null;
+        return;
+      }
       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
-      });
+      try {
+        document.addEventListener("mousemove", onDocumentMouseMove);
+        document.addEventListener("mouseup", onDocumentMouseUp);
+        emit("resize-start", {
+          columnIndex: boundary.index,
+          isRightEdge,
+          initialWidths: dragState.value.initialWidths
+        });
+      } catch (error) {
+        document.removeEventListener("mousemove", onDocumentMouseMove);
+        document.removeEventListener("mouseup", onDocumentMouseUp);
+        pmView.style.pointerEvents = "auto";
+        dragState.value = null;
+        emit("resize-error", { error: error instanceof Error ? error.message : String(error) });
+      }
     }
     function throttle(func, limit) {
       let inThrottle;
@@ -5093,7 +5159,7 @@ const _sfc_main$3 = {
       return { throttled, cancel };
     }
     const mouseMoveThrottle = throttle((event) => {
-      if (!dragState.value) return;
+      if (isUnmounted || !dragState.value) return;
       const delta = event.clientX - dragState.value.initialX;
       const minDelta = -(dragState.value.leftColumn.width - dragState.value.leftColumn.minWidth);
       let maxDelta;
@@ -5119,7 +5185,7 @@ const _sfc_main$3 = {
         columnIndex: dragState.value.columnIndex,
         delta: constrainedDelta
       });
-    }, 16);
+    }, THROTTLE_INTERVAL_MS);
     const onDocumentMouseMove = mouseMoveThrottle.throttled;
     function onDocumentMouseUp(event) {
       if (!dragState.value) return;
@@ -5134,13 +5200,11 @@ const _sfc_main$3 = {
       }
       document.removeEventListener("mousemove", onDocumentMouseMove);
       document.removeEventListener("mouseup", onDocumentMouseUp);
-      if (props.editor?.view) {
+      if (props.editor?.view?.dom) {
         const pmView = props.editor.view.dom;
-        if (pmView && pmView.style) {
-          pmView.style.pointerEvents = "auto";
-        }
+        pmView.style.pointerEvents = "auto";
       }
-      if (!forcedCleanup.value && Math.abs(finalDelta) > 1) {
+      if (!forcedCleanup.value && Math.abs(finalDelta) > MIN_RESIZE_DELTA_PX) {
         dispatchResizeTransaction(columnIndex, newWidths);
         emit("resize-end", {
           columnIndex,
@@ -5203,7 +5267,14 @@ const _sfc_main$3 = {
       if (!pmElement) {
         return null;
       }
-      const pmStart = parseInt(pmElement.getAttribute("data-pm-start"), 10);
+      const pmStartAttr = pmElement.getAttribute("data-pm-start");
+      if (!pmStartAttr) {
+        return null;
+      }
+      const pmStart = parseInt(pmStartAttr, 10);
+      if (!Number.isFinite(pmStart)) {
+        return null;
+      }
       let tablePos = null;
       state.doc.descendants((node, pos) => {
         if (node.type.name === "table") {
@@ -5255,6 +5326,12 @@ const _sfc_main$3 = {
       () => props.tableElement,
       () => {
         parseTableMetadata();
+        updateOverlayRect();
+        if (props.visible && props.tableElement) {
+          startOverlayTracking();
+        } else if (!props.tableElement) {
+          stopOverlayTracking();
+        }
       },
       { immediate: true }
     );
@@ -5263,7 +5340,10 @@ const _sfc_main$3 = {
       (visible) => {
         if (visible) {
           parseTableMetadata();
+          updateOverlayRect();
+          startOverlayTracking();
         } else {
+          stopOverlayTracking();
           if (dragState.value) {
             forcedCleanup.value = true;
             onDocumentMouseUp(new MouseEvent("mouseup"));
@@ -5272,8 +5352,15 @@ const _sfc_main$3 = {
         }
       }
     );
+    onMounted(() => {
+      window.addEventListener("scroll", updateOverlayRect, true);
+      window.addEventListener("resize", updateOverlayRect);
+      updateOverlayRect();
+    });
     onBeforeUnmount(() => {
+      isUnmounted = true;
       mouseMoveThrottle.cancel();
+      stopOverlayTracking();
       if (dragState.value) {
         document.removeEventListener("mousemove", onDocumentMouseMove);
         document.removeEventListener("mouseup", onDocumentMouseUp);
@@ -5281,6 +5368,8 @@ const _sfc_main$3 = {
           props.editor.view.dom.style.pointerEvents = "auto";
         }
       }
+      window.removeEventListener("scroll", updateOverlayRect, true);
+      window.removeEventListener("resize", updateOverlayRect);
     });
     return (_ctx, _cache) => {
       return __props.visible && tableMetadata.value ? (openBlock(), createElementBlock("div", {
@@ -5290,21 +5379,21 @@ const _sfc_main$3 = {
         onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(resizableBoundaries.value, (boundary, boundaryIndex) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(resizableBoundaries.value, (boundary, resizableBoundaryIndex) => {
           return openBlock(), createElementBlock(Fragment, {
-            key: `boundary-${boundaryIndex}`
+            key: `boundary-${resizableBoundaryIndex}`
           }, [
             (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--active": dragState.value && dragState.value.resizableBoundaryIndex === resizableBoundaryIndex,
                   "resize-handle--edge": boundary.type === "right-edge"
                 }]),
-                "data-boundary-index": boundaryIndex,
+                "data-boundary-index": resizableBoundaryIndex,
                 "data-boundary-type": boundary.type,
                 style: normalizeStyle(getSegmentHandleStyle(boundary, segment)),
-                onMousedown: ($event) => onHandleMouseDown($event, boundaryIndex)
+                onMousedown: ($event) => onHandleMouseDown($event, resizableBoundaryIndex)
               }, null, 46, _hoisted_1$3);
             }), 128))
           ], 64);
@@ -5318,7 +5407,7 @@ const _sfc_main$3 = {
     };
   }
 };
-const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-3f4a506b"]]);
+const TableResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2fdf7836"]]);
 const _hoisted_1$2 = ["data-handle-position", "onMousedown"];
 const OVERLAY_EXPANSION_PX = 2e3;
 const RESIZE_HANDLE_SIZE_PX = 12;
@@ -5327,7 +5416,7 @@ 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 = {
+const _sfc_main$3 = {
   __name: "ImageResizeOverlay",
   props: {
     /** Editor instance for dispatching transactions */
@@ -5751,7 +5840,81 @@ const _sfc_main$2 = {
     };
   }
 };
-const ImageResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e66ec7bb"]]);
+const ImageResizeOverlay = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-e66ec7bb"]]);
+const _sfc_main$2 = {
+  __name: "LinkClickHandler",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    openPopover: {
+      type: Function,
+      required: true
+    },
+    closePopover: {
+      type: Function,
+      required: true
+    },
+    popoverVisible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const handleLinkClick = (event) => {
+      if (props.popoverVisible) {
+        props.closePopover();
+        return;
+      }
+      if (!props.editor || !props.editor.state) {
+        return;
+      }
+      const surface = getEditorSurfaceElement(props.editor);
+      if (!surface) {
+        return;
+      }
+      moveCursorToMouseEvent(event.detail, props.editor);
+      setTimeout(() => {
+        const currentState = props.editor.state;
+        const hasLink = selectionHasNodeOrMark(currentState, "link", { requireEnds: true });
+        if (hasLink) {
+          const surfaceRect = surface.getBoundingClientRect();
+          if (!surfaceRect) return;
+          props.openPopover(
+            markRaw(LinkInput),
+            {
+              showInput: true,
+              editor: props.editor,
+              closePopover: props.closePopover
+            },
+            {
+              left: `${event.detail.clientX - surfaceRect.left}px`,
+              top: `${event.detail.clientY - surfaceRect.top + 15}px`
+            }
+          );
+        }
+      }, 10);
+    };
+    let surfaceElement = null;
+    onMounted(() => {
+      if (!props.editor) return;
+      surfaceElement = getEditorSurfaceElement(props.editor);
+      if (surfaceElement) {
+        surfaceElement.addEventListener("superdoc-link-click", handleLinkClick);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (surfaceElement) {
+        surfaceElement.removeEventListener("superdoc-link-click", handleLinkClick);
+      }
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+};
 function adjustPaginationBreaks(editorElem, editor) {
   if (!editorElem.value || !editor?.value?.options?.scale || isHeadless(editor)) return;
   const zoom = editor.value.options.scale;
@@ -6093,21 +6256,28 @@ const _sfc_main$1 = {
             class: "editor-element super-editor__element",
             role: "presentation"
           }, null, 512),
-          !contextMenuDisabled.value && editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$7, {
+          !contextMenuDisabled.value && editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$8, {
             key: 0,
             editor: activeEditor.value,
             popoverControls,
             openPopover,
             closePopover
           }, null, 8, ["editor", "popoverControls"])) : createCommentVNode("", true),
-          editorReady.value && activeEditor.value ? (openBlock(), createBlock(TableResizeOverlay, {
+          editorReady.value && activeEditor.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
             editor: activeEditor.value,
+            openPopover,
+            closePopover,
+            popoverVisible: popoverControls.visible
+          }, null, 8, ["editor", "popoverVisible"])) : createCommentVNode("", true),
+          editorReady.value && activeEditor.value ? (openBlock(), createBlock(TableResizeOverlay, {
+            key: 2,
+            editor: activeEditor.value,
             visible: tableResizeState.visible,
             tableElement: tableResizeState.tableElement
           }, null, 8, ["editor", "visible", "tableElement"])) : createCommentVNode("", true),
           editorReady.value && activeEditor.value ? (openBlock(), createBlock(ImageResizeOverlay, {
-            key: 2,
+            key: 3,
             editor: activeEditor.value,
             visible: imageResizeState.visible,
             imageElement: imageResizeState.imageElement
@@ -6174,7 +6344,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a84087aa"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-08b32c3d"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",
@@ -6280,14 +6450,14 @@ const Extensions = {
 export {
   AIWriter,
   z as AnnotatorHelpers,
-  _sfc_main$6 as BasicUpload,
+  _sfc_main$7 as BasicUpload,
   F as CommentsPluginKey,
   D as DocxZipper,
   Editor,
   Extensions,
   PresentationEditor,
   B as SectionHelpers,
-  _sfc_main$7 as SlashMenu,
+  _sfc_main$8 as SlashMenu,
   ac as SuperConverter,
   SuperEditor,
   SuperInput,
@@ -6302,6 +6472,6 @@ export {
   getRichTextExtensions,
   getStarterExtensions,
   a9 as helpers,
-  aP as registeredHandlers,
+  aQ as registeredHandlers,
   x as trackChangesHelpers
 };