superdoc 2.4.0-next.62 → 2.4.0-next.64

package/dist/layout-engine/painters/dom/src/renderer.d.ts

@@ -261,6 +261,7 @@ export declare class DomPainter {
     private totalPages;
     private sectionPageCounts;
     private linkIdCounter;
+    private shapeImageFillCounter;
     private sdtLabelsRendered;
     /**
      * WeakMap storing tooltip data for hyperlink elements before DOM insertion.
@@ -528,6 +529,10 @@ export declare class DomPainter {
      * magnitude. Keep geometry scalable and paint the resolved width verbatim.
      */
     private applyPhysicalStrokeSemantics;
+    /** Paint a DrawingML picture fill through the existing SVG geometry. */
+    private applyShapeImageFill;
+    private appendShapeFillImage;
+    private resolveShapeTileOrigin;
     private hasShapeTextContent;
     private createShapeTextElement;
     private createTextboxContentElement;
@@ -548,6 +553,7 @@ export declare class DomPainter {
      * @param _groupScaleY - Reserved parent-group scale factor
      */
     private createFallbackTextElement;
+    private shapeTextAllowsOverflow;
     private applyShapeTextFlow;
     private tryCreatePresetSvg;
     /**

package/dist/layout-engine/painters/dom/src/runs/text-effects.d.ts

@@ -0,0 +1,14 @@
+import { TextEffects } from '../../../../contracts/src/index.js';
+type TextInkBounds = {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+};
+export declare function resolveTextReflectionTransform(reflection: NonNullable<TextEffects['reflection']>, ink: TextInkBounds): {
+    transform: string;
+    maskDirection: 'top' | 'bottom' | 'left' | 'right';
+};
+/** Apply paint-only Word text effects without changing glyph metrics. */
+export declare function applyTextEffects(element: HTMLElement, effects: TextEffects | undefined): void;
+export {};

package/dist/public/ui-react.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-DNtHxzz_.cjs");
+const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-Bom7oDPv.cjs");
 let react = require("react");
 //#region src/public/ui/react.ts
 /**

package/dist/public/ui-react.es.js

@@ -1,4 +1,4 @@
-import { t as createSuperDocUI } from "../chunks/create-super-doc-ui-B_1l545i.es.js";
+import { t as createSuperDocUI } from "../chunks/create-super-doc-ui-DbzVC0rr.es.js";
 import { createContext, createElement, useCallback, useContext, useEffect, useRef, useState } from "react";
 //#region src/public/ui/react.ts
 /**

package/dist/public/ui.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-DNtHxzz_.cjs");
+const require_create_super_doc_ui = require("../chunks/create-super-doc-ui-Bom7oDPv.cjs");
 exports.BUILT_IN_COMMAND_IDS = require_create_super_doc_ui.BUILT_IN_COMMAND_IDS;
 exports.createSuperDocUI = require_create_super_doc_ui.createSuperDocUI;
 exports.shallowEqual = require_create_super_doc_ui.shallowEqual;

package/dist/public/ui.es.js

@@ -1,2 +1,2 @@
-import { n as shallowEqual, r as BUILT_IN_COMMAND_IDS, t as createSuperDocUI } from "../chunks/create-super-doc-ui-B_1l545i.es.js";
+import { n as shallowEqual, r as BUILT_IN_COMMAND_IDS, t as createSuperDocUI } from "../chunks/create-super-doc-ui-DbzVC0rr.es.js";
 export { BUILT_IN_COMMAND_IDS, createSuperDocUI, shallowEqual };

package/dist/style.css

@@ -1770,11 +1770,11 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-d39f5239] {
+.superdoc[data-v-dfc988f2] {
   display: flex;
   position: relative;
 }
-.sd-visually-hidden[data-v-d39f5239] {
+.sd-visually-hidden[data-v-dfc988f2] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1785,30 +1785,30 @@ img[data-v-c95b2073] {
   white-space: nowrap;
   border: 0;
 }
-.right-sidebar[data-v-d39f5239] {
+.right-sidebar[data-v-dfc988f2] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-d39f5239] {
+.floating-comments[data-v-dfc988f2] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-d39f5239] {
+.superdoc__layers[data-v-dfc988f2] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-d39f5239] {
+.superdoc__document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-d39f5239] {
+.superdoc__selection-layer[data-v-dfc988f2] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -1819,13 +1819,13 @@ img[data-v-c95b2073] {
 /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
    the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
    clickable, and below the selection layer (z-index 10). */
-.superdoc__whiteboard-layer[data-v-d39f5239] {
+.superdoc__whiteboard-layer[data-v-dfc988f2] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-d39f5239] {
+.superdoc__temp-selection[data-v-dfc988f2] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -1833,7 +1833,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-d39f5239] {
+.superdoc__compact-comment-popover[data-v-dfc988f2] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -1842,14 +1842,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-d39f5239] {
+.tools[data-v-dfc988f2] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-d39f5239] {
+.tools-item[data-v-dfc988f2] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1860,10 +1860,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-d39f5239] {
+.tools-item i[data-v-dfc988f2] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-d39f5239] {
+.superdoc__tools-icon[data-v-dfc988f2] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -1878,22 +1878,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-d39f5239] {
+.superdoc .superdoc__layers[data-v-dfc988f2] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-d39f5239] {
+.ai-writer-container[data-v-dfc988f2] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -1909,10 +1909,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-d39f5239] {
+.ai-tool > svg[data-v-dfc988f2] {
   fill: transparent;
 }
-.ai-tool[data-v-d39f5239]::before {
+.ai-tool[data-v-dfc988f2]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -1933,7 +1933,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-d39f5239]:hover::before {
+.ai-tool[data-v-dfc988f2]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/style.layered.css

@@ -1770,11 +1770,11 @@ img[data-v-c95b2073] {
   pointer-events: auto;
 }
 
-.superdoc[data-v-d39f5239] {
+.superdoc[data-v-dfc988f2] {
   display: flex;
   position: relative;
 }
-.sd-visually-hidden[data-v-d39f5239] {
+.sd-visually-hidden[data-v-dfc988f2] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1785,30 +1785,30 @@ img[data-v-c95b2073] {
   white-space: nowrap;
   border: 0;
 }
-.right-sidebar[data-v-d39f5239] {
+.right-sidebar[data-v-dfc988f2] {
   min-width: 320px;
   height: 100%;
 }
-.floating-comments[data-v-d39f5239] {
+.floating-comments[data-v-dfc988f2] {
   min-width: 300px;
   width: 300px;
   height: 100%;
   overflow: visible;
 }
-.superdoc__layers[data-v-d39f5239] {
+.superdoc__layers[data-v-dfc988f2] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-d39f5239] {
+.superdoc__document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-d39f5239] {
+.superdoc__selection-layer[data-v-dfc988f2] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
@@ -1819,13 +1819,13 @@ img[data-v-c95b2073] {
 /* SD-3497: PDF whiteboard overlay sits above the rendered PDF canvas but below
    the PDF comment anchors (z-index 6 in PdfCommentsLayer) so anchors stay
    clickable, and below the selection layer (z-index 10). */
-.superdoc__whiteboard-layer[data-v-d39f5239] {
+.superdoc__whiteboard-layer[data-v-dfc988f2] {
   z-index: 4;
 }
-.superdoc__temp-selection[data-v-d39f5239] {
+.superdoc__temp-selection[data-v-dfc988f2] {
   position: absolute;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -1833,7 +1833,7 @@ img[data-v-c95b2073] {
   position: relative;
   z-index: 2;
 }
-.superdoc__compact-comment-popover[data-v-d39f5239] {
+.superdoc__compact-comment-popover[data-v-dfc988f2] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -1842,14 +1842,14 @@ img[data-v-c95b2073] {
 }
 
 /* Tools styles */
-.tools[data-v-d39f5239] {
+.tools[data-v-dfc988f2] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: var(--sd-ui-tools-gap, 6px);
 }
-.tools-item[data-v-d39f5239] {
+.tools-item[data-v-dfc988f2] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1860,10 +1860,10 @@ img[data-v-c95b2073] {
   cursor: pointer;
   position: relative;
 }
-.tools-item i[data-v-d39f5239] {
+.tools-item i[data-v-dfc988f2] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-d39f5239] {
+.superdoc__tools-icon[data-v-dfc988f2] {
   width: var(--sd-ui-tools-icon-size, 20px);
   height: var(--sd-ui-tools-icon-size, 20px);
   flex-shrink: 0;
@@ -1878,22 +1878,22 @@ img[data-v-c95b2073] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-d39f5239] {
+.superdoc .superdoc__layers[data-v-dfc988f2] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-d39f5239] {
+.superdoc__sub-document[data-v-dfc988f2] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-d39f5239] {
+.superdoc__right-sidebar[data-v-dfc988f2] {
     padding: 10px;
     position: relative;
 }
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-d39f5239] {
+.ai-writer-container[data-v-dfc988f2] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -1909,10 +1909,10 @@ img[data-v-c95b2073] {
   transform: translateY(-50%);
   z-index: 50;
 } */
-.ai-tool > svg[data-v-d39f5239] {
+.ai-tool > svg[data-v-dfc988f2] {
   fill: transparent;
 }
-.ai-tool[data-v-d39f5239]::before {
+.ai-tool[data-v-dfc988f2]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -1933,7 +1933,7 @@ img[data-v-c95b2073] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-d39f5239]:hover::before {
+.ai-tool[data-v-dfc988f2]:hover::before {
   filter: brightness(1.3);
 }
 

package/dist/superdoc.cjs

@@ -4,7 +4,7 @@ const require_blank_docx = require("./chunks/blank-docx-BuFAbRjs.cjs");
 const require_eventemitter3 = require("./chunks/eventemitter3-D38u8ta_.cjs");
 const require_uuid = require("./chunks/uuid-BhG0ngwk.cjs");
 const require_jszip = require("./chunks/jszip-RC64TPzL.cjs");
-const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-DNtHxzz_.cjs");
+const require_create_super_doc_ui = require("./chunks/create-super-doc-ui-Bom7oDPv.cjs");
 const require__plugin_vue_export_helper = require("./chunks/_plugin-vue_export-helper-SDR04tiH.cjs");
 const require_constants = require("./chunks/constants-DpXuDx_g.cjs");
 let vue = require("vue");
@@ -21793,6 +21793,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 				handleImageUpload: proxy.$superdoc.config.handleImageUpload,
 				externalExtensions: proxy.$superdoc.config.editorExtensions || [],
 				extensions: proxy.$superdoc.config.extensions || [],
+				...pdfConfig?.pdfLib ? { pdfLib: pdfConfig.pdfLib } : {},
 				suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
 				disableContextMenu: !proxy.$superdoc.uiConfig.contextMenu.enabled || proxy.$superdoc.config.disableContextMenu === true,
 				jsonOverride: proxy.$superdoc.config.jsonOverride,
@@ -22782,7 +22783,7 @@ var SuperDoc_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_v
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-d39f5239"]]);
+}, [["__scopeId", "data-v-dfc988f2"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -43261,7 +43262,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.4.0-next.62";
+		this.version = "2.4.0-next.64";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];

package/dist/superdoc.es.js

@@ -3,7 +3,7 @@ import { t as blank_default } from "./chunks/blank-docx-DzQccOlW.es.js";
 import { t as import_eventemitter3 } from "./chunks/eventemitter3-CMOjDs74.es.js";
 import { t as v4 } from "./chunks/uuid-H0Xcmmhy.es.js";
 import { a as init_dist$1, i as global, n as init_dist$2, o as Buffer, r as process$1, s as init_dist, t as require_jszip_min } from "./chunks/jszip-VxCFV9YS.es.js";
-import { a as DOM_CLASS_NAMES, i as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-B_1l545i.es.js";
+import { a as DOM_CLASS_NAMES, i as getV2TrackedChangeMutationImpact, t as createSuperDocUI } from "./chunks/create-super-doc-ui-DbzVC0rr.es.js";
 import { t as _plugin_vue_export_helper_default } from "./chunks/_plugin-vue_export-helper-BOaGB7Aw.es.js";
 import { t as PDF_TO_CSS_UNITS } from "./chunks/constants-B6VBlmKp.es.js";
 import * as Vue from "vue";
@@ -21753,6 +21753,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 				handleImageUpload: proxy.$superdoc.config.handleImageUpload,
 				externalExtensions: proxy.$superdoc.config.editorExtensions || [],
 				extensions: proxy.$superdoc.config.extensions || [],
+				...pdfConfig?.pdfLib ? { pdfLib: pdfConfig.pdfLib } : {},
 				suppressDefaultDocxStyles: proxy.$superdoc.config.suppressDefaultDocxStyles,
 				disableContextMenu: !proxy.$superdoc.uiConfig.contextMenu.enabled || proxy.$superdoc.config.disableContextMenu === true,
 				jsonOverride: proxy.$superdoc.config.jsonOverride,
@@ -22742,7 +22743,7 @@ var SuperDoc_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 38);
 		};
 	}
-}, [["__scopeId", "data-v-d39f5239"]]);
+}, [["__scopeId", "data-v-dfc988f2"]]);
 //#endregion
 //#region src/core/create-app.js
 var PINIA_DEVTOOLS_SETUP_EVENT = "devtools-plugin:setup";
@@ -43194,7 +43195,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.4.0-next.62";
+		this.version = "2.4.0-next.64";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];