@harbour-enterprises/superdoc 0.29.0-next.15 → 0.29.0-next.17

package/dist/chunks/{PdfViewer-B7X4xur3.cjs → PdfViewer-DYxoL3aX.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-BQxRC6G7.cjs");
-const superdoc = require("./index-CCVmXx2r.cjs");
+const superdoc = require("./index-Cp4ihfTg.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-BL9hLN-A.es.js → PdfViewer-cB0Wc125.es.js}

@@ -1,5 +1,5 @@
 import { m as defineComponent, y as h, O as Transition, $ as process$1, J as watchEffect, a as computed, r as ref, j as onMounted, W as onUnmounted, b as createElementBlock, o as openBlock, f as createBaseVNode, e as createCommentVNode, v as createVNode, x as unref } from "./vue-D1vcEBAQ.es.js";
-import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-CCTDIDk7.es.js";
+import { d as derived, c, a as cB, f as fadeInTransition, b as cM, N as NBaseLoading, w as warnOnce, u as useConfig, e as useTheme, p as pxfy, g as createKey, h as useThemeClass, i as useCompitable, _ as _export_sfc, j as useSuperdocStore, s as storeToRefs, k as useSelection } from "./index-BkH3Ewpn.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-CCTDIDk7.es.js → index-BkH3Ewpn.es.js}

@@ -1,4 +1,4 @@
-import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-LUVoGFZl.es.js";
+import { q as index, C as CommentsPluginKey, h as TrackChangesBasePluginKey, E as Editor, n as getRichTextExtensions, f as SuperInput, e as SuperEditor, A as AIWriter, g as SuperToolbar, i as createZip } from "./super-editor.es-DbVz9iFq.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-D4gv5QOO.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
@@ -17201,7 +17201,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-BL9hLN-A.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-cB0Wc125.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17965,7 +17965,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.29.0-next.15";
+    this.version = "0.29.0-next.17";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-x0B8ORNX--SLHZ7wS.es.js → index-CdXg92JS-CoYVY9yT.es.js}

@@ -1,4 +1,4 @@
-import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-LUVoGFZl.es.js";
+import { s as getDefaultExportFromCjs$2 } from "./super-editor.es-DbVz9iFq.es.js";
 import { V as VFile } from "./index-CvBqQJbG-CvBqQJbG.es.js";
 function bail(error) {
   if (error) {

package/dist/chunks/{index-x0B8ORNX-D9kjqjf9.cjs → index-CdXg92JS-rI1se8w8.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./super-editor.es-BkV-6f5K.cjs");
+const superEditor_es = require("./super-editor.es-GK0HIFwy.cjs");
 const indexCvBqQJbG = require("./index-CvBqQJbG-Dwm0THD7.cjs");
 function bail(error) {
   if (error) {

package/dist/chunks/{index-CCVmXx2r.cjs → index-Cp4ihfTg.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-BkV-6f5K.cjs");
+const superEditor_es = require("./super-editor.es-GK0HIFwy.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BvTILlBo.cjs");
 const provider = require("@hocuspocus/provider");
@@ -17218,7 +17218,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-B7X4xur3.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DYxoL3aX.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -17982,7 +17982,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "0.29.0-next.15";
+    this.version = "0.29.0-next.17";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;

package/dist/chunks/{super-editor.es-LUVoGFZl.es.js → super-editor.es-DbVz9iFq.es.js}

@@ -35764,7 +35764,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.29.0-next.15") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.29.0-next.17") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -38886,14 +38886,14 @@ class DocxZipper {
     const zip = await this.zip.loadAsync(file);
     return zip;
   }
-  async updateZip({ docx, updatedDocs, originalDocxFile, media, fonts, isHeadless }) {
+  async updateZip({ docx, updatedDocs, originalDocxFile, media, fonts, isHeadless: isHeadless2 }) {
     let zip;
     if (originalDocxFile) {
       zip = await this.exportFromOriginalFile(originalDocxFile, updatedDocs, media);
     } else {
       zip = await this.exportFromCollaborativeDocx(docx, updatedDocs, media, fonts);
     }
-    const exportType = isHeadless ? "nodebuffer" : "blob";
+    const exportType = isHeadless2 ? "nodebuffer" : "blob";
     return await zip.generateAsync({ type: exportType });
   }
   /**
@@ -50629,9 +50629,15 @@ const applyStyleIsolationClass = (target) => {
   if (!target || !target.classList) return;
   target.classList.add(STYLE_ISOLATION_CLASS);
 };
+const isHeadless = (editor) => {
+  return editor?.options?.isHeadless ?? false;
+};
+const shouldSkipNodeView = (editor) => {
+  return isHeadless(editor);
+};
 const PaginationPluginKey = new PluginKey("paginationPlugin");
 const initPaginationData = async (editor) => {
-  if (!editor.converter) return;
+  if (isHeadless(editor) || !editor.converter) return;
   const sectionData = { headers: {}, footers: {} };
   const headerIds = editor.converter.headerIds.ids;
   const footerIds = editor.converter.footerIds.ids;
@@ -50767,6 +50773,7 @@ const broadcastEditorEvents = (editor, sectionEditor) => {
   });
 };
 const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode, documentMode }) => {
+  if (isHeadless(editor)) return;
   editor.converter.headerEditors.forEach((item) => {
     item.editor.setEditable(isEditMode, false);
     item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
@@ -53836,10 +53843,12 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     };
     if ("orientation" in screen && "addEventListener" in screen.orientation) {
       screen.orientation.addEventListener("change", handleResize);
-    } else {
+    } else if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
       window.matchMedia("(orientation: portrait)").addEventListener("change", handleResize);
     }
-    window.addEventListener("resize", () => handleResize);
+    if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
+      window.addEventListener("resize", () => handleResize);
+    }
   }
   /**
    * Get document identifier for telemetry (async - may generate hash)
@@ -53953,7 +53962,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      import("./index-x0B8ORNX--SLHZ7wS.es.js"),
+      import("./index-CdXg92JS-CoYVY9yT.es.js"),
       import("./index-DRCvimau-Cw339678.es.js"),
       import("./index-C_x_N6Uh-DJn8hIEt.es.js"),
       import("./index-D_sWOSiG-DE96TaT5.es.js"),
@@ -54005,7 +54014,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       this.initDefaultStyles();
       hasMadeUpdate = true;
     }
-    if (hasMadeUpdate) {
+    if (hasMadeUpdate && !isHeadless(this)) {
       const newTr = this.view.state.tr;
       newTr.setMeta("forceUpdatePagination", true);
       this.view.dispatch(newTr);
@@ -54171,7 +54180,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.29.0-next.15");
+    console.debug("[checkVersionMigrations] Current editor version", "0.29.0-next.17");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -54605,16 +54614,18 @@ createView_fn = function(element) {
     handleClick: __privateMethod$1(this, _Editor_instances, handleNodeSelection_fn).bind(this),
     handleDoubleClick: async (view, pos, event) => {
       if (this.options.documentMode !== "editing") return;
-      const isHeader = hasSomeParentWithClass(event.target, "pagination-section-header");
-      const isFooter = hasSomeParentWithClass(event.target, "pagination-section-footer");
-      if (isHeader || isFooter) {
-        const eventClone = new event.constructor(event.type);
-        event.target.dispatchEvent(eventClone);
-        if (this.options.isHeaderOrFooter && this.options.editable) setWordSelection(view, pos);
-        return;
+      if (!isHeadless(this)) {
+        const isHeader = hasSomeParentWithClass(event.target, "pagination-section-header");
+        const isFooter = hasSomeParentWithClass(event.target, "pagination-section-footer");
+        if (isHeader || isFooter) {
+          const eventClone = new event.constructor(event.type);
+          event.target.dispatchEvent(eventClone);
+          if (this.options.isHeaderOrFooter && this.options.editable) setWordSelection(view, pos);
+          return;
+        }
       }
       event.stopPropagation();
-      if (!this.options.editable) {
+      if (!this.options.editable && !isHeadless(this)) {
         this.setEditable(true, false);
         toggleHeaderFooterEditMode({
           editor: this,
@@ -59250,9 +59261,6 @@ function orderedListSync(editor) {
     }
   });
 }
-const shouldSkipNodeView = (editor) => {
-  return editor.options.isHeadless;
-};
 const ListItem = Node$1.create({
   name: "listItem",
   content: "paragraph* block*",
@@ -65224,7 +65232,7 @@ const FieldAnnotation = Node$1.create({
         }
         if (dispatch) {
           commands2.updateFieldAnnotationsAttributes([annotation], attrs);
-          if (this.editor.options.pagination) {
+          if (this.editor.options.pagination && !isHeadless(this.editor)) {
             setTimeout(() => {
               const newTr = this.editor.view.state.tr;
               newTr.setMeta("forceUpdatePagination", true);
@@ -67161,7 +67169,9 @@ const PageNumber = Node$1.create({
         const pageNumberNode = schema.nodeFromJSON(pageNumberNodeJSON);
         if (dispatch) {
           tr.replaceSelectionWith(pageNumberNode, false);
-          tr.setMeta("forceUpdatePagination", true);
+          if (!isHeadless(editor)) {
+            tr.setMeta("forceUpdatePagination", true);
+          }
         }
         return true;
       }
@@ -75828,6 +75838,10 @@ const Pagination = Extension.create({
     };
   },
   addCommands() {
+    const editor = this.editor;
+    if (isHeadless(editor)) {
+      return {};
+    }
     return {
       insertPageBreak: () => ({ commands: commands2 }) => {
         return commands2.insertContent({
@@ -75838,20 +75852,26 @@ const Pagination = Extension.create({
        * Toggle pagination on/off
        * @returns {void}
        */
-      togglePagination: () => ({ tr, state: state2, dispatch, editor }) => {
+      togglePagination: () => ({ tr, state: state2, dispatch, editor: editor2 }) => {
         const isEnabled = PaginationPluginKey.getState(state2)?.isEnabled;
         tr.setMeta(PaginationPluginKey, { isEnabled: !isEnabled });
         if (dispatch) {
           dispatch(tr);
-          editor.initDefaultStyles(editor.element, !isEnabled);
+          editor2.initDefaultStyles(editor2.element, !isEnabled);
           return true;
         }
       }
     };
   },
   addShortcuts() {
+    const editor = this.editor;
+    if (isHeadless(editor)) {
+      return {};
+    }
     return {
-      "Mod-Enter": () => this.editor.commands.insertPageBreak()
+      "Mod-Enter": () => {
+        return editor.commands.insertPageBreak();
+      }
     };
   },
   /**
@@ -75859,6 +75879,9 @@ const Pagination = Extension.create({
    */
   addPmPlugins() {
     const editor = this.editor;
+    if (isHeadless(editor)) {
+      return [];
+    }
     let isUpdating = false;
     let shouldUpdate = false;
     let hasInitialized = false;
@@ -75874,7 +75897,7 @@ const Pagination = Extension.create({
             isReadyToInit: false,
             decorations: DecorationSet.empty,
             isDebugging,
-            isEnabled: editor.options.pagination
+            isEnabled: editor.options.pagination && !isHeadless(editor)
           };
         },
         apply(tr, oldState, prevEditorState, newEditorState) {
@@ -75952,6 +75975,7 @@ const Pagination = Extension.create({
         let previousDecorations = DecorationSet.empty;
         return {
           update: (view) => {
+            if (isHeadless(editor)) return;
             if (!PaginationPluginKey.getState(view.state)?.isEnabled) return;
             if (!shouldUpdate || isUpdating) return;
             const performPaginationUpdate = () => {
@@ -75975,6 +75999,7 @@ const Pagination = Extension.create({
       },
       props: {
         decorations(state2) {
+          if (isHeadless(editor)) return DecorationSet.empty;
           const pluginState = PaginationPluginKey.getState(state2);
           return pluginState.isEnabled ? pluginState.decorations : DecorationSet.empty;
         }
@@ -76343,7 +76368,7 @@ const getHeaderFooterEditorKey = ({ pageNumber, isHeader, isFooter, isFirstHeade
   return void 0;
 };
 const onHeaderFooterDblClick = (editor, currentFocusedSectionEditor) => {
-  if (editor.options.documentMode !== "editing") return;
+  if (isHeadless(editor) || editor.options.documentMode !== "editing") return;
   editor.setEditable(false, false);
   toggleHeaderFooterEditMode({
     editor,
@@ -76415,6 +76440,7 @@ function getActualBreakCoords(view, pos, calculatedThreshold) {
   return actualBreak;
 }
 const onImageLoad = (editor) => {
+  if (isHeadless(editor)) return;
   if (typeof requestAnimationFrame !== "function") return;
   requestAnimationFrame(() => {
     const newTr = editor.view.state.tr;
@@ -77254,9 +77280,9 @@ const NodeResizer = Extension.create({
     return {};
   },
   addPmPlugins() {
-    const isHeadless = this.editor.options.isHeadless;
+    const isHeadless2 = this.editor.options.isHeadless;
     const hasDocument = typeof document !== "undefined";
-    if (isHeadless || !hasDocument) return [];
+    if (isHeadless2 || !hasDocument) return [];
     return [nodeResizer(["image"], this.editor)];
   }
 });
@@ -88549,7 +88575,7 @@ const _hoisted_1$b = {
   key: 0,
   class: "linked-style-buttons"
 };
-const _hoisted_2$8 = ["onClick", "onKeydown"];
+const _hoisted_2$8 = ["onClick", "onKeydown", "aria-label"];
 const _sfc_main$c = {
   __name: "LinkedStyle",
   props: {
@@ -88594,7 +88620,6 @@ const _sfc_main$c = {
           moveToPreviousStyle(index2);
           break;
         case "Enter":
-          console.log("style", style2);
           select(style2);
           break;
       }
@@ -88610,6 +88635,7 @@ const _sfc_main$c = {
             class: normalizeClass(["style-item", { selected: __props.selectedOption === style2.id }]),
             onClick: ($event) => select(style2),
             onKeydown: (event) => handleKeyDown2(event, index2, style2),
+            "aria-label": `Linked style - ${style2.id}`,
             ref_for: true,
             ref_key: "styleRefs",
             ref: styleRefs
@@ -88625,7 +88651,7 @@ const _sfc_main$c = {
     };
   }
 };
-const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-698bdb8e"]]);
+const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-9c96d4a1"]]);
 const _hoisted_1$a = {
   key: 0,
   class: "link-title"
@@ -90345,11 +90371,15 @@ const makeDefaultItems = ({
         }
       }
     ],
-    onActivate: () => {
+    onActivate: ({ linkedStyleMark }) => {
+      const styles = getQuickFormatList(superToolbar.activeEditor);
+      const selectedStyle = styles?.find((style2) => style2.id === linkedStyleMark?.attrs?.styleId);
+      linkedStyles.label.value = selectedStyle ? selectedStyle.definition.attrs.name : toolbarTexts2.formatText;
       linkedStyles.disabled.value = false;
     },
     onDeactivate: () => {
       linkedStyles.disabled.value = true;
+      linkedStyles.label.value = toolbarTexts2.formatText;
     }
   });
   const renderIcon = (value, selectedValue) => {
@@ -91054,10 +91084,11 @@ class SuperToolbar extends EventEmitter2 {
         item.setDisabled(!canRejectTrackedChanges);
       }
       if (item.name.value === "linkedStyles") {
+        const linkedStyleMark = marks.find((mark) => mark.name === "styleId");
         if (this.activeEditor && !getQuickFormatList(this.activeEditor).length) {
           return item.deactivate();
         } else {
-          return item.activate();
+          return item.activate({ linkedStyleMark });
         }
       }
       const rawActiveMark = marks.find((mark) => mark.name === item.name.value);
@@ -92423,7 +92454,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 function adjustPaginationBreaks(editorElem, editor) {
-  if (!editorElem.value || !editor?.value?.options?.scale) return;
+  if (!editorElem.value || !editor?.value?.options?.scale || isHeadless(editor)) return;
   const zoom = editor.value.options.scale;
   const bounds = editorElem.value.getBoundingClientRect();
   const breakNodes = editorElem.value.querySelectorAll(".pagination-break-wrapper");
@@ -92857,6 +92888,7 @@ const _sfc_main$1 = {
         ...props.options
       });
       editor.value.on("paginationUpdate", () => {
+        if (isHeadless(editor.value)) return;
         adjustPaginationBreaks(editorElem, editor);
       });
       editor.value.on("collaborationReady", () => {
@@ -93015,7 +93047,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9d25f5b3"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-cd3558fe"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",