@pixldocs/canvas-renderer 0.5.465 → 0.5.467

package/dist/{index-Co301SkV.cjs → index-JJbf0DOF.cjs}

@@ -5255,6 +5255,22 @@ function updateCoverLayout(g) {
   if (g.clipPath) {
     g.clipPath.dirty = true;
   }
+  if (fitContain && g.clipPath) {
+    const clip = g.clipPath;
+    const isSpecialMask = isSvgMaskClipPath(clip) || isLuminanceMaskClipPath(clip) || clip.__svgMask || clip.__edgeFadeMask;
+    if (!isSpecialMask) {
+      const clipW = Math.max(frameW, dispW);
+      const clipH = Math.max(frameH, dispH);
+      if (clip instanceof fabric__namespace.Rect) {
+        const rxRatioCt = Number(ct.rx) || 0;
+        const rxPx = rxRatioCt > 0.5 ? Math.min(rxRatioCt, clipW / 2, clipH / 2) : Math.max(0, Math.min(rxRatioCt * Math.min(clipW, clipH), clipW / 2, clipH / 2));
+        clip.set({ width: clipW, height: clipH, rx: rxPx, ry: rxPx, left: offsetX, top: offsetY });
+      } else if (clip instanceof fabric__namespace.Ellipse) {
+        clip.set({ rx: clipW / 2, ry: clipH / 2, left: offsetX, top: offsetY });
+      }
+      clip.dirty = true;
+    }
+  }
   finalizeCropGroupCoords(g);
   if (g.canvas) {
     g.setCoords();
@@ -17485,17 +17501,6 @@ const PageCanvas = react.forwardRef(
               const fadeKeyChanged = newFadeKey !== oldFadeKey || newFadeKey !== innerOldKey || cropFadeRendererMissing;
               const needsReload = sourceUrlChanged || colorMapChanged || fadeKeyChanged && !isCropGroup2;
               const needsCropGroupFadeUpdate = isCropGroup2 && fadeKeyChanged;
-              let cropFrameSizeChanged = false;
-              if (isCropGroup2) {
-                const liveCt = existingObj.__cropData;
-                const liveW = Number(liveCt == null ? void 0 : liveCt.frameW) || 0;
-                const liveH = Number(liveCt == null ? void 0 : liveCt.frameH) || 0;
-                const schemaW = (Number(element.width) || 0) * (Number(element.scaleX) || 1);
-                const schemaH = (Number(element.height) || 0) * (Number(element.scaleY) || 1);
-                if (schemaW > 0 && schemaH > 0 && (Math.abs(schemaW - liveW) > 0.5 || Math.abs(schemaH - liveH) > 0.5)) {
-                  cropFrameSizeChanged = true;
-                }
-              }
               const hadUrlBefore = storedImageUrl && String(storedImageUrl).trim() !== "";
               if (!hasUrl && hadUrlBefore) {
                 const resolvedSizeImg = (pageChildren == null ? void 0 : pageChildren.length) ? getNodeBounds(element, pageChildren) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
@@ -17532,7 +17537,7 @@ const PageCanvas = react.forwardRef(
               const clipShapeForReplace = element.clipShape ?? ((_g = element.style) == null ? void 0 : _g.imageFrameShape) ?? (isPreviewMode ? "rectangle" : "none");
               const needCropGroupForElement = imageFitForReplace !== "fill" || clipShapeForReplace && clipShapeForReplace !== "none";
               const plainImageNeedsCropGroup = hasUrl && !isCropGroup2 && existingObj instanceof fabric__namespace.FabricImage && needCropGroupForElement;
-              if (hasUrl && (needsReload || isPlaceholder || plainImageNeedsCropGroup || needsCropGroupFadeUpdate || cropFrameSizeChanged)) {
+              if (hasUrl && (needsReload || isPlaceholder || plainImageNeedsCropGroup || needsCropGroupFadeUpdate)) {
                 if (needsReload && !isBeingTransformed && (!wasJustModified || sourceUrlChanged)) {
                   loadImageAsync2(element, existingObj, fc);
                 } else if (plainImageNeedsCropGroup) {
@@ -26308,9 +26313,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.465";
+const resolvedPackageVersion = "0.5.467";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.465";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.467";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27124,7 +27129,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-Bsd1V19b.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CYxG1Qy-.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29444,7 +29449,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-Bsd1V19b.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CYxG1Qy-.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29758,4 +29763,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-Co301SkV.cjs.map
+//# sourceMappingURL=index-JJbf0DOF.cjs.map