@pixldocs/canvas-renderer 0.5.428 → 0.5.430

package/dist/{index-Dk0BUnsP.cjs → index-lW4vxeRT.cjs}

@@ -5039,7 +5039,13 @@ function updateCoverLayout(g) {
     scaleX: finalScale,
     scaleY: finalScale,
     originX: "center",
-    originY: "center"
+    originY: "center",
+    // Always keep inner bitmap axis-aligned within the frame; the parent
+    // crop group owns the rotation. See createMaskedImageElement for the
+    // full rationale.
+    angle: 0,
+    skewX: 0,
+    skewY: 0
   });
   const dispW = iw * finalScale;
   const dispH = ih * finalScale;
@@ -5475,6 +5481,16 @@ async function createMaskedImageElement({
     evented: false,
     opacity: 1,
     // CRITICAL: Always 1 for child - group handles opacity
+    // Force the inner bitmap's angle to 0 so it inherits ONLY the parent
+    // crop group's rotation. Some image sources (e.g. previously-rotated
+    // FabricImage objects, EXIF-baked PNGs, or drop-replacement payloads
+    // that carried a stale `angle` from a logical group) arrive here with
+    // a non-zero local angle. Without this reset the bitmap renders at
+    // (groupAngle + imgAngle) after reload, while the frame only carries
+    // groupAngle — making the photo look mis-rotated inside its frame.
+    angle: 0,
+    skewX: 0,
+    skewY: 0,
     // Preserve image-level caching settings if they exist
     objectCaching: img.objectCaching ?? false,
     noScaleCache: img.noScaleCache ?? true
@@ -16497,6 +16513,25 @@ const PageCanvas = react.forwardRef(
             }
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
+            try {
+              const isImg = obj instanceof fabric__namespace.FabricImage || obj.__cropGroup;
+              if (isImg) {
+                console.log("[Pixldocs:rotation-persist]", {
+                  objId,
+                  fabricType: obj.type,
+                  isCropGroup: !!obj.__cropGroup,
+                  isActiveSelection,
+                  objAngle: obj.angle,
+                  activeAngle: activeObj == null ? void 0 : activeObj.angle,
+                  decomposedAngle: decomposed == null ? void 0 : decomposed.angle,
+                  persistedAngle: elementUpdate.angle,
+                  persistedLeft: elementUpdate.left,
+                  persistedTop: elementUpdate.top,
+                  sourceElementAngle: sourceElement == null ? void 0 : sourceElement.angle
+                });
+              }
+            } catch {
+            }
           }
           const pageChildrenForReflow = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
@@ -16668,7 +16703,7 @@ const PageCanvas = react.forwardRef(
         }
       });
       fabricCanvas.on("mouse:dblclick", (e) => {
-        var _a2, _b2;
+        var _a2, _b2, _c2;
         if (!isActiveRef.current || !allowEditing) return;
         let target = e.target;
         if (!target) {
@@ -16680,6 +16715,16 @@ const PageCanvas = react.forwardRef(
           const innerImg = ct == null ? void 0 : ct._img;
           const innerSrc = ((_a2 = innerImg == null ? void 0 : innerImg.getSrc) == null ? void 0 : _a2.call(innerImg)) || ((_b2 = innerImg == null ? void 0 : innerImg._originalElement) == null ? void 0 : _b2.src) || (innerImg == null ? void 0 : innerImg.src) || "";
           const isPlaceholder = !innerSrc || innerSrc === EMPTY_IMAGE_PLACEHOLDER_DATA_URL;
+          const targetId = getObjectId(target);
+          const pageChildrenForCrop = ((_c2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c2.children) ?? [];
+          const parentForCrop = targetId ? findParentGroup(pageChildrenForCrop, targetId) : null;
+          const isInsideGroup = !!parentForCrop;
+          if (isInsideGroup) {
+            sonner.toast.info("Ungroup to crop this image", {
+              description: "Crop mode is disabled for images inside a group. Select the group and ungroup first."
+            });
+            return;
+          }
           if (innerImg && !isPlaceholder && !isCropGroupInCropMode(target)) {
             enterCropMode(target);
             return;
@@ -25706,9 +25751,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.428";
+const resolvedPackageVersion = "0.5.430";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.428";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.430";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26522,7 +26567,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-DrbrYFkJ.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CTWkNuBw.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28842,7 +28887,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-DrbrYFkJ.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CTWkNuBw.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29239,4 +29284,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-Dk0BUnsP.cjs.map
+//# sourceMappingURL=index-lW4vxeRT.cjs.map