@pixldocs/canvas-renderer 0.5.466 → 0.5.468

package/dist/{index-CJitUO8J.cjs → index-DoJk8IkH.cjs}

@@ -5261,53 +5261,6 @@ function updateCoverLayout(g) {
     g.canvas.requestRenderAll();
   }
 }
-function shrinkContainGroupToImageBounds(g) {
-  const ct = g.__cropData;
-  if (!ct || ct.fit !== "contain") return;
-  const img = ct._img;
-  if (!img) return;
-  const clip = g.clipPath;
-  if (clip && (isSvgMaskClipPath(clip) || isLuminanceMaskClipPath(clip) || clip.__svgMask || clip.__edgeFadeMask)) return;
-  const iw = img.width || 0;
-  const ih = img.height || 0;
-  const sx = Math.abs(img.scaleX || 1);
-  const sy = Math.abs(img.scaleY || 1);
-  const dispW = iw * sx;
-  const dispH = ih * sy;
-  if (dispW <= 0 || dispH <= 0) return;
-  const frameW = Number(ct.frameW) || g.width || dispW;
-  const frameH = Number(ct.frameH) || g.height || dispH;
-  const alignH = ct.alignH ?? "center";
-  const alignV = ct.alignV ?? "middle";
-  const slackX = frameW - dispW;
-  const slackY = frameH - dispH;
-  const offsetX = alignH === "left" ? -slackX / 2 : alignH === "right" ? slackX / 2 : 0;
-  const offsetY = alignV === "top" ? -slackY / 2 : alignV === "bottom" ? slackY / 2 : 0;
-  const angleRad = fabric__namespace.util.degreesToRadians(g.angle || 0);
-  const cos = Math.cos(angleRad);
-  const sin = Math.sin(angleRad);
-  const worldDx = offsetX * cos - offsetY * sin;
-  const worldDy = offsetX * sin + offsetY * cos;
-  g.set({
-    left: (g.left || 0) + worldDx,
-    top: (g.top || 0) + worldDy,
-    width: dispW,
-    height: dispH
-  });
-  img.set({ left: 0, top: 0 });
-  if (clip) {
-    if (clip instanceof fabric__namespace.Rect) {
-      const rxRatio = Number(ct.rx) || 0;
-      const rxPx = rxRatio > 0.5 ? Math.min(rxRatio, dispW / 2, dispH / 2) : Math.max(0, Math.min(rxRatio * Math.min(dispW, dispH), dispW / 2, dispH / 2));
-      clip.set({ width: dispW, height: dispH, rx: rxPx, ry: rxPx });
-    } else if (clip instanceof fabric__namespace.Ellipse) {
-      clip.set({ rx: dispW / 2, ry: dispH / 2 });
-    }
-    clip.dirty = true;
-  }
-  g.dirty = true;
-  g.setCoords();
-}
 function getDomEvent(eventData) {
   return (eventData == null ? void 0 : eventData.e) ?? eventData ?? null;
 }
@@ -12346,18 +12299,21 @@ const PageCanvas = react.forwardRef(
           if (id && id !== "__background__") {
             const width = (obj.width ?? 0) * (obj.scaleX ?? 1);
             const height = (obj.height ?? 0) * (obj.scaleY ?? 1);
-            let left = obj.left ?? 0;
-            let top = obj.top ?? 0;
-            if (obj instanceof fabric__namespace.Group && obj.__cropGroup) {
-              left = left - width / 2;
-              top = top - height / 2;
-            } else if (obj.originX === "center" || obj.originY === "center") {
-              const offsetX = obj.originX === "center" ? width / 2 : 0;
-              const offsetY = obj.originY === "center" ? height / 2 : 0;
-              left = left - offsetX;
-              top = top - offsetY;
+            const angle = obj.angle ?? 0;
+            let left;
+            let top;
+            const centerFn = obj.getCenterPoint;
+            if (typeof centerFn === "function") {
+              const c = centerFn.call(obj);
+              left = c.x - width / 2;
+              top = c.y - height / 2;
+            } else {
+              left = obj.left ?? 0;
+              top = obj.top ?? 0;
+              if (obj.originX === "center") left -= width / 2;
+              if (obj.originY === "center") top -= height / 2;
             }
-            result.set(id, { left, top, width, height });
+            result.set(id, { left, top, width, height, angle });
           }
         });
         return result;
@@ -17699,7 +17655,6 @@ const PageCanvas = react.forwardRef(
                       ct.fit = elFit;
                     }
                     updateCoverLayout(existingObj);
-                    shrinkContainGroupToImageBounds(existingObj);
                     applyEdgeFadeFrameClipPath(existingObj, element, ct.frameW, ct.frameH, ct.shape || "rect", ct.rx || 0);
                     if (allowEditing) {
                       installImageResizeControlsWithSnap(existingObj);
@@ -17807,7 +17762,6 @@ const PageCanvas = react.forwardRef(
                         ctSync.alignV = element.imageAlignV ?? "middle";
                         ctSync.containScale = Math.max(1, Math.min(3, Number(element.containScale ?? 1)));
                         updateCoverLayout(existingObj);
-                        shrinkContainGroupToImageBounds(existingObj);
                         existingObj.dirty = true;
                       }
                     }
@@ -19774,7 +19728,6 @@ const PageCanvas = react.forwardRef(
             updateCoverLayout(cropGroup);
           }
           applyEdgeFadeFrameClipPath(cropGroup, element, frameW, frameH, shape, rxRatio);
-          shrinkContainGroupToImageBounds(cropGroup);
           setObjectData(cropGroup, element.id);
           cropGroup.__imageElement = cropImg;
           cropGroup.__imageSrc = imageUrl;
@@ -20521,7 +20474,9 @@ function PreviewCanvas({
                     border: isHovered ? "2px solid rgb(59 130 246)" : "none",
                     backgroundColor: isHovered ? "rgba(59, 130, 246, 0.1)" : "transparent",
                     borderRadius: 4,
-                    pointerEvents: "auto"
+                    pointerEvents: "auto",
+                    transform: (bounds == null ? void 0 : bounds.angle) ? `rotate(${bounds.angle}deg)` : void 0,
+                    transformOrigin: "center center"
                   },
                   onMouseEnter: () => setHoveredFieldId(element.id),
                   onMouseLeave: () => setHoveredFieldId(null),
@@ -26358,9 +26313,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.466";
+const resolvedPackageVersion = "0.5.468";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.466";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.468";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27174,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-DldoIDUl.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CsY4HpZu.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29494,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-DldoIDUl.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CsY4HpZu.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29808,4 +29763,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CJitUO8J.cjs.map
+//# sourceMappingURL=index-DoJk8IkH.cjs.map