@pixldocs/canvas-renderer 0.5.209 → 0.5.211

package/dist/{index-DQF_on2h.cjs → index-d8U2oDzI.cjs}

@@ -4071,6 +4071,11 @@ async function loadImageAsync(element, placeholder, fc, fabricRef, syncLockedRef
       setObjectData(cropGroup, element.id);
       cropGroup.__imageSrc = imageUrl;
       cropGroup.__svgColorMap = nextSvgColorMap;
+      cropGroup.set({
+        flipX: element.flipX ?? false,
+        flipY: element.flipY ?? false
+      });
+      cropGroup.setCoords();
       finalObject = cropGroup;
     } else {
       setObjectData(img, element.id);
@@ -10576,14 +10581,15 @@ const PageCanvas = react.forwardRef(
             const storePos = absoluteToStorePosition(absoluteLeft, absoluteTop, objId, pageChildrenForSave);
             const isLineObj = obj instanceof fabric__namespace.Line;
             const isAutoShrinkText = (sourceElement == null ? void 0 : sourceElement.type) === "text" && sourceElement.overflowPolicy === "auto-shrink";
-            const autoShrinkStoredWidth = isAutoShrinkText ? sourceElement.width : void 0;
             const autoShrinkStoredHeight = isAutoShrinkText ? sourceElement.height : void 0;
             const elementUpdate = {
               left: storePos.left,
               top: storePos.top,
-              // Auto-shrink: lock width, but let height shrink to actual rendered height for proper stack reflow.
-              width: isAutoShrinkText ? autoShrinkStoredWidth ?? finalWidth : finalWidth,
-              height: isLineObj ? 0 : isAutoShrinkText ? typeof autoShrinkStoredHeight === "number" ? Math.min(autoShrinkStoredHeight, finalHeight) : finalHeight : finalHeight,
+              // Auto-shrink: persist width from the user-driven resize handles (ml/mr/corners).
+              // Fabric's Textbox 'resizing' event updates obj.width directly with scaleX=1,
+              // so finalWidth already reflects the new width chosen by the user.
+              width: finalWidth,
+              height: isLineObj ? 0 : isAutoShrinkText ? typeof autoShrinkStoredHeight === "number" ? autoShrinkStoredHeight : finalHeight : finalHeight,
               angle: decomposed.angle,
               skewX: isLineObj ? 0 : decomposed.skewX,
               skewY: isLineObj ? 0 : decomposed.skewY,
@@ -18964,9 +18970,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.209";
+const resolvedPackageVersion = "0.5.211";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.209";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.211";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -19026,7 +19032,7 @@ function detectSafariOrIos() {
     return false;
   }
 }
-async function downscaleConfigRasterImages(config, maxEdgePx, maxDataUrlBytes = 2e6) {
+async function downscaleConfigRasterImages(config, maxEdgePx, maxDataUrlBytes = 2e6, jpegQuality = 0.85) {
   if (!maxEdgePx || maxEdgePx <= 0) return 0;
   if (typeof document === "undefined") return 0;
   const targets = [];
@@ -19090,7 +19096,7 @@ async function downscaleConfigRasterImages(config, maxEdgePx, maxDataUrlBytes =
         return null;
       }
       let scale = tooLargeByEdge ? maxEdgePx / longest : 1;
-      let quality = 0.85;
+      let quality = Math.max(0.4, Math.min(1, jpegQuality));
       let best = null;
       for (let attempt = 0; attempt < 4; attempt++) {
         const tw = Math.max(1, Math.round(w * scale));
@@ -19114,7 +19120,7 @@ async function downscaleConfigRasterImages(config, maxEdgePx, maxDataUrlBytes =
         }
         const byteScale = Math.sqrt(maxDataUrlBytes / Math.max(1, outBytes)) * 0.92;
         scale = Math.max(0.1, scale * Math.min(0.95, byteScale));
-        quality = Math.max(0.68, quality - 0.06);
+        quality = Math.max(0.4, quality - 0.06);
       }
       if (blobUrl) URL.revokeObjectURL(blobUrl);
       return best;
@@ -19489,7 +19495,9 @@ class PixldocsRenderer {
       title: options == null ? void 0 : options.title,
       textMode: options == null ? void 0 : options.textMode,
       forcePerElementPdf: options == null ? void 0 : options.forcePerElementPdf,
-      maxImageEdgePx: options == null ? void 0 : options.maxImageEdgePx
+      maxImageEdgePx: options == null ? void 0 : options.maxImageEdgePx,
+      compressImages: options == null ? void 0 : options.compressImages,
+      compressionQuality: options == null ? void 0 : options.compressionQuality
     });
   }
   /**
@@ -19497,7 +19505,7 @@ class PixldocsRenderer {
    * This is the primary PDF export API — mirrors renderFromForm() but returns a PDF.
    */
   async renderPdfFromForm(options) {
-    const { templateId, formSchemaId, sectionState, themeId, watermark, watermarkOptions, prefetched, title, fontBaseUrl, textMode, forcePerElementPdf, maxImageEdgePx } = options;
+    const { templateId, formSchemaId, sectionState, themeId, watermark, watermarkOptions, prefetched, title, fontBaseUrl, textMode, forcePerElementPdf, maxImageEdgePx, compressImages, compressionQuality } = options;
     const resolved = await resolveFromForm({
       templateId,
       formSchemaId,
@@ -19520,7 +19528,9 @@ class PixldocsRenderer {
       watermark: shouldWatermark,
       textMode,
       forcePerElementPdf,
-      maxImageEdgePx
+      maxImageEdgePx,
+      compressImages,
+      compressionQuality
     });
   }
   async renderById(templateId, formData, options) {
@@ -19567,13 +19577,20 @@ class PixldocsRenderer {
     const hasUserDataImage = configHasUserDataImage(cloned);
     const isSafariLike = detectSafariOrIos();
     const shouldForcePerElement = forceMode === true ? true : forceMode === false ? false : false;
+    const compressImagesOpt = options.compressImages ?? true;
     const maxEdgeOpt = options.maxImageEdgePx ?? this.config.maxImageEdgePx;
-    const effectiveMaxEdge = typeof maxEdgeOpt === "number" ? Math.max(0, maxEdgeOpt | 0) : hasUserDataImage ? 2048 : 0;
+    const effectiveMaxEdge = typeof maxEdgeOpt === "number" ? Math.max(0, maxEdgeOpt | 0) : compressImagesOpt ? hasUserDataImage ? 2048 : 0 : 0;
+    const downscaleQuality = compressImagesOpt ? typeof options.compressionQuality === "number" ? Math.max(0.4, Math.min(1, options.compressionQuality)) : 0.85 : 0.95;
     if (effectiveMaxEdge > 0) {
       try {
-        const downscaled = await downscaleConfigRasterImages(cloned, effectiveMaxEdge);
+        const downscaled = await downscaleConfigRasterImages(
+          cloned,
+          effectiveMaxEdge,
+          void 0,
+          downscaleQuality
+        );
         if (downscaled > 0) {
-          console.log(`[canvas-renderer][pdf-unified] downscaled ${downscaled} raster image(s) to <=${effectiveMaxEdge}px edge`);
+          console.log(`[canvas-renderer][pdf-unified] downscaled ${downscaled} raster image(s) to <=${effectiveMaxEdge}px edge @ q=${downscaleQuality}`);
         }
       } catch (e) {
         console.warn("[canvas-renderer][pdf-unified] image downscale pass failed (continuing with originals):", e);
@@ -19584,7 +19601,9 @@ class PixldocsRenderer {
       hasUserDataImage,
       isSafariLike,
       shouldForcePerElement,
-      effectiveMaxEdge
+      effectiveMaxEdge,
+      compressImages: compressImagesOpt,
+      downscaleQuality
     });
     const stampPrefix = `__pixldocs_pdf_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
     const pageIds = cloned.pages.map((p, i) => {
@@ -19645,7 +19664,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-B04JIcJr.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-QzySzFJJ.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -19662,7 +19681,9 @@ class PixldocsRenderer {
         // path and use the live Fabric object PDF path instead, preserving live
         // matrices/order so we do not regress into stale config-space layout.
         skipLiveCanvasSvgFastPath: forceMode === true,
-        useLiveCanvasObjectPdfPath: shouldForcePerElement && forceMode !== true
+        useLiveCanvasObjectPdfPath: shouldForcePerElement && forceMode !== true,
+        compressImages: options.compressImages ?? true,
+        compressionQuality: options.compressionQuality
       });
       if (!result || typeof result === "undefined") {
         throw new Error("exportMultiPagePdf returned no blob (returnBlob path failed)");
@@ -21829,7 +21850,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-B04JIcJr.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-QzySzFJJ.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -22226,4 +22247,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DQF_on2h.cjs.map
+//# sourceMappingURL=index-d8U2oDzI.cjs.map