@harbour-enterprises/superdoc 1.0.0-next.1 → 1.0.0-next.10

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

@@ -1,4 +1,4 @@
-import { ac } from "./chunks/converter-BS4FD8AG.js";
+import { ac } from "./chunks/converter-BavE2jnW.js";
 export {
   ac as SuperConverter
 };

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

@@ -1,5 +1,5 @@
-import "./chunks/converter-BS4FD8AG.js";
-import { D } from "./chunks/docx-zipper-DpiCpt0d.js";
+import "./chunks/converter-BavE2jnW.js";
+import { D } from "./chunks/docx-zipper-CY4M19qa.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-BeacbTQe.js";
-import "./chunks/converter-BS4FD8AG.js";
-import "./chunks/docx-zipper-DpiCpt0d.js";
+import { E } from "./chunks/editor-Cslr04KI.js";
+import "./chunks/converter-BavE2jnW.js";
+import "./chunks/docx-zipper-CY4M19qa.js";
 export {
   E as Editor
 };

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

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-DpiCpt0d.js";
+import { J as JSZip } from "./chunks/docx-zipper-CY4M19qa.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/style.css

@@ -282,36 +282,37 @@
   border-radius: 8px !important;
 }
 
-.button-group[data-v-c80a1e51] {
+.button-group[data-v-f732136c] {
   display: flex;
 }
 
-.superdoc-toolbar[data-v-3f5ec271] {
+.superdoc-toolbar[data-v-c7a72aa9] {
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: 4px 16px;
   box-sizing: border-box;
+  font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
 }
 @media (max-width: 1280px) {
-.superdoc-toolbar-group-side[data-v-3f5ec271] {
+.superdoc-toolbar-group-side[data-v-c7a72aa9] {
     min-width: auto !important;
 }
 }
 @media (max-width: 768px) {
-.superdoc-toolbar[data-v-3f5ec271] {
+.superdoc-toolbar[data-v-c7a72aa9] {
     padding: 4px 10px;
     justify-content: inherit;
 }
 }
 
 /* Add isolation styles */
-.prosemirror-isolated[data-v-d869be75] {
+.prosemirror-isolated[data-v-a4bc3d14] {
   /* Make sure the component is above ProseMirror in z-index */
   z-index: 100;
   position: relative;
 }
-.ai-writer[data-v-d869be75] {
+.ai-writer[data-v-a4bc3d14] {
   background-color: white;
   display: flex;
   flex-direction: column;
@@ -329,12 +330,12 @@
 }
 
 /* Chrome, Safari, and Opera */
-.ai-writer[data-v-d869be75]::-webkit-scrollbar {
+.ai-writer[data-v-a4bc3d14]::-webkit-scrollbar {
   display: none;
 }
 
 /* Replace .ai-editable with .ai-textarea */
-.ai-textarea[data-v-d869be75] {
+.ai-textarea[data-v-a4bc3d14] {
   padding-left: 8px;
   width: 100%;
   color: #47484a;
@@ -345,15 +346,15 @@
   resize: none;
   overflow: hidden;
   height: 100%;
-  font-family: Inter, sans-serif;
+  font-family: var(--sd-ui-font-family, Arial, Helvetica, sans-serif);
 }
 
 /* Add specific styles for textarea placeholder */
-.ai-textarea[data-v-d869be75]::placeholder {
+.ai-textarea[data-v-a4bc3d14]::placeholder {
   color: #666;
   font-weight: 400;
 }
-.ai-user-input-field[data-v-d869be75] {
+.ai-user-input-field[data-v-a4bc3d14] {
   line-height: 13px;
   display: flex;
   flex-direction: row;
@@ -363,27 +364,27 @@
   border-radius: 8px;
   margin-bottom: 10px;
 }
-.ai-textarea-icon[data-v-d869be75] {
+.ai-textarea-icon[data-v-a4bc3d14] {
   display: block;
   font-weight: 800;
   font-size: 14px;
   width: 16px;
   height: 16px;
 }
-.ai-textarea-icon svg[data-v-d869be75] {
+.ai-textarea-icon svg[data-v-a4bc3d14] {
   height: 16px;
   width: 16px;
 }
-.ai-textarea-icon.loading[data-v-d869be75] {
-  animation: spin-d869be75 2s linear infinite;
+.ai-textarea-icon.loading[data-v-a4bc3d14] {
+  animation: spin-a4bc3d14 2s linear infinite;
 }
-.loading i[data-v-d869be75] {
+.loading i[data-v-a4bc3d14] {
   display: flex;
 }
-.error[data-v-d869be75] {
+.error[data-v-a4bc3d14] {
   fill: #ed4337;
 }
-.ai-submit-button[data-v-d869be75] {
+.ai-submit-button[data-v-a4bc3d14] {
   border: none;
   padding: 0;
   margin: 0;
@@ -391,10 +392,10 @@
   display: flex;
   align-items: center;
 }
-.ai-submit-button[data-v-d869be75]:hover {
+.ai-submit-button[data-v-a4bc3d14]:hover {
   opacity: 0.8;
 }
-@keyframes spin-d869be75 {
+@keyframes spin-a4bc3d14 {
 from {
     transform: rotate(0deg);
 }
@@ -402,7 +403,7 @@ to {
     transform: rotate(360deg);
 }
 }
-.ai-loader[data-v-d869be75] {
+.ai-loader[data-v-a4bc3d14] {
   display: flex;
   height: 14px;
   justify-content: flex-end;

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 { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, at as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, an as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-BS4FD8AG.js";
-import { ac, i, a9, aQ } from "./chunks/converter-BS4FD8AG.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 generateRulerDefinition, n as clampHandlePosition, o as calculateMarginFromHandle, p as measureCache, q as isHeadless, E as Editor, t as getStarterExtensions, P as PresentationEditor, v as Placeholder, w as getRichTextExtensions, D as DecorationSet, x as Decoration, M as Mark, z as Extension, A as Attribute, N as Node } from "./chunks/editor-BeacbTQe.js";
-import { F, I, G, T, B, H, C } from "./chunks/editor-BeacbTQe.js";
+import { aK as getDefaultExportFromCjs, a0 as v4, T as TextSelection$1, v as getMarkRange, aN as vClickOutside, aO as getActiveFormatting, aD as isInTable, O as findParentNode, at as calculateResolvedParagraphProperties, a7 as twipsToLines, Q as isList, an as parseSizeUnit, a8 as pixelsToTwips, aP as getFileObject, P as PluginKey, a as Plugin } from "./chunks/converter-BavE2jnW.js";
+import { ac, i, a9, aQ } from "./chunks/converter-BavE2jnW.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 generateRulerDefinition, n as clampHandlePosition, o as calculateMarginFromHandle, p as measureCache, q as isHeadless, E as Editor, t as getStarterExtensions, P as PresentationEditor, v as Placeholder, w as getRichTextExtensions, D as DecorationSet, x as Decoration, M as Mark, z as Extension, A as Attribute, N as Node } from "./chunks/editor-Cslr04KI.js";
+import { F, I, G, T, B, H, C } from "./chunks/editor-Cslr04KI.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, Teleport, 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-BNQDvBCn.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-Zdgn--Js.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-DpiCpt0d.js";
+import { D } from "./chunks/docx-zipper-CY4M19qa.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -2860,6 +2860,10 @@ const _SuperToolbar = class _SuperToolbar extends EventEmitter {
       this.config.selector = this.config.element;
     }
     this.toolbarContainer = this.findElementBySelector(this.config.selector);
+    if (this.toolbarContainer) {
+      const uiFontFamily = (this.config?.uiDisplayFallbackFont || "").toString().trim() || "Arial, Helvetica, sans-serif";
+      this.toolbarContainer.style.setProperty("--sd-ui-font-family", uiFontFamily);
+    }
     __privateMethod(this, _SuperToolbar_instances, initToolbarGroups_fn).call(this);
     __privateMethod(this, _SuperToolbar_instances, makeToolbarItems_fn).call(this, {
       superToolbar: this,
@@ -4067,9 +4071,9 @@ function getItems(context, customItems = [], includeDefaultItems = true) {
           action: (editor2) => {
             editor2.commands.createDocumentSection();
           },
-          showWhen: (context2) => {
-            const { trigger } = context2;
-            return trigger === TRIGGERS.click;
+          // TODO: Temporarily disabled - restore original: `return trigger === TRIGGERS.click;`
+          showWhen: () => {
+            return false;
           }
         },
         {
@@ -4407,19 +4411,31 @@ const _sfc_main$8 = {
         return;
       }
       event.preventDefault();
-      moveCursorToMouseEvent(event, props.editor);
+      const editorState = props.editor?.state;
+      const hasRangeSelection = editorState?.selection?.from !== editorState?.selection?.to;
+      let isClickInsideSelection = false;
+      if (hasRangeSelection && Number.isFinite(event.clientX) && Number.isFinite(event.clientY)) {
+        const hit = props.editor?.posAtCoords?.({ left: event.clientX, top: event.clientY });
+        if (typeof hit?.pos === "number") {
+          const { from, to } = editorState.selection;
+          isClickInsideSelection = hit.pos >= from && hit.pos <= to;
+        }
+      }
+      if (!isClickInsideSelection) {
+        moveCursorToMouseEvent(event, props.editor);
+      }
       try {
         const context = await getEditorContext(props.editor, event);
         currentContext.value = context;
         sections.value = getItems({ ...context, trigger: "click" });
         selectedId.value = flattenedItems.value[0]?.id || null;
         searchQuery.value = "";
-        const state = props.editor.state;
-        if (!state) return;
+        const currentState = props.editor.state;
+        if (!currentState) return;
         props.editor.dispatch(
-          state.tr.setMeta(SlashMenuPluginKey, {
+          currentState.tr.setMeta(SlashMenuPluginKey, {
             type: "open",
-            pos: context?.pos ?? state.selection.from,
+            pos: context?.pos ?? currentState.selection.from,
             clientX: event.clientX,
             clientY: event.clientY
           })
@@ -4432,12 +4448,21 @@ const _sfc_main$8 = {
       if (props.editor) {
         item.action ? await item.action(props.editor, currentContext.value) : null;
         if (item.component) {
-          menuRef.value;
+          const menuElement = menuRef.value;
           const componentProps = getPropsByItemId(item.id, props);
-          props.openPopover(markRaw(item.component), componentProps, {
-            left: menuPosition.value.left,
-            top: menuPosition.value.top
-          });
+          let popoverPosition = { left: menuPosition.value.left, top: menuPosition.value.top };
+          if (menuElement) {
+            const menuRect = menuElement.getBoundingClientRect();
+            const container = menuElement.closest(".super-editor");
+            if (container) {
+              const containerRect = container.getBoundingClientRect();
+              popoverPosition = {
+                left: `${menuRect.left - containerRect.left}px`,
+                top: `${menuRect.top - containerRect.top}px`
+              };
+            }
+          }
+          props.openPopover(markRaw(item.component), componentProps, popoverPosition);
           closeMenu({ restoreCursor: false });
         } else {
           const shouldRestoreCursor = item.id !== "paste";

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-BNQDvBCn.js";
-import "./chunks/editor-BeacbTQe.js";
+import { T } from "./chunks/toolbar-Zdgn--Js.js";
+import "./chunks/editor-Cslr04KI.js";
 export {
   T as default
 };

package/dist/super-editor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-CjRtsxTt.cjs");
+const superEditor_es = require("./chunks/super-editor.es-BQQuazyp.cjs");
 require("./chunks/vue-jWLMl8Ts.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;

package/dist/super-editor.es.js

@@ -1,5 +1,5 @@
-import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-D0WByw5h.es.js";
-import "./chunks/vue-Dysv_7z5.es.js";
+import { A, a, _, C, D, E, b, P, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-DKr759cY.es.js";
+import "./chunks/vue-BuPTonTJ.es.js";
 export {
   A as AIWriter,
   a as AnnotatorHelpers,

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-CjRtsxTt.cjs");
-const superdoc = require("./chunks/index-CZ4149Px.cjs");
+const superEditor_es = require("./chunks/super-editor.es-BQQuazyp.cjs");
+const superdoc = require("./chunks/index-4FiyZ-0E.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;
 exports.Editor = superEditor_es.Editor;

package/dist/superdoc.es.js

@@ -1,5 +1,5 @@
-import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-D0WByw5h.es.js";
-import { D, H, P, S as S2, m, l } from "./chunks/index-Cl0tjE1C.es.js";
+import { a, E, b, S, d, i, j, n, r, p, q } from "./chunks/super-editor.es-DKr759cY.es.js";
+import { D, H, P, S as S2, m, l } from "./chunks/index-1n6qegaQ.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 export {
   a as AnnotatorHelpers,