@harbour-enterprises/superdoc 0.23.0-next.8 → 0.23.0

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 { ax as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, aA as vClickOutside, H as findParentNode, aB as getActiveFormatting, at as isInTable, aC as readFromClipboard, aD as handleClipboardPaste, aE as getFileObject, aF as runPropertyTranslators, aG as translator, aH as translator$1, aI as translator$2, aJ as translator$3, aK as translator$4, aL as translator$5, aM as translator$6, aN as translator$7, aO as translator$8, aP as translator$9, aQ as translator$a, aR as translator$b, aS as translator$c, aT as translator$d, aU as translator$e, aV as translator$f, aW as translator$g, aX as translator$h, aY as translator$i, aZ as translator$j, a_ as translator$k, a$ as translator$l, b0 as translator$m, b1 as translator$n, b2 as translator$o, b3 as translator$p, b4 as translator$q, b5 as translator$r, b6 as translator$s, b7 as translator$t, b8 as translator$u, b9 as translator$v, ba as translator$w, bb as translator$x, bc as translator$y, bd as translator$z, be as translator$A, bf as translator$B, bg as translator$C, bh as translator$D, bi as translator$E, bj as translator$F, bk as translator$G, bl as translator$H, bm as translator$I, bn as translator$J, bo as translator$K, bp as translator$L, bq as translator$M, br as translator$N, bs as translator$O, bt as translator$P, bu as translator$Q, bv as translator$R, bw as translator$S, bx as translator$T, by as translator$U, bz as translator$V, bA as translator$W, bB as translator$X, bC as translator$Y, bD as translator$Z, bE as translator$_, bF as translator$$, bG as translator$10, bH as translator$11, bI as translator$12, a as Plugin } from "./chunks/converter-ClnqoStR.js";
-import { bJ, a5, i, a2 } from "./chunks/converter-ClnqoStR.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 shouldBypassContextMenu, 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-Co2_vpme.js";
-import { n, C, o, T, l, p, m } from "./chunks/editor-Co2_vpme.js";
+import { ax as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, aA as vClickOutside, H as findParentNode, aB as getActiveFormatting, at as isInTable, aC as readFromClipboard, aD as handleClipboardPaste, aE as getFileObject, aF as runPropertyTranslators, aG as commentRangeEndTranslator, aH as commentRangeStartTranslator, aI as translator, aJ as translator$1, aK as translator$2, aL as translator$3, aM as translator$4, aN as translator$5, aO as translator$6, aP as translator$7, aQ as translator$8, aR as translator$9, aS as translator$a, aT as translator$b, aU as translator$c, aV as translator$d, aW as translator$e, aX as translator$f, aY as translator$g, aZ as translator$h, a_ as translator$i, a$ as translator$j, b0 as translator$k, b1 as translator$l, b2 as translator$m, b3 as translator$n, b4 as translator$o, b5 as translator$p, b6 as translator$q, b7 as translator$r, b8 as translator$s, b9 as translator$t, ba as translator$u, bb as translator$v, bc as translator$w, bd as translator$x, be as translator$y, bf as translator$z, bg as translator$A, bh as translator$B, bi as translator$C, bj as translator$D, bk as translator$E, bl as translator$F, bm as translator$G, bn as translator$H, bo as translator$I, bp as translator$J, bq as translator$K, br as translator$L, bs as translator$M, bt as translator$N, bu as translator$O, bv as translator$P, bw as translator$Q, bx as translator$R, by as translator$S, bz as translator$T, bA as translator$U, bB as translator$V, bC as translator$W, bD as translator$X, bE as translator$Y, bF as translator$Z, bG as translator$_, bH as translator$$, bI as translator$10, bJ as translator$11, bK as translator$12, a as Plugin } from "./chunks/converter-Ba2AUXOE.js";
+import { bL, a5, i, a2 } from "./chunks/converter-Ba2AUXOE.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 shouldBypassContextMenu, 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-DIZaIrjn.js";
+import { n, C, o, T, l, p, m } from "./chunks/editor-DIZaIrjn.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-Bevq4gO1.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-56JxZc7l.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-DC28ucAi.js";
+import { D } from "./chunks/docx-zipper-BBKQoLBb.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -1457,16 +1457,21 @@ const makeDefaultItems = ({
     onActivate: ({ fontFamily }) => {
       if (!fontFamily) return;
       fontButton.label.value = fontFamily;
+      const defaultFont = fontOptions.find((i2) => i2.label === fontButton.defaultLabel.value);
       const foundFont = fontOptions.find((i2) => i2.label === fontFamily);
       if (foundFont) {
         fontButton.selectedValue.value = foundFont.key;
+      } else if (defaultFont) {
+        fontButton.selectedValue.value = defaultFont.key;
       } else {
         fontButton.selectedValue.value = "";
       }
     },
     onDeactivate: () => {
       fontButton.label.value = fontButton.defaultLabel.value;
-      fontButton.selectedValue.value = "";
+      const defaultFont = fontOptions.find((i2) => i2.label === fontButton.defaultLabel.value);
+      if (defaultFont) fontButton.selectedValue.value = defaultFont.key;
+      else fontButton.selectedValue.value = "";
     }
   });
   const aiButton = useToolbarItem({
@@ -1534,9 +1539,11 @@ const makeDefaultItems = ({
     },
     options: fontSizeOptions,
     onActivate: ({ fontSize: size }) => {
+      const defaultSize = fontSizeOptions.find((i2) => i2.label === String(fontSize.defaultLabel.value));
       if (!size) {
         fontSize.label.value = fontSize.defaultLabel.value;
-        fontSize.selectedValue.value = "";
+        if (defaultSize) fontSize.selectedValue.value = defaultSize.key;
+        else fontSize.selectedValue.value = "";
         return;
       }
       let sanitizedValue = sanitizeNumber(size, 12);
@@ -1548,6 +1555,8 @@ const makeDefaultItems = ({
       });
       if (foundSize) {
         fontSize.selectedValue.value = foundSize.key;
+      } else if (defaultSize) {
+        fontSize.selectedValue.value = defaultSize.key;
       } else {
         fontSize.selectedValue.value = "";
       }
@@ -1555,7 +1564,9 @@ const makeDefaultItems = ({
     },
     onDeactivate: () => {
       fontSize.label.value = fontSize.defaultLabel.value;
-      fontSize.selectedValue.value = "";
+      const defaultSize = fontSizeOptions.find((i2) => i2.label === String(fontSize.defaultLabel.value));
+      if (defaultSize) fontSize.selectedValue.value = defaultSize.key;
+      else fontSize.selectedValue.value = "";
     }
   });
   const separator = useToolbarItem({
@@ -1768,6 +1779,7 @@ const makeDefaultItems = ({
     type: "dropdown",
     name: "tableActions",
     command: "executeTableCommand",
+    tooltip: toolbarTexts2.tableActions,
     icon: toolbarIcons2.tableActions,
     hideLabel: true,
     disabled: true,
@@ -2466,6 +2478,7 @@ const toolbarTexts = {
   link: "Link",
   image: "Image",
   table: "Insert table",
+  tableActions: "Table options",
   addRowBefore: "Insert row above",
   addRowAfter: "Insert row below",
   addColumnBefore: "Insert column left",
@@ -3336,7 +3349,9 @@ const ICONS = {
   copy: copyIconSvg,
   paste: pasteIconSvg,
   addDocumentSection: plusIconSvg,
-  removeDocumentSection: trashIconSvg
+  removeDocumentSection: trashIconSvg,
+  trackChangesAccept: checkIconSvg$1,
+  trackChangesReject: xMarkIconSvg
 };
 const TEXTS = {
   addRowBefore: "Insert row above",
@@ -3359,7 +3374,9 @@ const TEXTS = {
   copy: "Copy",
   paste: "Paste",
   removeDocumentSection: "Remove section",
-  createDocumentSection: "Create section"
+  createDocumentSection: "Create section",
+  trackChangesAccept: "Accept change",
+  trackChangesReject: "Reject change"
 };
 const tableActionsOptions = [
   {
@@ -3563,34 +3580,37 @@ async function getEditorContext(editor, event) {
   const isInSectionNode = structureFromResolvedPos?.isInSectionNode ?? selectionHasNodeOrMark(state, "documentSection", { requireEnds: true });
   const currentNodeType = node?.type?.name || null;
   const activeMarks = [];
+  let trackedChangeId = null;
   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));
+    const processMark = (mark) => {
+      if (!activeMarks.includes(mark.type.name)) {
+        activeMarks.push(mark.type.name);
+      }
+      if (!trackedChangeId && (mark.type.name === "trackInsert" || mark.type.name === "trackDelete" || mark.type.name === "trackFormat")) {
+        trackedChangeId = mark.attrs.id;
+      }
+    };
+    for (let depth = 0; depth <= $pos.depth; depth++) {
+      const nodeAtDepth = $pos.node(depth);
+      if (nodeAtDepth && nodeAtDepth.marks) {
+        nodeAtDepth.marks.forEach(processMark);
+      }
     }
-    if (node && node.marks) {
-      node.marks.forEach((mark) => activeMarks.push(mark.type.name));
+    if (state.storedMarks) {
+      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");
-  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 isTrackedChange = activeMarks.includes("trackInsert") || activeMarks.includes("trackDelete") || activeMarks.includes("trackFormat");
   const cursorCoords = pos ? view.coordsAtPos(pos) : null;
   const cursorPosition = cursorCoords ? {
     x: cursorCoords.left,
     y: cursorCoords.top
   } : null;
-  return {
+  const context = {
     // Selection info
     selectedText,
     hasSelection: !empty,
@@ -3616,9 +3636,11 @@ async function getEditorContext(editor, event) {
     pos,
     node,
     event,
+    trigger: event ? "click" : "slash",
     // Editor reference for advanced use cases
     editor
   };
+  return context;
 }
 function computeCanUndo(editor, state) {
   if (typeof editor?.can === "function") {
@@ -3699,160 +3721,209 @@ const isModuleEnabled = (editorOptions, moduleName) => {
   switch (moduleName) {
     case "ai":
       return !!editorOptions?.isAiEnabled;
-    // Example for future use cases
-    // case 'comments':
-    // return !!editorOptions?.isCommentsEnabled;
     default:
       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") {
+const shouldShowItem = (item, context) => {
+  if (typeof item.showWhen === "function") {
     try {
-      sections = slashMenuConfig.menuProvider(context, sections) || sections;
+      return item.showWhen(context);
     } catch (error) {
-      console.warn("[SlashMenu] Error in custom menuProvider:", error);
+      console.warn("[SlashMenu] showWhen error for item", item.id, ":", error);
+      return false;
     }
   }
-  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 = [
+};
+function getItems(context, customItems = [], includeDefaultItems = true) {
+  const { selectedText, editor } = context;
+  if (arguments.length === 1 && editor?.options?.slashMenuConfig) {
+    customItems = editor.options.slashMenuConfig.items || editor.options.slashMenuConfig.customItems || [];
+    includeDefaultItems = editor.options.slashMenuConfig.includeDefaultItems !== false;
+  }
+  const enhancedContext = {
+    ...context,
+    isInTable: context.isInTable ?? false,
+    isInSectionNode: context.isInSectionNode ?? false,
+    isTrackedChange: context.isTrackedChange ?? false,
+    clipboardContent: context.clipboardContent ?? { hasContent: false },
+    selectedText: context.selectedText ?? "",
+    hasSelection: context.hasSelection ?? Boolean(context.selectedText)
+  };
+  const defaultSections = [
     {
       id: "ai-content",
+      isDefault: true,
       items: [
         {
           id: "insert-text",
           label: selectedText ? TEXTS.replaceText : TEXTS.insertText,
           icon: ICONS.ai,
           component: AIWriter,
+          isDefault: true,
           action: (editor2) => {
             if (editor2?.commands && typeof editor2.commands?.insertAiMark === "function") {
               editor2.commands.insertAiMark();
             }
           },
-          allowedTriggers: [TRIGGERS.slash, TRIGGERS.click],
-          requiresModule: "ai"
+          showWhen: (context2) => {
+            const { trigger } = context2;
+            const allowedTriggers = [TRIGGERS.slash, TRIGGERS.click];
+            return allowedTriggers.includes(trigger) && isModuleEnabled(context2.editor?.options, "ai");
+          }
+        }
+      ]
+    },
+    {
+      id: "track-changes",
+      isDefault: true,
+      items: [
+        {
+          id: "track-changes-accept",
+          icon: ICONS.trackChangesAccept,
+          label: TEXTS.trackChangesAccept,
+          isDefault: true,
+          action: (editor2, context2) => {
+            if (context2?.trackedChangeId) {
+              editor2.commands.acceptTrackedChangeById(context2.trackedChangeId);
+            } else {
+              editor2.commands.acceptTrackedChangeBySelection();
+            }
+          },
+          showWhen: (context2) => {
+            const { trigger, isTrackedChange } = context2;
+            return trigger === TRIGGERS.click && isTrackedChange;
+          }
+        },
+        {
+          id: "track-changes-reject",
+          label: TEXTS.trackChangesReject,
+          icon: ICONS.trackChangesReject,
+          isDefault: true,
+          action: (editor2, context2) => {
+            if (context2?.trackedChangeId) {
+              editor2.commands.rejectTrackedChangeById(context2.trackedChangeId);
+            } else {
+              editor2.commands.rejectTrackedChangeOnSelection();
+            }
+          },
+          showWhen: (context2) => {
+            const { trigger, isTrackedChange } = context2;
+            return trigger === TRIGGERS.click && isTrackedChange;
+          }
         }
       ]
     },
     {
       id: "document-sections",
+      isDefault: true,
       items: [
         {
           id: "insert-document-section",
           label: TEXTS.createDocumentSection,
           icon: ICONS.addDocumentSection,
+          isDefault: true,
           action: (editor2) => {
             editor2.commands.createDocumentSection();
           },
-          allowedTriggers: [TRIGGERS.click]
+          showWhen: (context2) => {
+            const { trigger } = context2;
+            return trigger === TRIGGERS.click;
+          }
         },
         {
           id: "remove-section",
           label: TEXTS.removeDocumentSection,
           icon: ICONS.removeDocumentSection,
+          isDefault: true,
           action: (editor2) => {
             editor2.commands.removeSectionAtSelection();
           },
-          allowedTriggers: [TRIGGERS.click],
-          requiresSectionParent: true
+          showWhen: (context2) => {
+            const { trigger, isInSectionNode } = context2;
+            return trigger === TRIGGERS.click && isInSectionNode;
+          }
         }
       ]
     },
     {
       id: "general",
+      isDefault: true,
       items: [
         {
           id: "insert-link",
           label: TEXTS.insertLink,
           icon: ICONS.link,
           component: LinkInput,
-          allowedTriggers: [TRIGGERS.click]
+          isDefault: true,
+          showWhen: (context2) => {
+            const { trigger } = context2;
+            return trigger === TRIGGERS.click;
+          }
         },
         {
           id: "insert-table",
           label: TEXTS.insertTable,
           icon: ICONS.table,
           component: TableGrid,
-          allowedTriggers: [TRIGGERS.slash, TRIGGERS.click]
+          isDefault: true,
+          showWhen: (context2) => {
+            const { trigger, isInTable: isInTable2 } = context2;
+            const allowedTriggers = [TRIGGERS.slash, TRIGGERS.click];
+            return allowedTriggers.includes(trigger) && !isInTable2;
+          }
         },
         {
           id: "edit-table",
           label: TEXTS.editTable,
           icon: ICONS.table,
           component: TableActions,
-          allowedTriggers: [TRIGGERS.slash, TRIGGERS.click],
-          requiresTableParent: true
+          isDefault: true,
+          showWhen: (context2) => {
+            const { trigger, isInTable: isInTable2 } = context2;
+            const allowedTriggers = [TRIGGERS.slash, TRIGGERS.click];
+            return allowedTriggers.includes(trigger) && isInTable2;
+          }
         }
       ]
     },
     {
       id: "clipboard",
+      isDefault: true,
       items: [
         {
           id: "cut",
           label: TEXTS.cut,
           icon: ICONS.cut,
+          isDefault: true,
           action: (editor2) => {
             editor2.view.focus();
             document.execCommand("cut");
           },
-          allowedTriggers: [TRIGGERS.click],
-          requiresSelection: true
+          showWhen: (context2) => {
+            const { trigger, selectedText: selectedText2 } = context2;
+            return trigger === TRIGGERS.click && selectedText2;
+          }
         },
         {
           id: "copy",
           label: TEXTS.copy,
           icon: ICONS.copy,
+          isDefault: true,
           action: (editor2) => {
             editor2.view.focus();
             document.execCommand("copy");
           },
-          allowedTriggers: [TRIGGERS.click],
-          requiresSelection: true
+          showWhen: (context2) => {
+            const { trigger, selectedText: selectedText2 } = context2;
+            return trigger === TRIGGERS.click && selectedText2;
+          }
         },
         {
           id: "paste",
           label: TEXTS.paste,
           icon: ICONS.paste,
+          isDefault: true,
           action: async (editor2) => {
             try {
               const clipboardItems = await navigator.clipboard.read();
@@ -3866,7 +3937,7 @@ function getItems(context) {
                   text = await (await item.getType("text/plain")).text();
                 }
               }
-              const handled = handleClipboardPaste({ editor: editor2, view: editor2.view }, html, text);
+              const handled = handleClipboardPaste({ editor: editor2, view: editor2.view }, html);
               if (!handled) {
                 const dataTransfer = new DataTransfer();
                 if (html) dataTransfer.setData("text/html", html);
@@ -3882,30 +3953,52 @@ function getItems(context) {
               console.warn("Failed to paste:", error);
             }
           },
-          allowedTriggers: [TRIGGERS.click, TRIGGERS.slash],
-          requiresClipboard: true
+          showWhen: (context2) => {
+            const { trigger, clipboardContent } = context2;
+            const allowedTriggers = [TRIGGERS.click, TRIGGERS.slash];
+            const hasContent = clipboardContent?.hasContent || clipboardContent?.size > 0 || clipboardContent?.content?.size > 0;
+            return allowedTriggers.includes(trigger) && hasContent;
+          }
         }
       ]
     }
   ];
-  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 && !clipboardHasContent) return false;
-      if (item.requiresTableParent && !isInTable2 || item.id === "insert-table" && isInTable2) return false;
-      if (item.requiresSectionParent && !isInSectionNode) return false;
-      return true;
+  let allSections = [];
+  if (includeDefaultItems) {
+    allSections = [...defaultSections];
+  }
+  if (customItems.length > 0) {
+    customItems.forEach((customSection) => {
+      const existingSectionIndex = allSections.findIndex((section) => section.id === customSection.id);
+      if (existingSectionIndex !== -1) {
+        allSections[existingSectionIndex].items = [
+          ...allSections[existingSectionIndex].items,
+          ...customSection.items.map((item) => ({ ...item, isDefault: false }))
+        ];
+      } else {
+        allSections.push({
+          ...customSection,
+          isDefault: false,
+          items: customSection.items.map((item) => ({ ...item, isDefault: false }))
+        });
+      }
     });
+  }
+  if (editor?.options?.slashMenuConfig?.menuProvider) {
+    try {
+      allSections = editor.options.slashMenuConfig.menuProvider(enhancedContext, allSections) || allSections;
+    } catch (error) {
+      console.warn("[SlashMenu] menuProvider error:", error);
+    }
+  }
+  const filteredSections = allSections.map((section) => {
+    const filteredItems = section.items.filter((item) => shouldShowItem(item, enhancedContext));
     return {
       ...section,
       items: filteredItems
     };
   }).filter((section) => section.items.length > 0);
-  const finalSections = filterCustomItems(filteredSections, context);
-  return finalSections;
+  return filteredSections;
 }
 const _hoisted_1$3 = { class: "slash-menu-items" };
 const _hoisted_2$1 = {
@@ -3988,13 +4081,28 @@ const _sfc_main$4 = {
     });
     const customItemRefs = /* @__PURE__ */ new Map();
     const setCustomItemRef = (el, item) => {
-      if (el && item.render) {
+      if (el) {
         customItemRefs.set(item.id, { element: el, item });
         nextTick(() => {
           renderCustomItem(item.id);
         });
       }
     };
+    const defaultRender = (context) => {
+      const item = context.item || context.currentItem;
+      const container = document.createElement("div");
+      container.className = "slash-menu-default-content";
+      if (item.icon) {
+        const iconSpan = document.createElement("span");
+        iconSpan.className = "slash-menu-item-icon";
+        iconSpan.innerHTML = item.icon;
+        container.appendChild(iconSpan);
+      }
+      const labelSpan = document.createElement("span");
+      labelSpan.textContent = item.label;
+      container.appendChild(labelSpan);
+      return container;
+    };
     const renderCustomItem = async (itemId) => {
       const refData = customItemRefs.get(itemId);
       if (!refData || refData.element.hasCustomContent) return;
@@ -4003,8 +4111,9 @@ const _sfc_main$4 = {
         if (!currentContext.value) {
           currentContext.value = await getEditorContext(props.editor);
         }
-        const context = currentContext.value;
-        const customElement = item.render(context);
+        const contextWithItem = { ...currentContext.value, currentItem: item };
+        const renderFunction = item.render || defaultRender;
+        const customElement = renderFunction(contextWithItem);
         if (customElement instanceof HTMLElement) {
           element.innerHTML = "";
           element.appendChild(customElement);
@@ -4012,7 +4121,9 @@ const _sfc_main$4 = {
         }
       } catch (error) {
         console.warn(`[SlashMenu] Error rendering custom item ${itemId}:`, error);
-        element.innerHTML = `<span>${item.label || "Custom Item"}</span>`;
+        const fallbackElement = defaultRender({ ...currentContext.value || {}, currentItem: item });
+        element.innerHTML = "";
+        element.appendChild(fallbackElement);
         element.hasCustomContent = true;
       }
     };
@@ -4207,19 +4318,20 @@ const _sfc_main$4 = {
                   class: normalizeClass(["slash-menu-item", { "is-selected": item.id === selectedId.value }]),
                   onClick: ($event) => executeCommand(item)
                 }, [
-                  item.render ? (openBlock(), createElementBlock("div", {
-                    key: 0,
+                  createElementVNode("div", {
                     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))
+                  }, [
+                    !item.render ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      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)) : createCommentVNode("", true)
+                  ], 512)
                 ], 10, _hoisted_3$1);
               }), 128))
             ], 64);
@@ -4981,7 +5093,9 @@ const additionalHandlers = Object.freeze({
   "w:wAfter": translator$3,
   "w:wBefore": translator$2,
   "wp:anchor": translator$1,
-  "wp:inline": translator
+  "wp:inline": translator,
+  "w:commentRangeStart": commentRangeStartTranslator,
+  "w:commentRangeEnd": commentRangeEndTranslator
 });
 const baseHandlers = {
   ...runPropertyTranslators,
@@ -4998,7 +5112,7 @@ const Extensions = {
 export {
   AIWriter,
   n as AnnotatorHelpers,
-  bJ as BasicUpload,
+  bL as BasicUpload,
   C as CommentsPluginKey,
   D as DocxZipper,
   Editor,