@harbour-enterprises/superdoc 0.25.0-next.4 → 0.25.0-next.5

package/dist/chunks/{PdfViewer-BETK3Bs4.cjs → PdfViewer-8kRpbCwn.cjs}

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

package/dist/chunks/{PdfViewer-D4F3H-Ay.es.js → PdfViewer-DVToyLl3.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-ZWZLQtoU.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-D9KYAvvg.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-STsumey2.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{index-BHS2aLqo.cjs → index-DisCF1vr.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const superEditor_es = require("./super-editor.es-BJzqCihw.cjs");
+const superEditor_es = require("./super-editor.es-QqtfiJGc.cjs");
 const vue = require("./vue-DKMj1I9B.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-DkXkH2rT.cjs");
@@ -17164,7 +17164,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BETK3Bs4.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-8kRpbCwn.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {

package/dist/chunks/{index-D9KYAvvg.es.js → index-STsumey2.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-Beeng5kU.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-rBPknGqQ.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-ZWZLQtoU.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-BWEnUdTY.es.js";
@@ -17147,7 +17147,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-D4F3H-Ay.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-DVToyLl3.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {

package/dist/chunks/{super-editor.es-BJzqCihw.cjs → super-editor.es-QqtfiJGc.cjs}

@@ -52584,7 +52584,9 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       isHeaderFooterChanged: false,
       isCustomXmlChanged: false,
       focusTarget: null,
-      permissionResolver: null
+      permissionResolver: null,
+      // header/footer editors may have parent(main) editor set
+      parentEditor: null
     });
     __privateMethod$1(this, _Editor_instances, initContainerElement_fn).call(this, options);
     __privateMethod$1(this, _Editor_instances, checkHeadless_fn).call(this, options);
@@ -64792,58 +64794,6 @@ const registerImages = async (foundImages, editor, view) => {
     }
   });
 };
-const normalizeWrap = (attrs = {}) => {
-  const wrap2 = attrs.wrap;
-  if (wrap2?.type && wrap2.type !== "Inline") {
-    return {
-      type: wrap2.type,
-      attrs: wrap2.attrs ?? {}
-    };
-  }
-  if (wrap2?.type === "Inline" && Object.keys(wrap2.attrs ?? {}).length) {
-    return {
-      type: "Inline",
-      attrs: wrap2.attrs
-    };
-  }
-  if (!wrap2 && attrs.wrapText) {
-    return {
-      type: "Square",
-      attrs: {
-        wrapText: attrs.wrapText
-      }
-    };
-  }
-  if (!wrap2 && attrs.wrapTopAndBottom) {
-    return {
-      type: "TopAndBottom",
-      attrs: {}
-    };
-  }
-  if (wrap2?.type === "Inline") {
-    return {
-      type: "Inline",
-      attrs: wrap2.attrs ?? {}
-    };
-  }
-  return {
-    type: "Inline",
-    attrs: {}
-  };
-};
-const normalizeMarginOffset = (marginOffset = {}) => {
-  const { left: left2, horizontal, ...rest } = marginOffset;
-  return {
-    ...rest,
-    horizontal: horizontal ?? left2
-  };
-};
-const getNormalizedImageAttrs = (attrs = {}) => {
-  return {
-    wrap: normalizeWrap(attrs),
-    marginOffset: normalizeMarginOffset(attrs.marginOffset ?? {})
-  };
-};
 const ImagePositionPluginKey = new PluginKey("ImagePosition");
 const ImagePositionPlugin = ({ editor }) => {
   const { view } = editor;
@@ -64856,8 +64806,9 @@ const ImagePositionPlugin = ({ editor }) => {
         return DecorationSet.empty;
       },
       apply(tr, oldDecorationSet, oldState, newState) {
-        if (!tr.docChanged) return oldDecorationSet;
+        if (!tr.docChanged && !shouldUpdate) return oldDecorationSet;
         const decorations = getImagePositionDecorations(newState, view);
+        shouldUpdate = false;
         return DecorationSet.create(newState.doc, decorations);
       }
     },
@@ -64866,7 +64817,6 @@ const ImagePositionPlugin = ({ editor }) => {
         update: (view2, lastState) => {
           const pagination = PaginationPluginKey.getState(lastState);
           if (shouldUpdate) {
-            shouldUpdate = false;
             const decorations = getImagePositionDecorations(lastState, view2);
             const updateTransaction = view2.state.tr.setMeta(ImagePositionPluginKey, { decorations });
             view2.dispatch(updateTransaction);
@@ -64892,41 +64842,35 @@ const getImagePositionDecorations = (state2, view) => {
       let className = "";
       const { vRelativeFrom, alignH } = node.attrs.anchorData;
       const { size: size2, padding } = node.attrs;
-      const { marginOffset } = getNormalizedImageAttrs(node.attrs);
       const pageBreak = findPreviousDomNodeWithClass(view, pos, "pagination-break-wrapper");
-      if (pageBreak) {
-        switch (alignH) {
-          case "left":
-            style2 += "float: left; left: 0; margin-left: 0; ";
-            break;
-          case "right":
-            style2 += "float: right; right: 0; margin-right: 0; ";
-            break;
-          case "center":
-            style2 += "display: block; margin-left: auto; margin-right: auto; ";
-            break;
+      if (pageBreak && vRelativeFrom === "margin" && alignH) {
+        const topPos = pageBreak?.offsetTop + pageBreak?.offsetHeight;
+        let horizontalAlignment = `${alignH}: 0;`;
+        if (alignH === "center") horizontalAlignment = "left: 50%; transform: translateX(-50%);";
+        style2 += vRelativeFrom === "margin" ? `position: absolute; top: ${topPos}px; ${horizontalAlignment}` : "";
+        const nextPos = view.posAtDOM(pageBreak, 1);
+        if (nextPos < 0) {
+          const $pos = view.state.doc.resolve(pos);
+          decorations.push(
+            Decoration.node(pos - 1, pos + $pos.parent.nodeSize - 1, {
+              style: `height: ${size2.height + parseInt(padding.top) + parseInt(padding.bottom)}px`
+            })
+          );
         }
-        const topPos = marginOffset.top !== void 0 ? marginOffset.top : pageBreak?.offsetTop + pageBreak?.offsetHeight;
-        style2 += vRelativeFrom === "margin" ? `position: absolute; top: ${topPos}px; ` : "";
-        if (vRelativeFrom === "margin") {
-          const nextPos = view.posAtDOM(pageBreak, 1);
-          if (nextPos < 0) {
-            const $pos = view.state.doc.resolve(pos);
-            decorations.push(
-              Decoration.node(pos - 1, pos + $pos.parent.nodeSize - 1, {
-                style: `height: ${size2.height + parseInt(padding.top) + parseInt(padding.bottom)}px`
-              })
-            );
-          }
-          const imageBlock = document.createElement("div");
-          imageBlock.className = "anchor-image-placeholder";
-          imageBlock.style.float = alignH;
-          imageBlock.style.width = size2.width + parseInt(padding[alignH]) + "px";
-          imageBlock.style.height = size2.height + parseInt(padding.top) + parseInt(padding.bottom) + "px";
-          decorations.push(Decoration.widget(nextPos, imageBlock, { key: "stable-key" }));
+        const imageBlock = document.createElement("div");
+        imageBlock.className = "anchor-image-placeholder";
+        imageBlock.style.float = alignH === "left" || alignH === "right" ? alignH : "none";
+        let paddingHorizontal;
+        if (alignH === "center") {
+          paddingHorizontal = (parseInt(padding.left) || 0) + (parseInt(padding.right) || 0);
+        } else {
+          paddingHorizontal = parseInt(padding[alignH]) || 0;
         }
+        imageBlock.style.width = size2.width + paddingHorizontal + "px";
+        imageBlock.style.height = size2.height + parseInt(padding.top) + parseInt(padding.bottom) + "px";
+        decorations.push(Decoration.widget(nextPos, imageBlock, { key: "stable-key" }));
+        decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style: style2, class: className }));
       }
-      decorations.push(Decoration.inline(pos, pos + node.nodeSize, { style: style2, class: className }));
     }
   });
   return decorations;
@@ -64951,6 +64895,58 @@ const findPreviousDomNodeWithClass = (view, pos, className) => {
   }
   return null;
 };
+const normalizeWrap = (attrs = {}) => {
+  const wrap2 = attrs.wrap;
+  if (wrap2?.type && wrap2.type !== "Inline") {
+    return {
+      type: wrap2.type,
+      attrs: wrap2.attrs ?? {}
+    };
+  }
+  if (wrap2?.type === "Inline" && Object.keys(wrap2.attrs ?? {}).length) {
+    return {
+      type: "Inline",
+      attrs: wrap2.attrs
+    };
+  }
+  if (!wrap2 && attrs.wrapText) {
+    return {
+      type: "Square",
+      attrs: {
+        wrapText: attrs.wrapText
+      }
+    };
+  }
+  if (!wrap2 && attrs.wrapTopAndBottom) {
+    return {
+      type: "TopAndBottom",
+      attrs: {}
+    };
+  }
+  if (wrap2?.type === "Inline") {
+    return {
+      type: "Inline",
+      attrs: wrap2.attrs ?? {}
+    };
+  }
+  return {
+    type: "Inline",
+    attrs: {}
+  };
+};
+const normalizeMarginOffset = (marginOffset = {}) => {
+  const { left: left2, horizontal, ...rest } = marginOffset;
+  return {
+    ...rest,
+    horizontal: horizontal ?? left2
+  };
+};
+const getNormalizedImageAttrs = (attrs = {}) => {
+  return {
+    wrap: normalizeWrap(attrs),
+    marginOffset: normalizeMarginOffset(attrs.marginOffset ?? {})
+  };
+};
 const getRotationMargins = (w2, h2, angleDegrees) => {
   const rad = angleDegrees * (Math.PI / 180);
   const cos = Math.abs(Math.cos(rad));
@@ -65159,27 +65155,15 @@ const Image = Node$1.create({
             style2 += "float: right;";
             floatRight = true;
           } else if (["largest", "bothSides"].includes(attrs.wrapText)) {
-            const pageStyles2 = this.editor?.converter?.pageStyles;
-            if (pageStyles2?.pageSize && pageStyles2?.pageMargins && size2.width) {
-              const pageWidth = inchesToPixels(pageStyles2.pageSize.width);
-              const leftMargin = inchesToPixels(pageStyles2.pageMargins.left);
-              const rightMargin = inchesToPixels(pageStyles2.pageMargins.right);
-              const contentWidth = pageWidth - leftMargin - rightMargin;
-              const imageWidth = size2.width + (attrs.distLeft || 0) + (attrs.distRight || 0);
-              const leftSpace = marginOffset.horizontal;
-              const rightSpace = contentWidth - leftSpace - imageWidth;
-              if (rightSpace < 0) {
-                style2 += "float: left;";
-              } else if (rightSpace > leftSpace) {
-                style2 += "float: left;";
-              } else {
-                style2 += "float: right;";
-                floatRight = true;
-                baseHorizontal = rightSpace;
-              }
-            } else {
-              style2 += "float: left;";
-            }
+            const pageStylesData2 = getDataFromPageStyles({
+              editor: this.editor,
+              marginOffset,
+              size: size2,
+              attrs
+            });
+            style2 += pageStylesData2.style;
+            floatRight = pageStylesData2.floatRight;
+            baseHorizontal = pageStylesData2.baseHorizontal;
           }
           if (attrs.distTop) margin.top += attrs.distTop;
           if (attrs.distBottom) margin.bottom += attrs.distBottom;
@@ -65189,27 +65173,15 @@ const Image = Node$1.create({
         case "Through":
         case "Tight":
           style2 += "clear: both;";
-          const pageStyles = this.editor?.converter?.pageStyles;
-          if (pageStyles?.pageSize && pageStyles?.pageMargins && size2.width) {
-            const pageWidth = inchesToPixels(pageStyles.pageSize.width);
-            const leftMargin = inchesToPixels(pageStyles.pageMargins.left);
-            const rightMargin = inchesToPixels(pageStyles.pageMargins.right);
-            const contentWidth = pageWidth - leftMargin - rightMargin;
-            const imageWidth = size2.width + (attrs.distLeft || 0) + (attrs.distRight || 0);
-            const leftSpace = marginOffset.horizontal;
-            const rightSpace = contentWidth - leftSpace - imageWidth;
-            if (rightSpace < 0) {
-              style2 += "float: left;";
-            } else if (rightSpace > leftSpace) {
-              style2 += "float: left;";
-            } else {
-              style2 += "float: right;";
-              floatRight = true;
-              baseHorizontal = rightSpace;
-            }
-          } else {
-            style2 += "float: left;";
-          }
+          const pageStylesData = getDataFromPageStyles({
+            editor: this.editor,
+            marginOffset,
+            size: size2,
+            attrs
+          });
+          style2 += pageStylesData.style;
+          floatRight = pageStylesData.floatRight;
+          baseHorizontal = pageStylesData.baseHorizontal;
           if (attrs.distTop) margin.top += attrs.distTop;
           if (attrs.distBottom) margin.bottom += attrs.distBottom;
           if (attrs.distLeft) margin.left += attrs.distLeft;
@@ -65246,6 +65218,22 @@ const Image = Node$1.create({
     }
     const hasAnchorData = Boolean(anchorData);
     const hasMarginOffsets = marginOffset?.horizontal != null || marginOffset?.top != null;
+    if (hasAnchorData) {
+      switch (anchorData.hRelativeFrom) {
+        case "page":
+          const pageStyles = this.editor?.converter?.pageStyles || this.editor?.options.parentEditor?.converter?.pageStyles;
+          margin.left -= inchesToPixels(pageStyles?.pageMargins?.left) || 0;
+          break;
+        case "margin":
+          if (anchorData.alignH === "center") {
+            style2 += "position: absolute; left: 50%; transform: translateX(-50%);";
+          }
+          if (anchorData.alignH === "left" || anchorData.alignH === "right") {
+            style2 += `position: absolute; ${anchorData.alignH}: 0;`;
+          }
+          break;
+      }
+    }
     if (hasAnchorData || hasMarginOffsets) {
       const relativeFromPageV = anchorData?.vRelativeFrom === "page";
       const maxMarginV = 500;
@@ -65394,6 +65382,37 @@ const Image = Node$1.create({
     return [ImageRegistrationPlugin({ editor: this.editor }), ImagePositionPlugin({ editor: this.editor })];
   }
 });
+const getDataFromPageStyles = ({ editor, marginOffset, size: size2, attrs }) => {
+  let style2 = "";
+  let floatRight = false;
+  let baseHorizontal = marginOffset?.horizontal || 0;
+  const pageStyles = editor?.converter?.pageStyles || editor?.options.parentEditor?.converter?.pageStyles;
+  if (pageStyles?.pageSize && pageStyles?.pageMargins && size2.width) {
+    const pageWidth = inchesToPixels(pageStyles.pageSize.width);
+    const leftMargin = inchesToPixels(pageStyles.pageMargins.left);
+    const rightMargin = inchesToPixels(pageStyles.pageMargins.right);
+    const contentWidth = pageWidth - leftMargin - rightMargin;
+    const imageWidth = size2.width + (attrs.distLeft || 0) + (attrs.distRight || 0);
+    const leftSpace = marginOffset.horizontal;
+    const rightSpace = contentWidth - leftSpace - imageWidth;
+    if (rightSpace < 0) {
+      style2 += "float: left;";
+    } else if (rightSpace > leftSpace) {
+      style2 += "float: left;";
+    } else {
+      style2 += "float: right;";
+      floatRight = true;
+      baseHorizontal = rightSpace;
+    }
+  } else {
+    style2 += "float: left;";
+  }
+  return {
+    style: style2,
+    floatRight,
+    baseHorizontal
+  };
+};
 const ACCEPT_IMAGE_TYPES = [".jpg", ".jpeg", ".png", "image/jpeg", "image/png"];
 const getFileOpener = () => {
   let fileInput = document.createElement("input");
@@ -72836,7 +72855,7 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
           return oldState;
         }
         if (typeof document === "undefined" || editor.options.isHeadless) return oldState;
-        if (editor.options.documentMode === "viewing" || !editor.isEditable) {
+        if (!editor.options.isHeaderOrFooter && (editor.options.documentMode === "viewing" || !editor.isEditable)) {
           return DecorationSet.empty;
         }
         const { selection } = newState;