@harbour-enterprises/superdoc 1.4.0-next.1 → 1.4.0-next.2

package/dist/chunks/{SuperConverter-CgY28MJz.cjs → SuperConverter-Dy4wkQEB.cjs}

@@ -19027,7 +19027,7 @@ function isMetafileExtension(extension) {
 const DRAWING_XML_TAG = "w:drawing";
 const SHAPE_URI = "http://schemas.microsoft.com/office/word/2010/wordprocessingShape";
 const GROUP_URI = "http://schemas.microsoft.com/office/word/2010/wordprocessingGroup";
-const normalizeTargetPath = (targetPath = "") => {
+const normalizeTargetPath$1 = (targetPath = "") => {
   if (!targetPath) return targetPath;
   const trimmed = targetPath.replace(/^\/+/, "");
   if (trimmed.startsWith("word/")) return trimmed;
@@ -19186,7 +19186,14 @@ function handleImageNode(node, params, isAnchor) {
   }
   const stretch = blipFill?.elements.find((el) => el.name === "a:stretch");
   const fillRect = stretch?.elements.find((el) => el.name === "a:fillRect");
+  const srcRect = blipFill?.elements.find((el) => el.name === "a:srcRect");
+  const srcRectAttrs = srcRect?.attributes || {};
+  const srcRectHasNegativeValues = ["l", "t", "r", "b"].some((attr) => {
+    const val = srcRectAttrs[attr];
+    return val != null && parseFloat(val) < 0;
+  });
   const shouldStretch = Boolean(stretch && fillRect);
+  const shouldCover = shouldStretch && !srcRectHasNegativeValues;
   const spPr = picture.elements.find((el) => el.name === "pic:spPr");
   if (spPr) {
     const xfrm = spPr.elements.find((el) => el.name === "a:xfrm");
@@ -19215,7 +19222,7 @@ function handleImageNode(node, params, isAnchor) {
   }
   const { attributes: relAttributes } = rel;
   const targetPath = relAttributes["Target"];
-  const path = normalizeTargetPath(targetPath);
+  const path = normalizeTargetPath$1(targetPath);
   const extension = path.substring(path.lastIndexOf(".") + 1);
   let finalSrc = path;
   let finalExtension = extension;
@@ -19263,7 +19270,7 @@ function handleImageNode(node, params, isAnchor) {
       wrapText: wrap2.attrs.wrapText
     } : {},
     wrapTopAndBottom: wrap2.type === "TopAndBottom",
-    shouldStretch,
+    shouldCover,
     originalPadding: {
       distT: attributes["distT"],
       distB: attributes["distB"],
@@ -19456,7 +19463,7 @@ const handleShapeGroup = (params, node, graphicData, size, padding, marginOffset
     const { elements } = relationships || [];
     const rel = elements?.find((el) => el.attributes["Id"] === rEmbed);
     if (!rel) return null;
-    const targetPath = normalizeTargetPath(rel.attributes?.["Target"]);
+    const targetPath = normalizeTargetPath$1(rel.attributes?.["Target"]);
     const path = targetPath;
     const nvPicPr = pic.elements?.find((el) => el.name === "pic:nvPicPr");
     const cNvPr = nvPicPr?.elements?.find((el) => el.name === "pic:cNvPr");
@@ -29560,6 +29567,10 @@ function filterOutRootInlineNodes(content = []) {
     if (!node || typeof node.type !== "string") return;
     const type = node.type;
     const preservableNodeName = PRESERVABLE_INLINE_XML_NAMES[type];
+    if (type === "image" && node.attrs?.isAnchor) {
+      result.push(node);
+      return;
+    }
     if (!INLINE_TYPES.has(type)) {
       result.push(node);
     } else if (preservableNodeName) {
@@ -29753,6 +29764,137 @@ function buildStyles(styleObject) {
   }
   return style;
 }
+function handleShapeImageImport({ params, pict }) {
+  const shape = pict.elements?.find((el) => el.name === "v:shape");
+  if (!shape) return null;
+  const imagedata = shape.elements?.find((el) => el.name === "v:imagedata");
+  if (!imagedata) return null;
+  const { docx, filename } = params;
+  const shapeAttrs = shape.attributes || {};
+  const imagedataAttrs = imagedata.attributes || {};
+  const rId = imagedataAttrs["r:id"];
+  if (!rId) {
+    console.warn("v:imagedata missing r:id attribute");
+    return null;
+  }
+  const currentFile = filename || "document.xml";
+  let rels = docx[`word/_rels/${currentFile}.rels`];
+  if (!rels) rels = docx[`word/_rels/document.xml.rels`];
+  const relationships = rels?.elements?.find((el) => el.name === "Relationships");
+  const { elements } = relationships || [];
+  const rel = elements?.find((el) => el.attributes["Id"] === rId);
+  if (!rel) {
+    console.warn(`Relationship not found for r:id="${rId}"`);
+    return null;
+  }
+  const targetPath = rel.attributes["Target"];
+  const normalizedPath = normalizeTargetPath(targetPath);
+  const style = shapeAttrs.style || "";
+  const styleObj = parseVmlStyle(style);
+  const width = styleObj.width || "100px";
+  const height = styleObj.height || "100px";
+  const position = {
+    type: styleObj.position || "absolute",
+    marginLeft: styleObj["margin-left"] || "0",
+    marginTop: styleObj["margin-top"] || "0"
+  };
+  const zIndex = styleObj["z-index"] ? parseInt(styleObj["z-index"], 10) : void 0;
+  const hPosition = styleObj["mso-position-horizontal"] || "center";
+  const vPosition = styleObj["mso-position-vertical"] || "center";
+  const hRelativeTo = styleObj["mso-position-horizontal-relative"] || "margin";
+  const vRelativeTo = styleObj["mso-position-vertical-relative"] || "margin";
+  const gain = imagedataAttrs["gain"];
+  const blacklevel = imagedataAttrs["blacklevel"];
+  const title = imagedataAttrs["o:title"] || "Watermark";
+  const imageNode = {
+    type: "image",
+    attrs: {
+      src: normalizedPath,
+      alt: title,
+      extension: normalizedPath.substring(normalizedPath.lastIndexOf(".") + 1),
+      title,
+      rId,
+      // Store VML-specific attributes for round-trip
+      vmlWatermark: true,
+      vmlStyle: style,
+      vmlAttributes: shapeAttrs,
+      vmlImagedata: imagedataAttrs,
+      // Positioning
+      isAnchor: true,
+      inline: false,
+      wrap: {
+        type: "None",
+        attrs: {
+          behindDoc: Number.isFinite(zIndex) ? zIndex < 0 : true
+        }
+      },
+      anchorData: {
+        hRelativeFrom: hRelativeTo,
+        vRelativeFrom: vRelativeTo,
+        alignH: hPosition,
+        alignV: vPosition
+      },
+      // Size
+      size: {
+        width: convertToPixels(width),
+        height: convertToPixels(height)
+      },
+      marginOffset: {
+        horizontal: convertToPixels(position.marginLeft),
+        top: convertToPixels(position.marginTop)
+      },
+      // Image adjustments
+      ...gain && { gain },
+      ...blacklevel && { blacklevel }
+    }
+  };
+  return imageNode;
+}
+function normalizeTargetPath(targetPath = "") {
+  if (!targetPath) return targetPath;
+  const trimmed = targetPath.replace(/^\/+/, "");
+  if (trimmed.startsWith("word/")) return trimmed;
+  if (trimmed.startsWith("media/")) return `word/${trimmed}`;
+  return `word/${trimmed}`;
+}
+function parseVmlStyle(style) {
+  const result = {};
+  if (!style) return result;
+  const declarations = style.split(";").filter((s) => s.trim());
+  for (const decl of declarations) {
+    const [prop, value] = decl.split(":").map((s) => s.trim());
+    if (prop && value) {
+      result[prop] = value;
+    }
+  }
+  return result;
+}
+function convertToPixels(value) {
+  if (typeof value === "number") return value;
+  if (!value || typeof value !== "string") return 0;
+  const match = value.match(/^([\d.]+)([a-z%]+)?$/i);
+  if (!match) return 0;
+  const num = parseFloat(match[1]);
+  const unit = match[2] || "px";
+  switch (unit.toLowerCase()) {
+    case "px":
+      return num;
+    case "pt":
+      return num * (96 / 72);
+    // 1pt = 1/72 inch, 96 DPI
+    case "in":
+      return num * 96;
+    case "cm":
+      return num * (96 / 2.54);
+    case "mm":
+      return num * (96 / 25.4);
+    case "pc":
+      return num * 16;
+    // 1pc = 12pt
+    default:
+      return num;
+  }
+}
 function pictNodeTypeStrategy(node) {
   const shape = node.elements?.find((el) => el.name === "v:shape");
   const group = node.elements?.find((el) => el.name === "v:group");
@@ -29771,6 +29913,10 @@ function pictNodeTypeStrategy(node) {
     if (textbox) {
       return { type: "shapeContainer", handler: handleShapeTextboxImport };
     }
+    const imagedata = shape.elements?.find((el) => el.name === "v:imagedata");
+    if (imagedata) {
+      return { type: "image", handler: handleShapeImageImport };
+    }
   }
   return { type: "unknown", handler: null };
 }
@@ -29869,8 +30015,116 @@ function translateVRectContentBlock(params) {
   };
   return wrapTextInRun(pict);
 }
+function translateVmlWatermark(params) {
+  const { node } = params;
+  const { attrs } = node;
+  if (attrs.vmlAttributes && attrs.vmlImagedata) {
+    const shape2 = {
+      name: "v:shape",
+      attributes: attrs.vmlAttributes,
+      elements: [
+        {
+          name: "v:imagedata",
+          attributes: {
+            ...attrs.vmlImagedata,
+            "r:id": attrs.rId
+          }
+        }
+      ]
+    };
+    const pict2 = {
+      name: "w:pict",
+      attributes: {
+        "w14:anchorId": generateRandomSigned32BitIntStrId()
+      },
+      elements: [shape2]
+    };
+    const par2 = {
+      name: "w:p",
+      elements: [wrapTextInRun(pict2)]
+    };
+    return par2;
+  }
+  const style = buildVmlStyle(attrs);
+  const shape = {
+    name: "v:shape",
+    attributes: {
+      id: `WordPictureWatermark${generateRandomSigned32BitIntStrId().replace("-", "")}`,
+      "o:spid": `_x0000_s${Math.floor(Math.random() * 1e4)}`,
+      type: "#_x0000_t75",
+      style,
+      "o:allowincell": "f"
+    },
+    elements: [
+      {
+        name: "v:imagedata",
+        attributes: {
+          "r:id": attrs.rId,
+          "o:title": attrs.title || attrs.alt || "Watermark",
+          ...attrs.gain && { gain: attrs.gain },
+          ...attrs.blacklevel && { blacklevel: attrs.blacklevel }
+        }
+      }
+    ]
+  };
+  const pict = {
+    name: "w:pict",
+    attributes: {
+      "w14:anchorId": generateRandomSigned32BitIntStrId()
+    },
+    elements: [shape]
+  };
+  const par = {
+    name: "w:p",
+    elements: [wrapTextInRun(pict)]
+  };
+  return par;
+}
+function buildVmlStyle(attrs) {
+  const styles = [];
+  styles.push("position:absolute");
+  if (attrs.size) {
+    if (attrs.size.width) {
+      styles.push(`width:${convertToPt(attrs.size.width)}pt`);
+    }
+    if (attrs.size.height) {
+      styles.push(`height:${convertToPt(attrs.size.height)}pt`);
+    }
+  }
+  if (attrs.marginOffset) {
+    if (attrs.marginOffset.horizontal !== void 0) {
+      styles.push(`margin-left:${convertToPt(attrs.marginOffset.horizontal)}pt`);
+    }
+    if (attrs.marginOffset.top !== void 0) {
+      styles.push(`margin-top:${convertToPt(attrs.marginOffset.top)}pt`);
+    }
+  }
+  if (attrs.wrap?.attrs?.behindDoc) {
+    styles.push("z-index:-251653120");
+  }
+  if (attrs.anchorData) {
+    if (attrs.anchorData.alignH) {
+      styles.push(`mso-position-horizontal:${attrs.anchorData.alignH}`);
+    }
+    if (attrs.anchorData.alignV) {
+      styles.push(`mso-position-vertical:${attrs.anchorData.alignV}`);
+    }
+    if (attrs.anchorData.hRelativeFrom) {
+      styles.push(`mso-position-horizontal-relative:${attrs.anchorData.hRelativeFrom}`);
+    }
+    if (attrs.anchorData.vRelativeFrom) {
+      styles.push(`mso-position-vertical-relative:${attrs.anchorData.vRelativeFrom}`);
+    }
+  }
+  styles.push("mso-width-percent:0");
+  styles.push("mso-height-percent:0");
+  return styles.join(";");
+}
+function convertToPt(pixels) {
+  return pixels * 72 / 96;
+}
 const XML_NODE_NAME = "w:pict";
-const SD_NODE_NAME = ["shapeContainer", "contentBlock"];
+const SD_NODE_NAME = ["shapeContainer", "contentBlock", "image"];
 const validXmlAttributes = [];
 function encode(params) {
   const { node, pNode } = params.extraParams;
@@ -29894,6 +30148,12 @@ function decode(params) {
     shapeContainer: () => translateShapeContainer(params),
     shapeTextbox: () => translateShapeTextbox(params),
     contentBlock: () => translateContentBlock(params),
+    image: () => {
+      if (node.attrs?.vmlWatermark) {
+        return translateVmlWatermark(params);
+      }
+      return null;
+    },
     default: () => null
   };
   const decoder = types[node.type] ?? types.default;
@@ -31009,7 +31269,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.4.0-next.1") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.4.0-next.2") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{index-BP9aFfwI.es.js → index-D246eEeJ.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-CEcYlysg.es.js";
-import "./SuperConverter-CFRB4XNw.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-dnQEKI-e.es.js";
+import "./SuperConverter-DxlpZQZQ.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";
@@ -7479,7 +7479,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-DRTk3dY6.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-Dnv-LGqI.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8433,7 +8433,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.4.0-next.1";
+    this.version = "1.4.0-next.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-C3KRKogJ.cjs → index-DJuBZura.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
 const helpers$1 = require("./helpers-nOdwpmwb.cjs");
-const superEditor_converter = require("./SuperConverter-CgY28MJz.cjs");
+const superEditor_converter = require("./SuperConverter-Dy4wkQEB.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
@@ -15457,7 +15457,7 @@ const canUseDOM = () => {
     return false;
   }
 };
-const summaryVersion = "1.4.0-next.1";
+const summaryVersion = "1.4.0-next.2";
 const nodeKeys = ["group", "content", "marks", "inline", "atom", "defining", "code", "tableRole", "summary"];
 const markKeys = ["group", "inclusive", "excludes", "spanning", "code"];
 function mapAttributes(attrs) {
@@ -18089,7 +18089,7 @@ class Editor extends EventEmitter {
    * Process collaboration migrations
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "1.4.0-next.1");
+    console.debug("[checkVersionMigrations] Current editor version", "1.4.0-next.2");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -23822,6 +23822,9 @@ const renderTableCell = (deps) => {
         imgEl.style.width = "100%";
         imgEl.style.height = "100%";
         imgEl.style.objectFit = block.objectFit ?? "contain";
+        if (block.objectFit === "cover") {
+          imgEl.style.objectPosition = "left top";
+        }
         imgEl.style.display = "block";
         imageWrapper.appendChild(imgEl);
         content.appendChild(imageWrapper);
@@ -23851,6 +23854,9 @@ const renderTableCell = (deps) => {
           img.style.width = "100%";
           img.style.height = "100%";
           img.style.objectFit = block.objectFit ?? "contain";
+          if (block.objectFit === "cover") {
+            img.style.objectPosition = "left top";
+          }
           drawingInner.appendChild(img);
         } else if (renderDrawingContent) {
           const drawingContent = renderDrawingContent(block);
@@ -26422,7 +26428,7 @@ class DomPainter {
       if (fragment.pmEnd != null) {
         fragmentEl.dataset.pmEnd = String(fragment.pmEnd);
       }
-      if (fragment.metadata) {
+      if (fragment.metadata && !block.attrs?.vmlWatermark) {
         fragmentEl.setAttribute("data-image-metadata", JSON.stringify(fragment.metadata));
       }
       const img = this.doc.createElement("img");
@@ -26433,7 +26439,28 @@ class DomPainter {
       img.style.width = "100%";
       img.style.height = "100%";
       img.style.objectFit = block.objectFit ?? "contain";
+      if (block.objectFit === "cover") {
+        img.style.objectPosition = "left top";
+      }
       img.style.display = block.display === "inline" ? "inline-block" : "block";
+      const filters = [];
+      if (block.gain != null || block.blacklevel != null) {
+        if (block.gain && typeof block.gain === "string" && block.gain.endsWith("f")) {
+          const contrast = Math.max(0, parseInt(block.gain) / 65536);
+          if (contrast > 0) {
+            filters.push(`contrast(${contrast})`);
+          }
+        }
+        if (block.blacklevel && typeof block.blacklevel === "string" && block.blacklevel.endsWith("f")) {
+          const brightness = Math.max(0, 1 + parseInt(block.blacklevel) / 327 / 100) + 0.5;
+          if (brightness > 0) {
+            filters.push(`brightness(${brightness})`);
+          }
+        }
+        if (filters.length > 0) {
+          img.style.filter = filters.join(" ");
+        }
+      }
       fragmentEl.appendChild(img);
       return fragmentEl;
     } catch (error) {
@@ -26513,6 +26540,9 @@ class DomPainter {
     img.style.width = "100%";
     img.style.height = "100%";
     img.style.objectFit = drawing.objectFit ?? "contain";
+    if (drawing.objectFit === "cover") {
+      img.style.objectPosition = "left top";
+    }
     img.style.display = "block";
     return img;
   }
@@ -31263,13 +31293,8 @@ function computeAnchorX(anchor, columnIndex, columns, imageWidth, margins, pageW
   let baseX;
   let availableWidth;
   if (relativeFrom === "page") {
-    if (columns.count === 1) {
-      baseX = contentLeft;
-      availableWidth = contentWidth;
-    } else {
-      baseX = 0;
-      availableWidth = pageWidth != null ? pageWidth : contentWidth;
-    }
+    baseX = 0;
+    availableWidth = pageWidth != null ? pageWidth : contentWidth + marginLeft + marginRight;
   } else if (relativeFrom === "margin") {
     baseX = contentLeft;
     availableWidth = contentWidth;
@@ -32758,7 +32783,9 @@ function collectPreRegisteredAnchors(blocks, measures) {
     if (!isImage && !isDrawing) continue;
     const drawingBlock = block;
     const drawingMeasure = measure;
-    if (!drawingBlock.anchor?.isAnchored) continue;
+    if (!drawingBlock.anchor?.isAnchored) {
+      continue;
+    }
     if (isPageRelativeAnchor(drawingBlock)) {
       result.push({ block: drawingBlock, measure: drawingMeasure });
     }
@@ -45906,8 +45933,9 @@ function imageNodeToBlock(node, nextBlockId, positions, _trackedMeta, _trackedCh
   const isInline2 = normalizedWrap?.type === "Inline" || typeof attrs.inline === "boolean" && attrs.inline;
   const display = explicitDisplay === "inline" || explicitDisplay === "block" ? explicitDisplay : isInline2 ? "inline" : "block";
   const explicitObjectFit = typeof attrs.objectFit === "string" ? attrs.objectFit : void 0;
+  const shouldCover = attrs.shouldCover === true;
   const isAnchor = anchor?.isAnchored ?? (typeof attrs.isAnchor === "boolean" ? attrs.isAnchor : false);
-  const objectFit = isAllowedObjectFit(explicitObjectFit) ? explicitObjectFit : display === "inline" ? "scale-down" : isAnchor ? "contain" : "contain";
+  const objectFit = isAllowedObjectFit(explicitObjectFit) ? explicitObjectFit : shouldCover ? "cover" : display === "inline" ? "scale-down" : isAnchor ? "contain" : "contain";
   return {
     kind: "image",
     id: nextBlockId("image"),
@@ -45922,7 +45950,10 @@ function imageNodeToBlock(node, nextBlockId, positions, _trackedMeta, _trackedCh
     margin: toBoxSpacing(attrs.marginOffset),
     anchor,
     wrap: normalizedWrap,
-    attrs: attrsWithPm
+    attrs: attrsWithPm,
+    // VML image adjustments for watermark effects
+    gain: typeof attrs.gain === "string" || typeof attrs.gain === "number" ? attrs.gain : void 0,
+    blacklevel: typeof attrs.blacklevel === "string" || typeof attrs.blacklevel === "number" ? attrs.blacklevel : void 0
   };
 }
 function handleImageNode(node, context) {
@@ -49872,11 +49903,13 @@ async function measureImageBlock(block, constraints) {
   const intrinsic = getIntrinsicImageSize(block, constraints.maxWidth);
   const isBlockBehindDoc = block.anchor?.behindDoc;
   const isBlockWrapBehindDoc = block.wrap?.type === "None" && block.wrap?.behindDoc;
-  const bypassWidthConstraint = isBlockBehindDoc || isBlockWrapBehindDoc;
+  const isPageRelativeAnchor2 = block.anchor?.isAnchored && (block.anchor?.hRelativeFrom === "page" || block.anchor?.hRelativeFrom === "margin");
+  const bypassWidthConstraint = isBlockBehindDoc || isBlockWrapBehindDoc || isPageRelativeAnchor2;
   const isWidthConstraintBypassed = bypassWidthConstraint || constraints.maxWidth <= 0;
   const maxWidth = isWidthConstraintBypassed ? intrinsic.width : constraints.maxWidth;
   const hasNegativeVerticalPosition = block.anchor?.isAnchored && (typeof block.anchor?.offsetV === "number" && block.anchor.offsetV < 0 || typeof block.margin?.top === "number" && block.margin.top < 0);
-  const maxHeight = hasNegativeVerticalPosition || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
+  const shouldBypassHeightConstraint = hasNegativeVerticalPosition || block.objectFit === "cover";
+  const maxHeight = shouldBypassHeightConstraint || !constraints.maxHeight || constraints.maxHeight <= 0 ? Infinity : constraints.maxHeight;
   const widthScale = maxWidth / intrinsic.width;
   const heightScale = maxHeight / intrinsic.height;
   const scale = Math.min(1, widthScale, heightScale);
@@ -64538,18 +64571,18 @@ const Image = Node$1.create({
       // Used during DOCX export to restore the original metafile format.
       originalExtension: { rendered: false },
       originalSrc: { rendered: false },
-      shouldStretch: {
+      shouldCover: {
         default: false,
         rendered: false
       },
       size: {
         default: {},
-        renderDOM: ({ size: size2, shouldStretch }) => {
+        renderDOM: ({ size: size2, shouldCover }) => {
           let style2 = "";
           let { width, height } = size2 ?? {};
           if (width) style2 += `width: ${width}px;`;
-          if (height && shouldStretch) {
-            style2 += `height: ${height}px; object-fit: fill;`;
+          if (height && shouldCover) {
+            style2 += `height: ${height}px; object-fit: cover; object-position: left top;`;
           } else if (height) style2 += "height: auto;";
           return { style: style2 };
         }
@@ -72832,6 +72865,9 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
         if (!node || !nodeNames.includes(node.type.name)) {
           return DecorationSet.empty;
         }
+        if (node.attrs?.vmlWatermark === true) {
+          return DecorationSet.empty;
+        }
         const decorations = [];
         if (nodeNames.includes(selection.node?.type.name)) {
           decorations.push(
@@ -72914,6 +72950,7 @@ const nodeResizer = (nodeNames = ["image"], editor) => {
     const pos = Number.parseInt(wrapper.getAttribute("data-pos"), 10);
     const node = view.state.doc.nodeAt(pos);
     if (!nodeNames.includes(node?.type.name)) return;
+    if (node?.attrs?.vmlWatermark === true) return;
     currentWrapper = wrapper;
     resizeContainer = document.createElement("div");
     resizeContainer.className = "sd-editor-resize-container";

package/dist/chunks/{index-BdaseaBw.cjs → index-DpgrTjYC.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const index = require("./index-C3KRKogJ.cjs");
-require("./SuperConverter-CgY28MJz.cjs");
+const index = require("./index-DJuBZura.cjs");
+require("./SuperConverter-Dy4wkQEB.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
 const provider = require("@hocuspocus/provider");
@@ -7496,7 +7496,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-H9_8IbtN.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-DqN1vOXI.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8450,7 +8450,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.4.0-next.1";
+    this.version = "1.4.0-next.2";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;