@harbour-enterprises/superdoc 1.3.0-next.9 → 1.3.1-next.1

package/dist/chunks/{index-C0aR6iQ3.es.js → index-IUXq0EQx.es.js}

@@ -1,5 +1,5 @@
-import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-s5ZqooQe.es.js";
-import "./SuperConverter-lLx4GqcF.es.js";
+import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-DZF2SDeC.es.js";
+import "./SuperConverter-AxPNFosS.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CwrdEv8r.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -7448,7 +7448,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-GBLnj5Yg.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BVvi-ZEK.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -7489,6 +7489,7 @@ const _sfc_main = {
     commentsStore.proxy = proxy;
     const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
     const { uiFontFamily } = useUiFontFamily();
+    const isViewingMode = () => proxy?.$superdoc?.config?.documentMode === "viewing";
     const commentsModuleConfig = computed(() => {
       const config = modules.comments;
       if (config === false || config == null) return null;
@@ -7583,6 +7584,10 @@ const _sfc_main = {
         const commentsConfig = proxy.$superdoc.config.modules?.comments;
         if (!commentsConfig || commentsConfig === false) return;
         if (!positions || Object.keys(positions).length === 0) return;
+        if (isViewingMode()) {
+          commentsStore.clearEditorCommentPositions?.();
+          return;
+        }
         const mappedPositions = presentationEditor.getCommentBounds(positions, layers.value);
         handleEditorLocationsUpdate(mappedPositions);
       });
@@ -7602,6 +7607,13 @@ const _sfc_main = {
     const onEditorSelectionChange = ({ editor, transaction }) => {
       if (skipSelectionUpdate.value) {
         skipSelectionUpdate.value = false;
+        if (isViewingMode()) {
+          resetSelection();
+        }
+        return;
+      }
+      if (isViewingMode()) {
+        resetSelection();
         return;
       }
       const { documentId } = editor.options;
@@ -7780,6 +7792,10 @@ const _sfc_main = {
     const onEditorCommentLocationsUpdate = (doc, { allCommentIds: activeThreadId, allCommentPositions } = {}) => {
       const commentsConfig = proxy.$superdoc.config.modules?.comments;
       if (!commentsConfig || commentsConfig === false) return;
+      if (isViewingMode()) {
+        commentsStore.clearEditorCommentPositions?.();
+        return;
+      }
       const presentation = PresentationEditor.getInstance(doc.id);
       if (!presentation) {
         handleEditorLocationsUpdate(allCommentPositions, activeThreadId);
@@ -7835,11 +7851,12 @@ const _sfc_main = {
     };
     const isCommentsEnabled = computed(() => Boolean(commentsModuleConfig.value));
     const showCommentsSidebar = computed(() => {
+      if (isViewingMode()) return false;
       return pendingComment.value || getFloatingComments.value?.length > 0 && isReady.value && layers.value && isCommentsEnabled.value && !isCommentsListVisible.value;
     });
     const showToolsFloatingMenu = computed(() => {
       if (!isCommentsEnabled.value) return false;
-      return toolsMenuPosition.top && !getConfig.value?.readOnly;
+      return selectionPosition.value && toolsMenuPosition.top && !getConfig.value?.readOnly;
     });
     computed(() => {
       if (!isCommentsEnabled.value) return false;
@@ -7887,6 +7904,10 @@ const _sfc_main = {
       return style2;
     });
     const handleSelectionChange = (selection) => {
+      if (isViewingMode()) {
+        resetSelection();
+        return;
+      }
       if (!selection.selectionBounds || !isCommentsEnabled.value) return;
       resetSelection();
       const isMobileView = window.matchMedia("(max-width: 768px)").matches;
@@ -7912,12 +7933,14 @@ const _sfc_main = {
     };
     const resetSelection = () => {
       selectionPosition.value = null;
+      toolsMenuPosition.top = null;
     };
     const updateSelection = ({ startX, startY, x, y, source }) => {
       const hasStartCoords = typeof startX === "number" || typeof startY === "number";
       const hasEndCoords = typeof x === "number" || typeof y === "number";
       if (!hasStartCoords && !hasEndCoords) {
-        return selectionPosition.value = null;
+        resetSelection();
+        return;
       }
       if (!selectionPosition.value) {
         if (startY == null || startX == null) return;
@@ -8170,7 +8193,7 @@ const _sfc_main = {
     };
   }
 };
-const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e96f708"]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5196811d"]]);
 const createSuperdocVueApp = () => {
   const app = createApp(App);
   const pinia = createPinia();
@@ -8354,7 +8377,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.3.0-next.9";
+    this.version = "1.3.1-next.1";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/style.css

@@ -1796,7 +1796,7 @@ to {
   align-items: center;
   margin-right: 10px;
 }
-.slash-menu-item-icon svg {
+.slash-menu .slash-menu-item-icon svg {
   height: 12px;
   width: 12px;
 }
@@ -1978,10 +1978,10 @@ to {
   box-shadow: 0 0 4px rgba(74, 144, 226, 0.5);
 }
 
-.editor-element[data-v-8dd4cf59] {
+.editor-element[data-v-f5c4f915] {
   position: relative;
 }
-.super-editor-container[data-v-8dd4cf59] {
+.super-editor-container[data-v-f5c4f915] {
   width: auto;
   height: auto;
   /* min-width is controlled via inline style (containerStyle) to scale with zoom */
@@ -1990,14 +1990,20 @@ to {
   display: flex;
   flex-direction: column;
 }
-.ruler[data-v-8dd4cf59] {
+.ruler-host[data-v-f5c4f915] {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  box-sizing: border-box;
+}
+.ruler[data-v-f5c4f915] {
   margin-bottom: 2px;
 }
-.super-editor[data-v-8dd4cf59] {
+.super-editor[data-v-f5c4f915] {
   color: initial;
   overflow: hidden;
 }
-.placeholder-editor[data-v-8dd4cf59] {
+.placeholder-editor[data-v-f5c4f915] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2009,7 +2015,7 @@ to {
   background-color: white;
   box-sizing: border-box;
 }
-.placeholder-title[data-v-8dd4cf59] {
+.placeholder-title[data-v-f5c4f915] {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;
@@ -2553,46 +2559,46 @@ img[data-v-7dd69850] {
   display: none;
 }
 
-.superdoc[data-v-1e96f708] {
+.superdoc[data-v-5196811d] {
   display: flex;
 }
-.right-sidebar[data-v-1e96f708] {
+.right-sidebar[data-v-5196811d] {
   min-width: 320px;
 }
-.floating-comments[data-v-1e96f708] {
+.floating-comments[data-v-5196811d] {
   min-width: 300px;
   width: 300px;
 }
-.superdoc__layers[data-v-1e96f708] {
+.superdoc__layers[data-v-5196811d] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-1e96f708] {
+.superdoc__document[data-v-5196811d] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-1e96f708] {
+.superdoc__sub-document[data-v-5196811d] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-1e96f708] {
+.superdoc__selection-layer[data-v-5196811d] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   z-index: 10;
   pointer-events: none;
 }
-.superdoc__temp-selection[data-v-1e96f708] {
+.superdoc__temp-selection[data-v-5196811d] {
   position: absolute;
 }
-.superdoc__comments-layer[data-v-1e96f708] {
+.superdoc__comments-layer[data-v-5196811d] {
   /* position: absolute; */
   top: 0;
   height: 100%;
   position: relative;
 }
-.superdoc__right-sidebar[data-v-1e96f708] {
+.superdoc__right-sidebar[data-v-5196811d] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -2602,14 +2608,14 @@ img[data-v-7dd69850] {
 }
 
 /* Tools styles */
-.tools[data-v-1e96f708] {
+.tools[data-v-5196811d] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
-.tools .tool-icon[data-v-1e96f708] {
+.tools .tool-icon[data-v-5196811d] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -2617,7 +2623,7 @@ img[data-v-7dd69850] {
   background-color: #dbdbdb;
   cursor: pointer;
 }
-.tools-item[data-v-1e96f708] {
+.tools-item[data-v-5196811d] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2627,10 +2633,10 @@ img[data-v-7dd69850] {
   border-radius: 12px;
   cursor: pointer;
 }
-.tools-item i[data-v-1e96f708] {
+.tools-item i[data-v-5196811d] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-1e96f708] {
+.superdoc__tools-icon[data-v-5196811d] {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
@@ -2645,15 +2651,15 @@ img[data-v-7dd69850] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-1e96f708] {
+.superdoc .superdoc__layers[data-v-5196811d] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-1e96f708] {
+.superdoc__sub-document[data-v-5196811d] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-1e96f708] {
+.superdoc__right-sidebar[data-v-5196811d] {
     padding: 10px;
     width: 55px;
     position: relative;
@@ -2661,7 +2667,7 @@ img[data-v-7dd69850] {
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-1e96f708] {
+.ai-writer-container[data-v-5196811d] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -2679,13 +2685,13 @@ img[data-v-7dd69850] {
 } */
 
 /* Tools styles */
-.tools[data-v-1e96f708] {
+.tools[data-v-5196811d] {
   position: absolute;
   z-index: 3;
   display: flex;
   gap: 6px;
 }
-.tools .tool-icon[data-v-1e96f708] {
+.tools .tool-icon[data-v-5196811d] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -2693,7 +2699,7 @@ img[data-v-7dd69850] {
   background-color: #dbdbdb;
   cursor: pointer;
 }
-.tools-item[data-v-1e96f708] {
+.tools-item[data-v-5196811d] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2704,18 +2710,18 @@ img[data-v-7dd69850] {
   border-radius: 12px;
   cursor: pointer;
 }
-.tools-item i[data-v-1e96f708] {
+.tools-item i[data-v-5196811d] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-1e96f708] {
+.superdoc__tools-icon[data-v-5196811d] {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
 }
-.ai-tool > svg[data-v-1e96f708] {
+.ai-tool > svg[data-v-5196811d] {
   fill: transparent;
 }
-.ai-tool[data-v-1e96f708]::before {
+.ai-tool[data-v-5196811d]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -2736,7 +2742,7 @@ img[data-v-7dd69850] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-1e96f708]:hover::before {
+.ai-tool[data-v-5196811d]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/super-editor/converter.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunks/jszip-C8_CqJxM.cjs");
 require("../chunks/helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("../chunks/SuperConverter-BuhT_Z5G.cjs");
+const superEditor_converter = require("../chunks/SuperConverter-rwP6nlvC.cjs");
 require("../chunks/uuid-R7L08bOx.cjs");
 exports.SuperConverter = superEditor_converter.SuperConverter;

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

@@ -1,6 +1,6 @@
 import "../chunks/jszip-B1fkPkPJ.es.js";
 import "../chunks/helpers-C8e9wR5l.es.js";
-import { S } from "../chunks/SuperConverter-lLx4GqcF.es.js";
+import { S } from "../chunks/SuperConverter-AxPNFosS.es.js";
 import "../chunks/uuid-CjlX8hrF.es.js";
 export {
   S as SuperConverter

package/dist/super-editor.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index-CqzJ4gdV.cjs");
+const index = require("./chunks/index-Ccw24rQt.cjs");
 const superEditor_docxZipper = require("./super-editor/docx-zipper.cjs");
 const superEditor_fileZipper = require("./super-editor/file-zipper.cjs");
 const vue = require("./chunks/vue-De9wkgLl.cjs");
-const superEditor_converter = require("./chunks/SuperConverter-BuhT_Z5G.cjs");
+const superEditor_converter = require("./chunks/SuperConverter-rwP6nlvC.cjs");
 function isNodeType(node, name) {
   return node.type.name === name;
 }

package/dist/super-editor.es.js

@@ -1,9 +1,9 @@
-import { ax as Node, ay as Mark } from "./chunks/index-s5ZqooQe.es.js";
-import { ao, au, a9, ab, aw, am, av, aA, an, ak, aq, az, aa, as, aC, aE, aB, ac, aD, ar, at } from "./chunks/index-s5ZqooQe.es.js";
+import { ax as Node, ay as Mark } from "./chunks/index-DZF2SDeC.es.js";
+import { ao, au, a9, ab, aw, am, av, aA, an, ak, aq, az, aa, as, aC, aE, aB, ac, aD, ar, at } from "./chunks/index-DZF2SDeC.es.js";
 import { default as default2 } from "./super-editor/docx-zipper.es.js";
 import { createZip } from "./super-editor/file-zipper.es.js";
 import { d as defineComponent, E as createElementBlock, G as openBlock, K as createBaseVNode } from "./chunks/vue-BnBKJwCW.es.js";
-import { S, r } from "./chunks/SuperConverter-lLx4GqcF.es.js";
+import { S, r } from "./chunks/SuperConverter-AxPNFosS.es.js";
 function isNodeType(node, name) {
   return node.type.name === name;
 }

package/dist/superdoc.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index-CqzJ4gdV.cjs");
-const superdoc = require("./chunks/index-Dgo4AYNb.cjs");
-const superEditor_converter = require("./chunks/SuperConverter-BuhT_Z5G.cjs");
+const index = require("./chunks/index-Ccw24rQt.cjs");
+const superdoc = require("./chunks/index-BmwaXglr.cjs");
+const superEditor_converter = require("./chunks/SuperConverter-rwP6nlvC.cjs");
 const blankDocx = require("./chunks/blank-docx-DfW3Eeh2.cjs");
 require("./chunks/jszip-C8_CqJxM.cjs");
 require("./chunks/helpers-nOdwpmwb.cjs");

package/dist/superdoc.es.js

@@ -1,6 +1,6 @@
-import { au, ab, aw, av, as, a7, ac, ar, at } from "./chunks/index-s5ZqooQe.es.js";
-import { D, H, P, S, c } from "./chunks/index-C0aR6iQ3.es.js";
-import { S as S2, r } from "./chunks/SuperConverter-lLx4GqcF.es.js";
+import { au, ab, aw, av, as, a7, ac, ar, at } from "./chunks/index-DZF2SDeC.es.js";
+import { D, H, P, S, c } from "./chunks/index-IUXq0EQx.es.js";
+import { S as S2, r } from "./chunks/SuperConverter-AxPNFosS.es.js";
 import { B } from "./chunks/blank-docx-ABm6XYAA.es.js";
 import "./chunks/jszip-B1fkPkPJ.es.js";
 import "./chunks/helpers-C8e9wR5l.es.js";