@harbour-enterprises/superdoc 0.22.0-next.3 → 0.22.0-next.5

package/dist/chunks/{PdfViewer-CvFw8S_D.cjs → PdfViewer-Badqoc1e.cjs}

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

package/dist/chunks/{PdfViewer-D95oFKMa.es.js → PdfViewer-dsL5uHg1.es.js}

@@ -1,5 +1,5 @@
 import { m as defineComponent, B as h, O as Transition, $ as process$1, I as watchEffect, d as computed, r as ref, j as onMounted, W as onUnmounted, c as createElementBlock, o as openBlock, a as createBaseVNode, f as createCommentVNode, v as createVNode, x as unref } from "./vue-CXxsqYcP.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-DgH1cx2c.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-DBNzXf1D.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-DgH1cx2c.es.js → index-DBNzXf1D.es.js}

@@ -1,4 +1,4 @@
-import { q as index$1, 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-WUoM0FI7.es.js";
+import { q as index$1, 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-DruRanWK.es.js";
 import { a0 as effectScope, r as ref, _ as markRaw, $ as process$1, a1 as toRaw, d as computed, a2 as isRef, a3 as isReactive, C as toRef, i as inject, p as getCurrentInstance, l as watch, x as unref, a4 as hasInjectionContext, M as reactive, s as nextTick, a5 as getCurrentScope, a6 as onScopeDispose, a7 as toRefs, g as global$1, J as shallowRef, N as readonly, j as onMounted, k as onBeforeUnmount, h as onBeforeMount, S as onActivated, q as onDeactivated, z as createTextVNode, F as Fragment, Q as Comment, m as defineComponent, D as provide, H as withDirectives, B as h, U as Teleport, R as renderSlot, V as isVNode, I as watchEffect, O as Transition, a8 as TransitionGroup, E as mergeProps, P as vShow, G as cloneVNode, T as Text, c as createElementBlock, o as openBlock, t as toDisplayString, v as createVNode, y as withCtx, a as createBaseVNode, A as normalizeStyle, f as createCommentVNode, u as createBlock, w as withModifiers, n as normalizeClass, a9 as resolveDirective, e as renderList, b as createApp, X as resolveDynamicComponent, aa as defineAsyncComponent } from "./vue-CXxsqYcP.es.js";
 import { B as Buffer$2 } from "./jszip-B8KIZSNe.es.js";
 import { B as BlankDOCX } from "./blank-docx-iwdyG9RH.es.js";
@@ -17392,7 +17392,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-D95oFKMa.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-dsL5uHg1.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {

package/dist/chunks/{index-Ct4VrAay.cjs → index-DVrbZM76.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-CIDcWgLs.cjs");
+const superEditor_es = require("./super-editor.es-p3eqHXlj.cjs");
 const vue = require("./vue-DWle4Cai.cjs");
 const jszip = require("./jszip-b7l8QkfH.cjs");
 const blankDocx = require("./blank-docx-CPqX9RF5.cjs");
@@ -17409,7 +17409,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-CvFw8S_D.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-Badqoc1e.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {

package/dist/chunks/{super-editor.es-WUoM0FI7.es.js → super-editor.es-DruRanWK.es.js}

@@ -30603,6 +30603,51 @@ const DEFAULT_SECTION_PROPS_TWIPS = Object.freeze({
     gutter: "0"
   })
 });
+const ensureSectionLayoutDefaults = (sectPr, converter) => {
+  if (!sectPr) {
+    return {
+      type: "element",
+      name: "w:sectPr",
+      elements: []
+    };
+  }
+  if (!sectPr.elements) sectPr.elements = [];
+  const ensureChild = (name) => {
+    let child = sectPr.elements.find((n) => n.name === name);
+    if (!child) {
+      child = {
+        type: "element",
+        name,
+        elements: [],
+        attributes: {}
+      };
+      sectPr.elements.push(child);
+    } else {
+      if (!child.elements) child.elements = [];
+      if (!child.attributes) child.attributes = {};
+    }
+    return child;
+  };
+  const pageSize = converter?.pageStyles?.pageSize;
+  const pgSz = ensureChild("w:pgSz");
+  if (pageSize?.width != null) pgSz.attributes["w:w"] = String(inchesToTwips(pageSize.width));
+  if (pageSize?.height != null) pgSz.attributes["w:h"] = String(inchesToTwips(pageSize.height));
+  if (pgSz.attributes["w:w"] == null) pgSz.attributes["w:w"] = DEFAULT_SECTION_PROPS_TWIPS.pageSize.width;
+  if (pgSz.attributes["w:h"] == null) pgSz.attributes["w:h"] = DEFAULT_SECTION_PROPS_TWIPS.pageSize.height;
+  const pageMargins = converter?.pageStyles?.pageMargins;
+  const pgMar = ensureChild("w:pgMar");
+  if (pageMargins) {
+    Object.entries(pageMargins).forEach(([key2, value]) => {
+      const converted = inchesToTwips(value);
+      if (converted != null) pgMar.attributes[`w:${key2}`] = String(converted);
+    });
+  }
+  Object.entries(DEFAULT_SECTION_PROPS_TWIPS.pageMargins).forEach(([key2, value]) => {
+    const attrKey = `w:${key2}`;
+    if (pgMar.attributes[attrKey] == null) pgMar.attributes[attrKey] = value;
+  });
+  return sectPr;
+};
 const isLineBreakOnlyRun = (node) => {
   if (!node) return false;
   if (node.type === "lineBreak" || node.type === "hardBreak") return true;
@@ -30665,6 +30710,7 @@ function translateBodyNode(params2) {
   } else if (!sectPr.elements) {
     sectPr = { ...sectPr, elements: [] };
   }
+  sectPr = ensureSectionLayoutDefaults(sectPr, params2.converter);
   if (params2.converter) {
     const hasHeader = sectPr.elements?.some((n) => n.name === "w:headerReference");
     const hasDefaultHeader = params2.converter.headerIds?.default;
@@ -30678,40 +30724,6 @@ function translateBodyNode(params2) {
       const defaultFooter = generateDefaultHeaderFooter("footer", params2.converter.footerIds?.default);
       sectPr.elements.push(defaultFooter);
     }
-    const newMargins = params2.converter.pageStyles?.pageMargins;
-    if (newMargins) {
-      let sectPrMargins = sectPr.elements.find((n) => n.name === "w:pgMar");
-      if (!sectPrMargins) {
-        sectPrMargins = {
-          type: "element",
-          name: "w:pgMar",
-          attributes: {}
-        };
-        sectPr.elements.push(sectPrMargins);
-      } else if (!sectPrMargins.attributes) {
-        sectPrMargins.attributes = {};
-      }
-      Object.entries(newMargins).forEach(([key2, value]) => {
-        const convertedValue = inchesToTwips(value);
-        sectPrMargins.attributes[`w:${key2}`] = convertedValue;
-      });
-    }
-    let sectPrPgSz = sectPr.elements.find((n) => n.name === "w:pgSz");
-    if (!sectPrPgSz) {
-      sectPrPgSz = {
-        type: "element",
-        name: "w:pgSz",
-        attributes: {}
-      };
-      sectPr.elements.push(sectPrPgSz);
-    } else if (!sectPrPgSz.attributes) {
-      sectPrPgSz.attributes = {};
-    }
-    const pageSize = params2.converter.pageStyles?.pageSize;
-    const widthInches = pageSize?.width;
-    const heightInches = pageSize?.height;
-    sectPrPgSz.attributes["w:w"] = widthInches ? String(inchesToTwips(widthInches)) : sectPrPgSz.attributes["w:w"] ?? DEFAULT_SECTION_PROPS_TWIPS.pageSize.width;
-    sectPrPgSz.attributes["w:h"] = heightInches ? String(inchesToTwips(heightInches)) : sectPrPgSz.attributes["w:h"] ?? DEFAULT_SECTION_PROPS_TWIPS.pageSize.height;
   }
   const elements = translateChildNodes(params2);
   if (params2.isHeaderFooter) {
@@ -36267,14 +36279,19 @@ class DocxZipper {
   /**
    * Update [Content_Types].xml with extensions of new Image annotations
    */
-  async updateContentTypes(docx, media, fromJson) {
+  async updateContentTypes(docx, media, fromJson, updatedDocs = {}) {
+    const additionalPartNames = Object.keys(updatedDocs || {});
     const newMediaTypes = Object.keys(media).map((name) => {
       return this.getFileExtension(name);
     }).filter(Boolean);
     const contentTypesPath = "[Content_Types].xml";
     let contentTypesXml;
     if (fromJson) {
-      contentTypesXml = docx.files.find((file) => file.name === contentTypesPath)?.content || "";
+      if (Array.isArray(docx.files)) {
+        contentTypesXml = docx.files.find((file) => file.name === contentTypesPath)?.content || "";
+      } else {
+        contentTypesXml = docx.files?.[contentTypesPath] || "";
+      }
     } else contentTypesXml = await docx.file(contentTypesPath).async("string");
     let typesString = "";
     const defaultMediaTypes = getContentTypesFromXml(contentTypesXml);
@@ -36300,24 +36317,39 @@ class DocxZipper {
     const hasCommentsExtensible = types2.elements?.some(
       (el) => el.name === "Override" && el.attributes.PartName === "/word/commentsExtensible.xml"
     );
-    if (docx.files["word/comments.xml"]) {
+    const hasFile = (filename) => {
+      if (!docx?.files) return false;
+      if (!fromJson) return Boolean(docx.files[filename]);
+      if (Array.isArray(docx.files)) return docx.files.some((file) => file.name === filename);
+      return Boolean(docx.files[filename]);
+    };
+    if (hasFile("word/comments.xml")) {
       const commentsDef = `<Override PartName="/word/comments.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.comments+xml" />`;
       if (!hasComments) typesString += commentsDef;
     }
-    if (docx.files["word/commentsExtended.xml"]) {
+    if (hasFile("word/commentsExtended.xml")) {
       const commentsExtendedDef = `<Override PartName="/word/commentsExtended.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.commentsExtended+xml" />`;
       if (!hasCommentsExtended) typesString += commentsExtendedDef;
     }
-    if (docx.files["word/commentsIds.xml"]) {
+    if (hasFile("word/commentsIds.xml")) {
       const commentsIdsDef = `<Override PartName="/word/commentsIds.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.commentsIds+xml" />`;
       if (!hasCommentsIds) typesString += commentsIdsDef;
     }
-    if (docx.files["word/commentsExtensible.xml"]) {
+    if (hasFile("word/commentsExtensible.xml")) {
       const commentsExtendedDef = `<Override PartName="/word/commentsExtensible.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.commentsExtensible+xml" />`;
       if (!hasCommentsExtensible) typesString += commentsExtendedDef;
     }
-    Object.keys(docx.files).forEach((name) => {
-      if (name.includes(".rels") || !name.includes("header") && !name.includes("footer")) return;
+    const partNames = new Set(additionalPartNames);
+    if (docx?.files) {
+      if (fromJson && Array.isArray(docx.files)) {
+        docx.files.forEach((file) => partNames.add(file.name));
+      } else {
+        Object.keys(docx.files).forEach((key2) => partNames.add(key2));
+      }
+    }
+    partNames.forEach((name) => {
+      if (name.includes(".rels")) return;
+      if (!name.includes("header") && !name.includes("footer")) return;
       const hasExtensible = types2.elements?.some(
         (el) => el.name === "Override" && el.attributes.PartName === `/${name}`
       );
@@ -36328,7 +36360,48 @@ class DocxZipper {
       }
     });
     const beginningString = '<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types">';
-    const updatedContentTypesXml = contentTypesXml.replace(beginningString, `${beginningString}${typesString}`);
+    let updatedContentTypesXml = contentTypesXml.replace(beginningString, `${beginningString}${typesString}`);
+    let relationshipsXml = updatedDocs["word/_rels/document.xml.rels"];
+    if (!relationshipsXml) {
+      if (fromJson) {
+        if (Array.isArray(docx.files)) {
+          relationshipsXml = docx.files.find((file) => file.name === "word/_rels/document.xml.rels")?.content;
+        } else {
+          relationshipsXml = docx.files?.["word/_rels/document.xml.rels"];
+        }
+      } else {
+        relationshipsXml = await docx.file("word/_rels/document.xml.rels")?.async("string");
+      }
+    }
+    if (relationshipsXml) {
+      try {
+        const relJson = xmljs.xml2js(relationshipsXml, { compact: false });
+        const relationships = relJson.elements?.find((el) => el.name === "Relationships");
+        relationships?.elements?.forEach((rel) => {
+          const type2 = rel.attributes?.Type;
+          const target = rel.attributes?.Target;
+          if (!type2 || !target) return;
+          const isHeader = type2.includes("/header");
+          const isFooter = type2.includes("/footer");
+          if (!isHeader && !isFooter) return;
+          let sanitizedTarget = target.replace(/^\.\//, "");
+          if (sanitizedTarget.startsWith("../")) sanitizedTarget = sanitizedTarget.slice(3);
+          if (sanitizedTarget.startsWith("/")) sanitizedTarget = sanitizedTarget.slice(1);
+          const partName = sanitizedTarget.startsWith("word/") ? sanitizedTarget : `word/${sanitizedTarget}`;
+          partNames.add(partName);
+        });
+      } catch (error) {
+        console.warn("Failed to parse document relationships while updating content types", error);
+      }
+    }
+    partNames.forEach((name) => {
+      if (name.includes(".rels")) return;
+      if (!name.includes("header") && !name.includes("footer")) return;
+      if (updatedContentTypesXml.includes(`PartName="/${name}"`)) return;
+      const type2 = name.includes("header") ? "header" : "footer";
+      const extendedDef = `<Override PartName="/${name}" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.${type2}+xml"/>`;
+      updatedContentTypesXml = updatedContentTypesXml.replace("</Types>", `${extendedDef}</Types>`);
+    });
     if (fromJson) return updatedContentTypesXml;
     docx.file(contentTypesPath, updatedContentTypesXml);
   }
@@ -36369,7 +36442,7 @@ class DocxZipper {
     for (const [fontName, fontUintArray] of Object.entries(fonts)) {
       zip.file(fontName, fontUintArray);
     }
-    await this.updateContentTypes(zip, media);
+    await this.updateContentTypes(zip, media, false, updatedDocs);
     return zip;
   }
   /**
@@ -36395,7 +36468,7 @@ class DocxZipper {
     Object.keys(media).forEach((path) => {
       unzippedOriginalDocx.file(path, media[path]);
     });
-    await this.updateContentTypes(unzippedOriginalDocx, media);
+    await this.updateContentTypes(unzippedOriginalDocx, media, false, updatedDocs);
     return unzippedOriginalDocx;
   }
 }
@@ -48053,9 +48126,11 @@ const toggleHeaderFooterEditMode = ({ editor, focusedSectionEditor, isEditMode,
     item.editor.view.dom.setAttribute("documentmode", documentMode);
   });
   if (isEditMode) {
-    const pm = document.querySelector(".ProseMirror");
-    pm.classList.add("header-footer-edit");
-    pm.setAttribute("aria-readonly", true);
+    const pm = editor.view?.dom || editor.options.element?.querySelector?.(".ProseMirror");
+    if (pm) {
+      pm.classList.add("header-footer-edit");
+      pm.setAttribute("aria-readonly", true);
+    }
   }
   if (focusedSectionEditor) {
     focusedSectionEditor.view.focus();
@@ -50667,7 +50742,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   setDocumentMode(documentMode) {
     let cleanedMode = documentMode?.toLowerCase() || "editing";
     if (!this.extensionService || !this.state) return;
-    const pm = document.querySelector(".ProseMirror");
+    const pm = this.view?.dom || this.options.element?.querySelector?.(".ProseMirror");
     if (this.options.role === "viewer") cleanedMode = "viewing";
     if (this.options.role === "suggester" && cleanedMode === "editing") cleanedMode = "suggesting";
     if (cleanedMode === "viewing") {
@@ -51155,7 +51230,8 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
             files: this.options.content
           },
           media,
-          true
+          true,
+          updatedDocs
         );
         return updatedDocs;
       }
@@ -51641,9 +51717,11 @@ createView_fn = function(element) {
           isEditMode: false,
           documentMode: this.options.documentMode
         });
-        const pm = document.querySelector(".ProseMirror");
-        pm.classList.remove("header-footer-edit");
-        pm.setAttribute("aria-readonly", false);
+        const pm = this.view?.dom || this.options.element?.querySelector?.(".ProseMirror");
+        if (pm) {
+          pm.classList.remove("header-footer-edit");
+          pm.setAttribute("aria-readonly", false);
+        }
       }
       setWordSelection(view, pos);
     }
@@ -53712,6 +53790,16 @@ const shouldAllowNativeContextMenu = (event) => {
   return prefersNativeMenu(event);
 };
 const shouldBypassContextMenu = shouldAllowNativeContextMenu;
+const DEFAULT_SELECTION_STATE = Object.freeze({
+  focused: false,
+  preservedSelection: null,
+  showVisualSelection: false,
+  skipFocusReset: false
+});
+const normalizeSelectionState = (state2 = {}) => ({
+  ...DEFAULT_SELECTION_STATE,
+  ...state2
+});
 const CustomSelectionPluginKey = new PluginKey("CustomSelection");
 const handleClickOutside = (event, editor) => {
   const editorElem = editor?.options?.element;
@@ -53749,11 +53837,7 @@ const CustomSelection = Extension.create({
     const customSelectionPlugin = new Plugin({
       key: CustomSelectionPluginKey,
       state: {
-        init: () => ({
-          focused: false,
-          preservedSelection: null,
-          showVisualSelection: false
-        }),
+        init: () => ({ ...DEFAULT_SELECTION_STATE }),
         apply: (tr, value) => {
           const meta = getFocusMeta(tr);
           if (meta !== void 0) {
@@ -53784,7 +53868,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: true,
                   preservedSelection: selection,
-                  showVisualSelection: true
+                  showVisualSelection: true,
+                  skipFocusReset: true
                 })
               );
             }
@@ -53805,7 +53890,8 @@ const CustomSelection = Extension.create({
                   setFocusMeta(view.state.tr, {
                     focused: true,
                     preservedSelection: selection2,
-                    showVisualSelection: true
+                    showVisualSelection: true,
+                    skipFocusReset: true
                   })
                 );
                 this.editor.setOptions({
@@ -53828,7 +53914,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: true,
                   preservedSelection: selection,
-                  showVisualSelection: true
+                  showVisualSelection: true,
+                  skipFocusReset: false
                 })
               );
               this.editor.setOptions({
@@ -53846,7 +53933,8 @@ const CustomSelection = Extension.create({
                   setFocusMeta(view.state.tr, {
                     focused: true,
                     preservedSelection: selection,
-                    showVisualSelection: true
+                    showVisualSelection: true,
+                    skipFocusReset: false
                   })
                 );
               }
@@ -53857,7 +53945,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: false,
                   preservedSelection: null,
-                  showVisualSelection: false
+                  showVisualSelection: false,
+                  skipFocusReset: false
                 })
               );
               if (!selection.empty && !this.editor.options.element?.contains(target)) {
@@ -53874,12 +53963,20 @@ const CustomSelection = Extension.create({
             const isElement2 = target instanceof Element;
             const isToolbarBtn = isElement2 && isToolbarButton(target);
             const isToolbarInp = isElement2 && isToolbarInput(target);
+            const focusState = getFocusState(view.state);
+            if (focusState?.skipFocusReset) {
+              view.dispatch(
+                setFocusMeta(view.state.tr, normalizeSelectionState({ ...focusState, skipFocusReset: false }))
+              );
+              return false;
+            }
             if (!isToolbarBtn && !isToolbarInp) {
               view.dispatch(
                 setFocusMeta(view.state.tr, {
                   focused: false,
                   preservedSelection: null,
-                  showVisualSelection: false
+                  showVisualSelection: false,
+                  skipFocusReset: false
                 })
               );
             }
@@ -53890,12 +53987,16 @@ const CustomSelection = Extension.create({
             const isToolbarBtn = isElement2 && isToolbarButton(target);
             const isToolbarInp = isElement2 && isToolbarInput(target);
             const state2 = getFocusState(view.state);
+            if (state2?.skipFocusReset) {
+              return false;
+            }
             if (isToolbarBtn || isToolbarInp) {
               view.dispatch(
                 setFocusMeta(view.state.tr, {
                   focused: true,
                   preservedSelection: state2.preservedSelection || view.state.selection,
-                  showVisualSelection: true
+                  showVisualSelection: true,
+                  skipFocusReset: false
                 })
               );
             } else {
@@ -53903,7 +54004,8 @@ const CustomSelection = Extension.create({
                 setFocusMeta(view.state.tr, {
                   focused: false,
                   preservedSelection: null,
-                  showVisualSelection: false
+                  showVisualSelection: false,
+                  skipFocusReset: false
                 })
               );
             }
@@ -69678,7 +69780,8 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
           const prevSelection = prevState.selection;
           if (selection.from !== prevSelection.from || selection.to !== prevSelection.to) {
             setTimeout(() => {
-              const selectedResizableWrapper = document.querySelector(".sd-editor-resizable-wrapper");
+              const searchRoot = editorView?.dom;
+              const selectedResizableWrapper = searchRoot?.querySelector(".sd-editor-resizable-wrapper");
               if (selectedResizableWrapper) {
                 showResizeHandles(view2, selectedResizableWrapper);
               } else {