@harbour-enterprises/superdoc 0.21.0-next.4 → 0.21.0-next.6

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 _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, runCommandWithArgumentOnly_fn;
-import { av as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, ay as vClickOutside, H as findParentNode, az as getActiveFormatting, ap as isInTable, aA as readFromClipboard, aB as handleClipboardPaste, aC as getFileObject, aD as runPropertyTranslators, aE as translator, aF as translator$1, aG as translator$2, aH as translator$3, aI as translator$4, aJ as translator$5, aK as translator$6, aL as translator$7, aM as translator$8, aN as translator$9, aO as translator$a, aP as translator$b, aQ as translator$c, aR as translator$d, aS as translator$e, aT as translator$f, aU as translator$g, aV as translator$h, aW as translator$i, aX as translator$j, aY as translator$k, aZ as translator$l, a_ as translator$m, a$ as translator$n, b0 as translator$o, b1 as translator$p, a as Plugin } from "./chunks/converter-3xnF_NHq.js";
-import { b2, a5, i, a2 } from "./chunks/converter-3xnF_NHq.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, y as yUndoPluginKey, f as undoDepth, h as redoDepth, S as SlashMenuPluginKey, E as Editor, i as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-BqYH4kDD.js";
-import { n, C, o, T, l, p, m } from "./chunks/editor-BqYH4kDD.js";
+import { av as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, ay as vClickOutside, H as findParentNode, az as getActiveFormatting, ap as isInTable, aA as readFromClipboard, aB as handleClipboardPaste, aC as getFileObject, aD as runPropertyTranslators, aE as translator, aF as translator$1, aG as translator$2, aH as translator$3, aI as translator$4, aJ as translator$5, aK as translator$6, aL as translator$7, aM as translator$8, aN as translator$9, aO as translator$a, aP as translator$b, aQ as translator$c, aR as translator$d, aS as translator$e, aT as translator$f, aU as translator$g, aV as translator$h, aW as translator$i, aX as translator$j, aY as translator$k, aZ as translator$l, a_ as translator$m, a$ as translator$n, b0 as translator$o, b1 as translator$p, a as Plugin } from "./chunks/converter-CYC0HBJe.js";
+import { b2, a5, i, a2 } from "./chunks/converter-CYC0HBJe.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, y as yUndoPluginKey, f as undoDepth, h as redoDepth, S as SlashMenuPluginKey, E as Editor, i as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-BzT9rpXb.js";
+import { n, C, o, T, l, p, m } from "./chunks/editor-BzT9rpXb.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, reactive, onUnmounted, renderSlot, shallowRef, createBlock, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, m as magicWandIcon, p as plusIconSvg, a as trashIconSvg, l as linkIconSvg, b as tableIconSvg, c as scissorsIconSvg, d as copyIconSvg, e as pasteIconSvg, f as borderNoneIconSvg, g as arrowsToDotIconSvg, h as arrowsLeftRightIconSvg, w as wrenchIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-TkaE2kKM.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, m as magicWandIcon, p as plusIconSvg, a as trashIconSvg, l as linkIconSvg, b as tableIconSvg, c as scissorsIconSvg, d as copyIconSvg, e as pasteIconSvg, f as borderNoneIconSvg, g as arrowsToDotIconSvg, h as arrowsLeftRightIconSvg, w as wrenchIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BnTHDmlP.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-CZdELYi-.js";
+import { D } from "./chunks/docx-zipper-DlwteneT.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -3208,6 +3208,115 @@ runCommandWithArgumentOnly_fn = function({ item, argument, noArgumentCallback =
     this.updateToolbarState();
   }
 };
+const onMarginClickCursorChange = (event, editor) => {
+  const y = event.clientY;
+  const x = event.clientX;
+  const { view } = editor;
+  const editorRect = view.dom.getBoundingClientRect();
+  let coords = {
+    left: 0,
+    top: y
+  };
+  let isRightMargin = false;
+  if (x > editorRect.right) {
+    coords.left = editorRect.left + editorRect.width - 1;
+    isRightMargin = true;
+  } else if (x < editorRect.left) {
+    coords.left = editorRect.left;
+  }
+  const pos = view.posAtCoords(coords)?.pos;
+  if (pos) {
+    let cursorPos = pos;
+    if (isRightMargin) {
+      const $pos = view.state.doc.resolve(pos);
+      const charOffset = $pos.textOffset;
+      const node = view.state.doc.nodeAt(pos);
+      const text = node?.text;
+      const charAtPos = text?.charAt(charOffset);
+      cursorPos = node?.isText && charAtPos !== " " ? pos - 1 : pos;
+    }
+    const transaction = view.state.tr.setSelection(TextSelection$1.create(view.state.doc, cursorPos));
+    view.dispatch(transaction);
+    view.focus();
+  }
+};
+const checkNodeSpecificClicks = (editor, event, popoverControls) => {
+  if (!editor) return;
+  if (selectionHasNodeOrMark(editor.view.state, "link", { requireEnds: true })) {
+    popoverControls.component = LinkInput;
+    popoverControls.position = {
+      left: `${event.clientX - editor.element.getBoundingClientRect().left}px`,
+      top: `${event.clientY - editor.element.getBoundingClientRect().top + 15}px`
+    };
+    popoverControls.props = {
+      showInput: true
+    };
+    popoverControls.visible = true;
+  }
+};
+function selectionHasNodeOrMark(state, name, options = {}) {
+  const { requireEnds = false } = options;
+  const $from = state.selection.$from;
+  const $to = state.selection.$to;
+  if (requireEnds) {
+    for (let d = $from.depth; d > 0; d--) {
+      if ($from.node(d).type.name === name) {
+        return true;
+      }
+    }
+    for (let d = $to.depth; d > 0; d--) {
+      if ($to.node(d).type.name === name) {
+        return true;
+      }
+    }
+  } else {
+    for (let d = $from.depth; d > 0; d--) {
+      if ($from.node(d).type.name === name) {
+        return true;
+      }
+    }
+  }
+  const markType = state.schema.marks[name];
+  if (markType) {
+    const { from, to, empty } = state.selection;
+    if (requireEnds) {
+      const fromMarks = markType.isInSet($from.marks());
+      const toMarks = markType.isInSet($to.marks());
+      if (fromMarks || toMarks) {
+        return true;
+      }
+      if (empty && markType.isInSet(state.storedMarks || $from.marks())) {
+        return true;
+      }
+    } else {
+      if (empty) {
+        if (markType.isInSet(state.storedMarks || $from.marks())) {
+          return true;
+        }
+      } else {
+        let hasMark = false;
+        state.doc.nodesBetween(from, to, (node) => {
+          if (markType.isInSet(node.marks)) {
+            hasMark = true;
+            return false;
+          }
+        });
+        if (hasMark) return true;
+      }
+    }
+  }
+  return false;
+}
+function moveCursorToMouseEvent(event, editor) {
+  const { view } = editor;
+  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 ICONS = {
   addRowBefore: plusIconSvg,
   addRowAfter: plusIconSvg,
@@ -3407,6 +3516,30 @@ 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;
@@ -3422,123 +3555,144 @@ async function getEditorContext(editor, event) {
     pos = from;
     node = state.doc.nodeAt(pos);
   }
-  const clipboardContent = await readFromClipboard(state);
+  const rawClipboardContent = await readFromClipboard(state);
+  const clipboardContent = normalizeClipboardContent(rawClipboardContent);
+  const structureFromResolvedPos = pos !== null ? getStructureFromResolvedPos(state, pos) : null;
+  const isInTable2 = structureFromResolvedPos?.isInTable ?? selectionHasNodeOrMark(state, "table", { requireEnds: true });
+  const isInList = structureFromResolvedPos?.isInList ?? (selectionHasNodeOrMark(state, "bulletList", { requireEnds: false }) || selectionHasNodeOrMark(state, "orderedList", { requireEnds: false }));
+  const isInSectionNode = structureFromResolvedPos?.isInSectionNode ?? selectionHasNodeOrMark(state, "documentSection", { requireEnds: true });
+  const currentNodeType = node?.type?.name || null;
+  const activeMarks = [];
+  if (event && pos !== null) {
+    const $pos = state.doc.resolve(pos);
+    if ($pos.marks && typeof $pos.marks === "function") {
+      $pos.marks().forEach((mark) => activeMarks.push(mark.type.name));
+    }
+    if (node && node.marks) {
+      node.marks.forEach((mark) => activeMarks.push(mark.type.name));
+    }
+  } 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");
+  let trackedChangeId = null;
+  if (isTrackedChange && event && pos !== null) {
+    const $pos = state.doc.resolve(pos);
+    const marksAtPos = $pos.marks();
+    const trackedMark = marksAtPos.find((mark) => mark.type.name === "trackInsert" || mark.type.name === "trackDelete");
+    if (trackedMark) {
+      trackedChangeId = trackedMark.attrs.id;
+    }
+  }
+  const cursorCoords = pos ? view.coordsAtPos(pos) : null;
+  const cursorPosition = cursorCoords ? {
+    x: cursorCoords.left,
+    y: cursorCoords.top
+  } : null;
   return {
-    editor,
+    // Selection info
     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,
-    clipboardContent
+    // Editor reference for advanced use cases
+    editor
   };
 }
-const onMarginClickCursorChange = (event, editor) => {
-  const y = event.clientY;
-  const x = event.clientX;
-  const { view } = editor;
-  const editorRect = view.dom.getBoundingClientRect();
-  let coords = {
-    left: 0,
-    top: y
-  };
-  let isRightMargin = false;
-  if (x > editorRect.right) {
-    coords.left = editorRect.left + editorRect.width - 1;
-    isRightMargin = true;
-  } else if (x < editorRect.left) {
-    coords.left = editorRect.left;
+function computeCanUndo(editor, state) {
+  if (typeof editor?.can === "function") {
+    try {
+      const can = editor.can();
+      if (can && typeof can.undo === "function") {
+        return !!can.undo();
+      }
+    } catch (error) {
+      console.warn("[SlashMenu] Unable to determine undo availability via editor.can():", error);
+    }
   }
-  const pos = view.posAtCoords(coords)?.pos;
-  if (pos) {
-    let cursorPos = pos;
-    if (isRightMargin) {
-      const $pos = view.state.doc.resolve(pos);
-      const charOffset = $pos.textOffset;
-      const node = view.state.doc.nodeAt(pos);
-      const text = node?.text;
-      const charAtPos = text?.charAt(charOffset);
-      cursorPos = node?.isText && charAtPos !== " " ? pos - 1 : pos;
+  if (isCollaborationEnabled(editor)) {
+    try {
+      const undoManager = yUndoPluginKey.getState(state)?.undoManager;
+      return !!undoManager && undoManager.undoStack.length > 0;
+    } catch (error) {
+      console.warn("[SlashMenu] Unable to determine undo availability via y-prosemirror:", error);
     }
-    const transaction = view.state.tr.setSelection(TextSelection$1.create(view.state.doc, cursorPos));
-    view.dispatch(transaction);
-    view.focus();
   }
-};
-const checkNodeSpecificClicks = (editor, event, popoverControls) => {
-  if (!editor) return;
-  if (selectionHasNodeOrMark(editor.view.state, "link", { requireEnds: true })) {
-    popoverControls.component = LinkInput;
-    popoverControls.position = {
-      left: `${event.clientX - editor.element.getBoundingClientRect().left}px`,
-      top: `${event.clientY - editor.element.getBoundingClientRect().top + 15}px`
-    };
-    popoverControls.props = {
-      showInput: true
-    };
-    popoverControls.visible = true;
+  try {
+    return undoDepth(state) > 0;
+  } catch (error) {
+    console.warn("[SlashMenu] Unable to determine undo availability via history plugin:", error);
+    return false;
   }
-};
-function selectionHasNodeOrMark(state, name, options = {}) {
-  const { requireEnds = false } = options;
-  const $from = state.selection.$from;
-  const $to = state.selection.$to;
-  if (requireEnds) {
-    for (let d = $from.depth; d > 0; d--) {
-      if ($from.node(d).type.name === name) {
-        return true;
-      }
-    }
-    for (let d = $to.depth; d > 0; d--) {
-      if ($to.node(d).type.name === name) {
-        return true;
-      }
-    }
-  } else {
-    for (let d = $from.depth; d > 0; d--) {
-      if ($from.node(d).type.name === name) {
-        return true;
+}
+function computeCanRedo(editor, state) {
+  if (typeof editor?.can === "function") {
+    try {
+      const can = editor.can();
+      if (can && typeof can.redo === "function") {
+        return !!can.redo();
       }
+    } catch (error) {
+      console.warn("[SlashMenu] Unable to determine redo availability via editor.can():", error);
     }
   }
-  const markType = state.schema.marks[name];
-  if (markType) {
-    const { from, to, empty } = state.selection;
-    if (requireEnds) {
-      const fromMarks = markType.isInSet($from.marks());
-      const toMarks = markType.isInSet($to.marks());
-      if (fromMarks || toMarks) {
-        return true;
-      }
-      if (empty && markType.isInSet(state.storedMarks || $from.marks())) {
-        return true;
-      }
-    } else {
-      if (empty) {
-        if (markType.isInSet(state.storedMarks || $from.marks())) {
-          return true;
-        }
-      } else {
-        let hasMark = false;
-        state.doc.nodesBetween(from, to, (node) => {
-          if (markType.isInSet(node.marks)) {
-            hasMark = true;
-            return false;
-          }
-        });
-        if (hasMark) return true;
-      }
+  if (isCollaborationEnabled(editor)) {
+    try {
+      const undoManager = yUndoPluginKey.getState(state)?.undoManager;
+      return !!undoManager && undoManager.redoStack.length > 0;
+    } catch (error) {
+      console.warn("[SlashMenu] Unable to determine redo availability via y-prosemirror:", error);
     }
   }
-  return false;
+  try {
+    return redoDepth(state) > 0;
+  } catch (error) {
+    console.warn("[SlashMenu] Unable to determine redo availability via history plugin:", error);
+    return false;
+  }
 }
-function moveCursorToMouseEvent(event, editor) {
-  const { view } = editor;
-  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();
+function isCollaborationEnabled(editor) {
+  return Boolean(editor?.options?.collaborationProvider && editor?.options?.ydoc);
+}
+function getStructureFromResolvedPos(state, pos) {
+  try {
+    const $pos = state.doc.resolve(pos);
+    const ancestors = /* @__PURE__ */ new Set();
+    for (let depth = $pos.depth; depth > 0; depth--) {
+      ancestors.add($pos.node(depth).type.name);
+    }
+    const isInList = ancestors.has("bulletList") || ancestors.has("orderedList");
+    const isInTable2 = ancestors.has("table") || ancestors.has("tableRow") || ancestors.has("tableCell") || ancestors.has("tableHeader");
+    const isInSectionNode = ancestors.has("documentSection");
+    return {
+      isInTable: isInTable2,
+      isInList,
+      isInSectionNode
+    };
+  } catch (error) {
+    console.warn("[SlashMenu] Unable to resolve position for structural context:", error);
+    return null;
   }
 }
 const isModuleEnabled = (editorOptions, moduleName) => {
@@ -3552,8 +3706,52 @@ const isModuleEnabled = (editorOptions, moduleName) => {
       return true;
   }
 };
+function applyCustomMenuConfiguration(defaultSections, context) {
+  const { editor } = context;
+  const slashMenuConfig = editor.options?.slashMenuConfig;
+  if (!slashMenuConfig) {
+    return defaultSections;
+  }
+  let sections = [];
+  if (slashMenuConfig.includeDefaultItems !== false) {
+    sections = [...defaultSections];
+  }
+  if (slashMenuConfig.customItems && Array.isArray(slashMenuConfig.customItems)) {
+    sections = [...sections, ...slashMenuConfig.customItems];
+  }
+  if (typeof slashMenuConfig.menuProvider === "function") {
+    try {
+      sections = slashMenuConfig.menuProvider(context, sections) || sections;
+    } catch (error) {
+      console.warn("[SlashMenu] Error in custom menuProvider:", error);
+    }
+  }
+  return sections;
+}
+function filterCustomItems(sections, context) {
+  return sections.map((section) => {
+    const filteredItems = section.items.filter((item) => {
+      if (typeof item.showWhen === "function") {
+        try {
+          return item.showWhen(context);
+        } catch (error) {
+          console.warn(`[SlashMenu] Error in showWhen for item ${item.id}:`, error);
+          return false;
+        }
+      }
+      return true;
+    });
+    return {
+      ...section,
+      items: filteredItems
+    };
+  }).filter((section) => section.items.length > 0);
+}
 function getItems(context) {
   const { editor, selectedText, trigger, clipboardContent } = context;
+  const clipboardHasContent = Boolean(
+    clipboardContent?.hasContent || clipboardContent?.html || clipboardContent?.text || typeof clipboardContent?.size === "number" && clipboardContent.size > 0 || clipboardContent && typeof clipboardContent?.content?.size === "number" && clipboardContent.content.size > 0 || clipboardContent?.raw && typeof clipboardContent.raw.size === "number" && clipboardContent.raw.size > 0 || clipboardContent?.raw && typeof clipboardContent.raw?.content?.size === "number" && clipboardContent.raw.content.size > 0
+  );
   const isInTable2 = selectionHasNodeOrMark(editor.view.state, "table", { requireEnds: true });
   const isInSectionNode = selectionHasNodeOrMark(editor.view.state, "documentSection", { requireEnds: true });
   const sections = [
@@ -3690,12 +3888,13 @@ function getItems(context) {
       ]
     }
   ];
-  const filteredSections = sections.map((section) => {
+  let allSections = applyCustomMenuConfiguration(sections, context);
+  const filteredSections = allSections.map((section) => {
     const filteredItems = section.items.filter((item) => {
       if (item.requiresModule && !isModuleEnabled(editor?.options, item.requiresModule)) return false;
       if (item.requiresSelection && !selectedText) return false;
       if (!item.allowedTriggers.includes(trigger)) return false;
-      if (item.requiresClipboard && !clipboardContent) return false;
+      if (item.requiresClipboard && !clipboardHasContent) return false;
       if (item.requiresTableParent && !isInTable2 || item.id === "insert-table" && isInTable2) return false;
       if (item.requiresSectionParent && !isInSectionNode) return false;
       return true;
@@ -3705,7 +3904,8 @@ function getItems(context) {
       items: filteredItems
     };
   }).filter((section) => section.items.length > 0);
-  return filteredSections;
+  const finalSections = filterCustomItems(filteredSections, context);
+  return finalSections;
 }
 const _hoisted_1$3 = { class: "slash-menu-items" };
 const _hoisted_2$1 = {
@@ -3740,6 +3940,7 @@ const _sfc_main$4 = {
     const menuRef = ref(null);
     const sections = ref([]);
     const selectedId = ref(null);
+    const currentContext = ref(null);
     const handleEditorUpdate = () => {
       if (!props.editor?.isEditable && isOpen.value) {
         closeMenu({ restoreCursor: false });
@@ -3785,6 +3986,44 @@ const _sfc_main$4 = {
         selectedId.value = newItems[0].id;
       }
     });
+    const customItemRefs = /* @__PURE__ */ new Map();
+    const setCustomItemRef = (el, item) => {
+      if (el && item.render) {
+        customItemRefs.set(item.id, { element: el, item });
+        nextTick(() => {
+          renderCustomItem(item.id);
+        });
+      }
+    };
+    const renderCustomItem = async (itemId) => {
+      const refData = customItemRefs.get(itemId);
+      if (!refData || refData.element.hasCustomContent) return;
+      const { element, item } = refData;
+      try {
+        if (!currentContext.value) {
+          currentContext.value = await getEditorContext(props.editor);
+        }
+        const context = currentContext.value;
+        const customElement = item.render(context);
+        if (customElement instanceof HTMLElement) {
+          element.innerHTML = "";
+          element.appendChild(customElement);
+          element.hasCustomContent = true;
+        }
+      } catch (error) {
+        console.warn(`[SlashMenu] Error rendering custom item ${itemId}:`, error);
+        element.innerHTML = `<span>${item.label || "Custom Item"}</span>`;
+        element.hasCustomContent = true;
+      }
+    };
+    const cleanupCustomItems = () => {
+      customItemRefs.forEach((refData) => {
+        if (refData.element) {
+          refData.element.hasCustomContent = false;
+        }
+      });
+      customItemRefs.clear();
+    };
     const handleGlobalKeyDown = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -3835,22 +4074,23 @@ const _sfc_main$4 = {
         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: props.editor.view.state.selection.from,
+          pos: context?.pos ?? props.editor.view.state.selection.from,
           clientX: event.clientX,
           clientY: event.clientY
         })
       );
-      searchQuery.value = "";
-      const context = await getEditorContext(props.editor, event);
-      sections.value = getItems({ ...context, trigger: "click" });
-      selectedId.value = flattenedItems.value[0]?.id || null;
     };
     const executeCommand = async (item) => {
       if (props.editor) {
-        item.action ? await item.action(props.editor) : null;
+        item.action ? await item.action(props.editor, currentContext.value) : null;
         if (item.component) {
           menuRef.value;
           const componentProps = getPropsByItemId(item.id, props);
@@ -3868,7 +4108,7 @@ const _sfc_main$4 = {
     const closeMenu = (options = { restoreCursor: true }) => {
       if (props.editor?.view) {
         const pluginState = SlashMenuPluginKey.getState(props.editor.view.state);
-        const { anchorPos } = pluginState;
+        const anchorPos = pluginState?.anchorPos;
         props.editor.view.dispatch(
           props.editor.view.state.tr.setMeta(SlashMenuPluginKey, {
             type: "close"
@@ -3881,6 +4121,8 @@ const _sfc_main$4 = {
           props.editor.view.dispatch(tr);
           props.editor.view.focus();
         }
+        cleanupCustomItems();
+        currentContext.value = null;
         isOpen.value = false;
         searchQuery.value = "";
         sections.value = [];
@@ -3897,19 +4139,29 @@ const _sfc_main$4 = {
         isOpen.value = true;
         menuPosition.value = event.menuPosition;
         searchQuery.value = "";
-        const context = await getEditorContext(props.editor);
-        sections.value = getItems({ ...context, trigger: "slash" });
-        selectedId.value = flattenedItems.value[0]?.id || null;
+        if (!currentContext.value) {
+          const context = await getEditorContext(props.editor);
+          currentContext.value = context;
+          sections.value = getItems({ ...context, trigger: "slash" });
+          selectedId.value = flattenedItems.value[0]?.id || null;
+        } else if (sections.value.length === 0) {
+          const trigger = currentContext.value.event?.type === "contextmenu" ? "click" : "slash";
+          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", () => {
+        cleanupCustomItems();
         isOpen.value = false;
         searchQuery.value = "";
+        currentContext.value = null;
       });
     });
     onBeforeUnmount(() => {
       document.removeEventListener("keydown", handleGlobalKeyDown);
       document.removeEventListener("mousedown", handleGlobalOutsideClick);
+      cleanupCustomItems();
       if (props.editor) {
         try {
           props.editor.off("slashMenu:open");
@@ -3956,12 +4208,19 @@ const _sfc_main$4 = {
                   class: normalizeClass(["slash-menu-item", { "is-selected": item.id === selectedId.value }]),
                   onClick: ($event) => executeCommand(item)
                 }, [
-                  item.icon ? (openBlock(), createElementBlock("span", {
+                  item.render ? (openBlock(), createElementBlock("div", {
                     key: 0,
-                    class: "slash-menu-item-icon",
-                    innerHTML: item.icon
-                  }, null, 8, _hoisted_4)) : createCommentVNode("", true),
-                  createElementVNode("span", null, toDisplayString(item.label), 1)
+                    ref_for: true,
+                    ref: (el) => setCustomItemRef(el, item),
+                    class: "slash-menu-custom-item"
+                  }, null, 512)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    item.icon ? (openBlock(), createElementBlock("span", {
+                      key: 0,
+                      class: "slash-menu-item-icon",
+                      innerHTML: item.icon
+                    }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+                    createElementVNode("span", null, toDisplayString(item.label), 1)
+                  ], 64))
                 ], 10, _hoisted_3$1);
               }), 128))
             ], 64);
@@ -3972,10 +4231,12 @@ const _sfc_main$4 = {
   }
 };
 function adjustPaginationBreaks(editorElem, editor) {
-  if (!editorElem.value || !editor?.value?.options?.scale) return;
+  const hostElement = editorElem.value;
+  if (!hostElement || !editor?.value?.options?.scale) return;
   const zoom = editor.value.options.scale;
-  const bounds = editorElem.value.getBoundingClientRect();
-  const breakNodes = editorElem.value.querySelectorAll(".pagination-break-wrapper");
+  const bounds = hostElement.getBoundingClientRect();
+  const searchRoot = hostElement.shadowRoot || hostElement;
+  const breakNodes = searchRoot.querySelectorAll(".pagination-break-wrapper");
   let firstLeft;
   breakNodes.forEach((node) => {
     const nodeBounds = node.getBoundingClientRect();
@@ -4266,6 +4527,821 @@ const _sfc_main$2 = {
 };
 const GenericPopover = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-cbddcc0f"]]);
 const BlankDOCX = "data:application/octet-stream;base64,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";
+const editorStyles = `:root {
+  /* CSS variables */
+}
+.sd-input-active {
+  border: 1px solid #1355ff !important;
+}
+.sd-super-editor-html .ProseMirror {
+  border: 1px solid #d9d9d9;
+  outline: none;
+  border-radius: 8px;
+  height: 100%;
+  width: 100%;
+  outline: none;
+}
+a {
+  text-decoration: auto;
+}
+/**
+ * Basic ProseMirror styles.
+ * https://github.com/ProseMirror/prosemirror-view/blob/master/style/prosemirror.css
+ */
+.ProseMirror {
+  position: relative;
+}
+.ProseMirror {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  white-space: break-spaces;
+  -webkit-font-variant-ligatures: none;
+  font-variant-ligatures: none;
+  font-feature-settings: 'liga' 0; /* the above doesn't seem to work in Edge */
+}
+.ProseMirror pre {
+  white-space: pre-wrap;
+}
+.ProseMirror ol,
+.ProseMirror ul {
+  margin-block-start: 0;
+  margin-block-end: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
+}
+.ProseMirror ol,
+.ProseMirror ul {
+  padding-inline-start: 0;
+  padding-left: 0;
+  list-style: none;
+}
+.ProseMirror li::marker {
+  content: none;
+}
+.ProseMirror li::marker {
+  padding: 0;
+  margin: 0;
+}
+.ProseMirror li > p {
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+}
+.ProseMirror.header-footer-edit > p img,
+    .ProseMirror.header-footer-edit > p a,
+    .ProseMirror.header-footer-edit li img,
+    .ProseMirror.header-footer-edit li a,
+    .ProseMirror.header-footer-edit span img,
+    .ProseMirror.header-footer-edit span a {
+      opacity: 1;
+    }
+.ProseMirror.header-footer-edit .pagination-break-wrapper {
+    color: initial !important;
+  }
+.ProseMirror.header-footer-edit .pagination-break-wrapper span {
+      color: initial !important;
+    }
+.ProseMirror.header-footer-edit .pagination-break-wrapper img,
+    .ProseMirror.header-footer-edit .pagination-break-wrapper a {
+      opacity: 1;
+    }
+.pagination-section-header div[contenteditable='false'] {
+  user-select: none;
+}
+/**
+ * Hide marker for indented lists.
+ * If a list-item contains a list but doesn't contain a "p" tag with text.
+ */
+.ProseMirror ol {
+  margin: 0;
+}
+.ProseMirror li:has(> ul:first-child, > ol:first-child):not(:has(> p)) {
+  list-style-type: none;
+}
+.ProseMirror li:has(> ul:first-child, > ol:first-child):not(:has(> p))::marker {
+  content: '';
+}
+.ProseMirror-hideselection *::selection {
+  background: transparent;
+}
+.ProseMirror-hideselection *::-moz-selection {
+  background: transparent;
+}
+.ProseMirror-hideselection * {
+  caret-color: transparent;
+}
+/* See https://github.com/ProseMirror/prosemirror/issues/1421#issuecomment-1759320191 */
+.ProseMirror [draggable][contenteditable='false'] {
+  user-select: text;
+}
+.ProseMirror-selectednode {
+  outline: 2px solid #8cf;
+}
+/* Make sure li selections wrap around markers */
+li.ProseMirror-selectednode {
+  outline: none;
+}
+li.ProseMirror-selectednode:after {
+  content: '';
+  position: absolute;
+  left: -32px;
+  right: -2px;
+  top: -2px;
+  bottom: -2px;
+  border: 2px solid #8cf;
+  pointer-events: none;
+}
+.ProseMirror img {
+  height: auto;
+  max-width: 100%;
+}
+/* Protect against generic img rules */
+img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+}
+.ProseMirror .sd-editor-tab {
+  display: inline-block;
+  vertical-align: text-bottom;
+}
+.ProseMirror u .sd-editor-tab:not(.pagination-inner .sd-editor-tab) {
+  white-space: pre;
+  border-bottom: 1px solid #000;
+  margin-bottom: 1.5px;
+}
+/* 
+Tables 
+https://github.com/ProseMirror/prosemirror-tables/blob/master/style/tables.css
+https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
+*/
+.ProseMirror.resize-cursor {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+.ProseMirror .tableWrapper {
+  --table-border-width: 1px;
+  --offset: 2px;
+
+  overflow-x: auto;
+  scrollbar-width: thin;
+  overflow: hidden;
+
+  /* 
+  The border width does not need to be multiplied by two, 
+  for tables it works differently. */
+  width: calc(100% + (var(--table-border-width) + var(--offset)));
+}
+.ProseMirror table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+  margin: 0;
+  /* width: 100%; */
+}
+.ProseMirror tr {
+  position: relative;
+}
+.ProseMirror td,
+.ProseMirror th {
+  min-width: 1em;
+  position: relative;
+  vertical-align: top;
+  box-sizing: border-box;
+  overflow-wrap: anywhere;
+}
+.ProseMirror th {
+  font-weight: bold;
+  text-align: left;
+}
+.ProseMirror table .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: -2px; /* 0 */
+  width: 4px;
+  z-index: 20;
+  background-color: #adf;
+  pointer-events: none;
+}
+.ProseMirror table .selectedCell:after {
+  position: absolute;
+  content: '';
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(200, 200, 255, 0.4);
+  pointer-events: none;
+  z-index: 2;
+}
+/* Tables - end */
+/* Track changes */
+.ProseMirror .track-insert-dec,
+.ProseMirror .track-delete-dec,
+.ProseMirror .track-format-dec {
+  pointer-events: none;
+}
+.ProseMirror .track-insert-dec.hidden,
+.ProseMirror .track-delete-dec.hidden {
+  display: none;
+}
+.ProseMirror .track-insert-dec.highlighted {
+  border-top: 1px dashed #00853d;
+  border-bottom: 1px dashed #00853d;
+  background-color: #399c7222;
+}
+.ProseMirror .track-delete-dec.highlighted {
+  border-top: 1px dashed #cb0e47;
+  border-bottom: 1px dashed #cb0e47;
+  background-color: #cb0e4722;
+  text-decoration: line-through;
+  text-decoration-thickness: 2px;
+}
+.ProseMirror .track-format-dec.highlighted {
+  border-bottom: 2px solid gold;
+}
+.ProseMirror .track-delete-widget {
+  visibility: hidden;
+}
+/* Track changes - end */
+/* Collaboration cursors */
+.ProseMirror > .ProseMirror-yjs-cursor:first-child {
+  margin-top: 16px;
+}
+.ProseMirror-yjs-cursor {
+  position: relative;
+  margin-left: -1px;
+  margin-right: -1px;
+  border-left: 1px solid black;
+  border-right: 1px solid black;
+  border-color: orange;
+  word-break: normal;
+  pointer-events: none;
+}
+.ProseMirror-yjs-cursor > div {
+  position: absolute;
+  top: -1.05em;
+  left: -1px;
+  font-size: 13px;
+  background-color: rgb(250, 129, 0);
+  font-family: serif;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  user-select: none;
+  color: white;
+  padding-left: 2px;
+  padding-right: 2px;
+  white-space: nowrap;
+}
+/* Collaboration cursors - end */
+/* Image placeholder */
+.ProseMirror placeholder {
+  display: inline;
+  border: 1px solid #ccc;
+  color: #ccc;
+}
+.ProseMirror placeholder:after {
+  content: '☁';
+  font-size: 200%;
+  line-height: 0.1;
+  font-weight: bold;
+}
+/* Gapcursor */
+.ProseMirror-gapcursor {
+  display: none;
+  pointer-events: none;
+  position: absolute;
+  margin: 0;
+}
+.ProseMirror-gapcursor:after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: -2px;
+  width: 20px;
+  border-top: 1px solid black;
+  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
+}
+@keyframes ProseMirror-cursor-blink {
+  to {
+    visibility: hidden;
+  }
+}
+.ProseMirror-focused .ProseMirror-gapcursor {
+  display: block;
+}
+.ProseMirror div[data-type='contentBlock'] {
+  position: absolute;
+  outline: none;
+  user-select: none;
+  z-index: -1;
+}
+.ProseMirror div[data-horizontal-rule='true'] {
+  margin-top: auto;
+  align-self: flex-end;
+}
+.sd-editor-dropcap {
+  float: left;
+  display: flex;
+  align-items: baseline;
+  margin-top: -5px;
+}
+.ProseMirror-search-match {
+  background-color: #ffff0054;
+}
+.ProseMirror-active-search-match {
+  background-color: #ff6a0054;
+}
+.ProseMirror span.sd-custom-selection::selection {
+  background: transparent;
+}
+.sd-custom-selection {
+  background-color: #d9d9d9;
+  border-radius: 0.1em;
+}
+.superdoc-toolbar svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+  fill: currentColor;
+}
+.superdoc-toolbar svg path {
+    stroke: currentColor;
+  }
+.sd-editor-toolbar-dropdown .n-dropdown-option .dropdown-select-icon {
+  display: flex;
+  width: 12px;
+  height: 12px;
+}
+/* Custom toolbar styling */
+/* AI button icon styling with gradient */
+.toolbar-icon__icon--ai {
+  position: relative;
+  z-index: 1;
+}
+.toolbar-icon__icon--ai svg {
+  fill: transparent;
+}
+.toolbar-icon__icon--ai::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  background: linear-gradient(
+    270deg,
+    rgba(218, 215, 118, 0.5) -20%,
+    rgba(191, 100, 100, 1) 30%,
+    rgba(77, 82, 217, 1) 60%,
+    rgb(255, 219, 102) 150%
+  );
+  -webkit-mask: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>")
+    center / contain no-repeat;
+  mask: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.7-53.3L160 80l-53.3-26.7L80 0 53.3 53.3 0 80l53.3 26.7L80 160zm352 128l-26.7 53.3L352 368l53.3 26.7L432 448l26.7-53.3L512 368l-53.3-26.7L432 288zm70.6-193.8L417.8 9.4C411.5 3.1 403.3 0 395.2 0c-8.2 0-16.4 3.1-22.6 9.4L9.4 372.5c-12.5 12.5-12.5 32.8 0 45.3l84.9 84.9c6.3 6.3 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l363.1-363.2c12.5-12.5 12.5-32.8 0-45.2zM359.5 203.5l-50.9-50.9 86.6-86.6 50.9 50.9-86.6 86.6z'/></svg>")
+    center / contain no-repeat;
+  filter: brightness(1.2);
+  transition: filter 0.2s ease;
+}
+.toolbar-icon__icon--ai:hover::before {
+  filter: brightness(1.3);
+}
+/* AI text appear animation */
+@keyframes aiTextAppear {
+  from {
+    opacity: 0;
+    transform: translateY(5px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.sd-ai-text-appear {
+  display: inline;
+  opacity: 0;
+  animation: aiTextAppear 0.7s ease-out forwards;
+  animation-fill-mode: both;
+  will-change: opacity, transform;
+  /* Ensure each mark is treated as a separate animation context */
+  contain: content;
+}
+.sd-ai-loader {
+  display: flex;
+  justify-content: flex-start;
+}
+.sd-ai-loader > img {
+  width: fit-content;
+  height: 40px;
+}
+@keyframes ai-pulse {
+  0% {
+    background-color: rgba(99, 102, 241, 0.1);
+  }
+  50% {
+    background-color: rgba(99, 102, 241, 0.375);
+  }
+  100% {
+    background-color: rgba(99, 102, 241, 0.1);
+  }
+}
+.sd-ai-highlight-pulse {
+  animation: ai-pulse 1.5s ease-in-out infinite;
+}
+.sd-editor-auto-page-number,
+.sd-editor-auto-total-pages {
+  transition: all 250ms ease;
+  border-bottom: 1px solid #9a9a9a;
+  cursor: not-allowed;
+}
+.sd-editor-auto-page-number:hover,
+.sd-editor-auto-total-pages:hover {
+  border-bottom-color: #4f4f4f;
+}
+.sd-editor-auto-page-number-content {
+  pointer-events: none;
+}
+.ProseMirror.view-mode .sd-editor-auto-page-number,
+  .ProseMirror.view-mode .sd-editor-auto-total-pages {
+    border: none;
+  }
+:root {
+  --sd-editor-separator-height: 18px;
+}
+.pagination-section-header {
+  cursor: default;
+}
+/* To not inherit styles from the wrapper paragraph */
+.pagination-section-header p {
+    text-align: initial;
+  }
+.pagination-section-footer {
+  position: relative;
+  width: 100%;
+  min-width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  cursor: default;
+}
+/* To not inherit styles from the wrapper paragraph */
+.pagination-section-footer p {
+    text-align: initial;
+  }
+.pagination-break-wrapper {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: default;
+  position: relative;
+}
+.pagination-separator {
+  position: relative;
+  display: block;
+  height: var(--sd-editor-separator-height);
+  min-height: var(--sd-editor-separator-height);
+  min-width: 100%;
+  width: 100%;
+  border-top: 1px solid #dbdbdb;
+  border-bottom: 1px solid #dbdbdb;
+  cursor: default;
+}
+.pagination-separator--table {
+  border: 0;
+}
+.pagination-separator-floating {
+  position: absolute;
+  height: var(--sd-editor-separator-height);
+  border-top: 1px solid #dbdbdb;
+  border-bottom: 1px solid #dbdbdb;
+  pointer-events: none;
+}
+.pagination-inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  background-color: white;
+}
+/**
+Workaround to display pagination in footer 
+on the right if it is inside shape textbox.
+*/
+.pagination-section-footer .sd-editor-shape-container:has([data-id='auto-page-number'], [data-id='auto-total-pages']) {
+  margin-left: auto;
+}
+.pagination-section-header img[contenteditable='false'],
+.pagination-section-footer img[contenteditable='false'] {
+  pointer-events: none;
+}
+.pagination-break-wrapper {
+  font-weight: normal;
+  font-style: normal;
+  color: initial;
+}
+/* TODO: This is going to be enabled again */
+/* .pagination-section-header div[contenteditable="false"]:not([documentmode="viewing"]),
+.pagination-section-footer div[contenteditable="false"]:not([documentmode="viewing"]) {
+  opacity: 0.5;
+} */
+.sd-editor-popover {
+  background-color: #fff;
+  border-radius: 8px;
+  -webkit-box-shadow: 0px 4px 12px 0px rgba(50, 50, 50, 0.15);
+  -moz-box-shadow: 0px 4px 12px 0px rgba(50, 50, 50, 0.15);
+  box-shadow: 0px 4px 12px 0px rgba(50, 50, 50, 0.15);
+  padding: 0;
+  width: auto;
+  height: auto;
+  font-size: 14px;
+  color: #333;
+  z-index: 1000;
+}
+.sd-editor-popover .popover-header {
+  font-weight: bold;
+  margin-bottom: 8px;
+}
+.tippy-box[data-theme~='sd-editor-popover'] {
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+  border: none !important;
+  padding: 0 !important;
+}
+.tippy-box[data-theme~='sd-editor-popover'] .tippy-arrow {
+  color: #fff;
+  border: 1px solid #dbdbdb;
+}
+.tippy-box[data-theme~='sd-editor-popover'] .tippy-content {
+  padding: 0;
+}
+.sd-editor-placeholder::before {
+  content: attr(data-placeholder);
+  color: #aaa;
+  pointer-events: none;
+  display: block;
+  height: 0;
+}
+.sd-editor-mention {
+  background-color: #1355ff15;
+  color: #222;
+  font-weight: 400;
+  border-radius: 3px;
+  padding: 0 5px;
+  cursor: default;
+  display: inline-block;
+  box-sizing: border-box;
+}
+.sd-editor-comment-highlight {
+  transition: background-color 250ms ease;
+}
+.sd-editor-comment-highlight:hover {
+  background-color: #1354ff55;
+}
+.sd-editor-comment-highlight.sd-custom-selection {
+  background-color: #d6c0c6 !important;
+}
+.sd-editor-list-item-node-view {
+  position: relative;
+  width: 100%;
+}
+.sd-editor-list-item-numbering {
+  position: absolute;
+  top: 0;
+  white-space: nowrap;
+  user-select: none;
+  pointer-events: auto;
+  text-align: right;
+  z-index: 1;
+}
+.sd-editor-list-item-content-dom {
+  position: relative;
+  min-height: inherit;
+  word-wrap: break-word;
+}
+/* temporary fix */
+.sd-editor-list-item-node-view .sd-custom-selection {
+  font-size: inherit !important;
+}
+/* Resize handles container */
+.sd-editor-resize-container {
+  position: absolute;
+  pointer-events: none;
+  z-index: 11;
+}
+/* Resize handles */
+.sd-editor-resize-handle {
+  position: absolute;
+  width: 12px;
+  height: 12px;
+  background-color: #4dabf7;
+  border: 2px solid #fff;
+  border-radius: 50%;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+  pointer-events: auto;
+  transition: all 0.1s ease;
+}
+.sd-editor-resize-handle:hover {
+  background-color: #228be6;
+  transform: scale(1.1);
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
+}
+/* Handle positions */
+.sd-editor-resize-handle-nw {
+  top: -6px;
+  left: -6px;
+  cursor: nwse-resize;
+}
+.sd-editor-resize-handle-ne {
+  top: -6px;
+  right: -6px;
+  cursor: nesw-resize;
+}
+.sd-editor-resize-handle-sw {
+  bottom: -6px;
+  left: -6px;
+  cursor: nesw-resize;
+}
+.sd-editor-resize-handle-se {
+  bottom: -6px;
+  right: -6px;
+  cursor: nwse-resize;
+}
+/* Hide handles when editor loses focus */
+.ProseMirror:not(.ProseMirror-focused) .sd-editor-resize-container {
+  display: none;
+}
+/* Smooth transitions for resizing */
+.sd-editor-resizable-wrapper * {
+  transition: none;
+}
+.sd-editor-resizable-wrapper *:not([style*='width']) {
+  transition: all 0.2s ease;
+}
+/* Resize feedback indicator */
+.sd-editor-resizable-wrapper::after {
+  content: 'Drag corners to resize';
+  position: absolute;
+  bottom: -25px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: rgba(77, 171, 247, 0.9);
+  color: white;
+  font-size: 11px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  white-space: nowrap;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  z-index: 12;
+}
+.sd-editor-resizable-wrapper:hover::after {
+  opacity: 1;
+}
+.sd-document-section-block {
+  background-color: #fafafa;
+  border: 1px solid #ababab;
+  border-radius: 4px;
+  position: relative;
+}
+.sd-document-section-block-info {
+  position: absolute;
+  top: -19px;
+  left: -1px;
+  max-width: 100px;
+  min-width: 0;
+  height: 18px;
+  border: 1px solid #ababab;
+  border-bottom: none;
+  border-radius: 6px 6px 0 0;
+  padding: 0 8px;
+  align-items: center;
+  font-size: 10px;
+  display: none;
+  z-index: 100;
+  background-color: #fafafa;
+}
+.sd-document-section-block:hover {
+  border-radius: 0 4px 4px 4px;
+}
+.sd-document-section-block:hover .sd-document-section-block-info {
+  display: flex;
+  align-items: center;
+}
+.sd-document-section-block-info span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-structured-content,
+.sd-structured-content-block {
+  padding: 1px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid #629be7;
+  position: relative;
+}
+.sd-structured-content-draggable {
+  font-size: 10px;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: 2px;
+  bottom: 100%;
+  width: calc(100% - 4px);
+  max-width: 110px;
+  min-width: 0;
+  height: 18px;
+  padding: 0 4px;
+  border: 1px solid #629be7;
+  border-bottom: none;
+  border-radius: 6px 6px 0 0;
+  background-color: #629be7dd;
+  z-index: 10;
+  cursor: grab;
+  display: none;
+}
+.sd-structured-content-draggable span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-structured-content:hover .sd-structured-content-draggable,
+.sd-structured-content-block:hover .sd-structured-content-draggable {
+  display: inline-flex;
+}
+`;
+let cachedStyleSheet = null;
+const defaultEditorStyles = editorStyles;
+let shadowEditorStyles = defaultEditorStyles;
+const supportsConstructableStylesheets = () => {
+  const DocumentCtor = (
+    /** @type {typeof Document | undefined} */
+    globalThis.Document
+  );
+  const CSSStyleSheetCtor = (
+    /** @type {typeof CSSStyleSheet | undefined} */
+    globalThis.CSSStyleSheet
+  );
+  if (!DocumentCtor || !CSSStyleSheetCtor) return false;
+  const documentPrototype = DocumentCtor.prototype;
+  const styleSheetPrototype = CSSStyleSheetCtor.prototype;
+  return !!documentPrototype && "adoptedStyleSheets" in documentPrototype && !!styleSheetPrototype && typeof styleSheetPrototype.replaceSync === "function";
+};
+const ensureStyleSheet = (root) => {
+  if (!root || !shadowEditorStyles) return;
+  if (supportsConstructableStylesheets()) {
+    if (!cachedStyleSheet) {
+      const CSSStyleSheetCtor = (
+        /** @type {typeof CSSStyleSheet} */
+        globalThis.CSSStyleSheet
+      );
+      cachedStyleSheet = new CSSStyleSheetCtor();
+      cachedStyleSheet.replaceSync(shadowEditorStyles);
+    }
+    const sheets = Array.isArray(root.adoptedStyleSheets) ? root.adoptedStyleSheets : [];
+    if (!sheets.includes(cachedStyleSheet)) {
+      root.adoptedStyleSheets = [...sheets, cachedStyleSheet];
+    }
+    return;
+  }
+  const doc = (
+    /** @type {Document | undefined} */
+    globalThis.document
+  );
+  if (!doc || typeof root.querySelector !== "function") return;
+  if (!root.querySelector("style[data-super-editor-styles]")) {
+    const styleEl = doc.createElement("style");
+    styleEl.setAttribute("data-super-editor-styles", "");
+    styleEl.textContent = shadowEditorStyles;
+    root.appendChild(styleEl);
+  }
+};
+const ensureEditorShadowRoot = (hostElement) => {
+  const doc = (
+    /** @type {Document | undefined} */
+    globalThis.document
+  );
+  if (!hostElement || !doc || typeof hostElement.attachShadow !== "function") {
+    return { root: null, mount: null };
+  }
+  const root = hostElement.shadowRoot || hostElement.attachShadow({ mode: "open" });
+  ensureStyleSheet(root);
+  let mount = root.querySelector(".sd-editor-mount");
+  if (!mount) {
+    mount = doc.createElement("div");
+    mount.className = "sd-editor-mount";
+    root.appendChild(mount);
+  }
+  return { root, mount };
+};
 const _hoisted_1$1 = { class: "super-editor-container" };
 const _hoisted_2 = {
   key: 1,
@@ -4304,6 +5380,7 @@ const _sfc_main$1 = {
     const message = useMessage();
     const editorWrapper = ref(null);
     const editorElem = ref(null);
+    const editorMountPoint = shallowRef(null);
     const fileSource = ref(null);
     const popoverControls = reactive({
       visible: false,
@@ -4392,9 +5469,15 @@ const _sfc_main$1 = {
       return extensions;
     };
     const initEditor = async ({ content, media = {}, mediaFiles = {}, fonts = {} } = {}) => {
+      if (!editorElem.value) return;
+      const { mount } = ensureEditorShadowRoot(editorElem.value);
+      editorMountPoint.value = mount;
+      if (editorMountPoint.value) {
+        editorMountPoint.value.innerHTML = "";
+      }
       editor.value = new Editor({
         mode: "docx",
-        element: editorElem.value,
+        element: editorMountPoint.value || editorElem.value,
         fileSource: fileSource.value,
         extensions: getExtensions(),
         externalExtensions: props.options.externalExtensions,
@@ -4441,11 +5524,12 @@ const _sfc_main$1 = {
     };
     const handleSuperEditorClick = (event) => {
       emit("editor-click", { editor: editor.value });
-      let pmElement = editorElem.value?.querySelector(".ProseMirror");
+      const pmElement = editor.value?.view?.dom;
       if (!pmElement || !editor.value) {
         return;
       }
-      let isInsideEditor = pmElement.contains(event.target);
+      const eventPath = event.composedPath?.() || [];
+      const isInsideEditor = eventPath.includes(pmElement);
       if (!isInsideEditor && editor.value.isEditable) {
         editor.value.view?.focus();
       }
@@ -4458,7 +5542,9 @@ const _sfc_main$1 = {
       if (props.options?.suppressSkeletonLoader || !props.options?.collaborationProvider) editorReady.value = true;
     });
     const handleMarginClick = (event) => {
-      if (event.target.classList.contains("ProseMirror")) return;
+      const pmElement = editor.value?.view?.dom;
+      const eventPath = event.composedPath?.() || [];
+      if (pmElement && eventPath.includes(pmElement)) return;
       onMarginClickCursorChange(event, editor.value);
     };
     const handleMarginChange = ({ side, value }) => {
@@ -4564,7 +5650,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c36dd72"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3d49a1a6"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",
@@ -4594,6 +5680,7 @@ const _sfc_main = {
     const props = __props;
     const editor = shallowRef();
     const editorElem = ref(null);
+    const editorMountPoint = shallowRef(null);
     const isFocused = ref(false);
     const onTransaction = ({ editor: editor2, transaction }) => {
       const contents = editor2.getHTML();
@@ -4613,10 +5700,15 @@ const _sfc_main = {
       props.options.onTransaction = onTransaction;
       props.options.onFocus = onFocus;
       props.options.onBlur = onBlur;
+      const { mount } = ensureEditorShadowRoot(editorElem.value);
+      editorMountPoint.value = mount;
+      if (editorMountPoint.value) {
+        editorMountPoint.value.innerHTML = "";
+      }
       editor.value = new Editor({
         mode: "text",
         content: document.getElementById("currentContent"),
-        element: editorElem.value,
+        element: editorMountPoint.value || editorElem.value,
         extensions: getRichTextExtensions(),
         users: props.users,
         ...props.options
@@ -4655,7 +5747,7 @@ const _sfc_main = {
     };
   }
 };
-const SuperInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d5cff52"]]);
+const SuperInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-23a4e794"]]);
 const baseHandlers = {
   ...runPropertyTranslators,
   "w:br": translator$p,