@pixldocs/canvas-renderer 0.5.449 → 0.5.451

package/dist/{index-DJhcPNx7.cjs → index-xHv8_Y1M.cjs}

@@ -5122,7 +5122,13 @@ function localDeltaToWorld(dx, dy, angleDeg) {
 function getWorldAngleDeg(obj) {
   var _a2;
   try {
-    if (typeof obj.getTotalAngle === "function") return obj.getTotalAngle() || 0;
+    let total = 0;
+    let cur = obj;
+    while (cur) {
+      total += Number(cur.angle ?? 0) || 0;
+      cur = cur.group;
+    }
+    if (Number.isFinite(total)) return total;
     const matrix = (_a2 = obj.calcTransformMatrix) == null ? void 0 : _a2.call(obj);
     return matrix ? fabric__namespace.util.qrDecompose(matrix).angle || 0 : obj.angle || 0;
   } catch {
@@ -11682,10 +11688,16 @@ const applyTransformPreservingFlip = (obj, matrix) => {
   }
   obj.set({ scaleX: sx, scaleY: sy, flipX, flipY });
 };
-const restorePersistedFlipState = (obj, flipX, flipY) => {
+const restorePersistedFlipState = (obj, flipX, flipY, angle) => {
   const sx = Math.abs(Number(obj.scaleX ?? 1)) || 1;
   const sy = Math.abs(Number(obj.scaleY ?? 1)) || 1;
-  obj.set({ scaleX: sx, scaleY: sy, flipX, flipY });
+  obj.set({
+    scaleX: sx,
+    scaleY: sy,
+    flipX,
+    flipY,
+    ...Number.isFinite(angle) ? { angle } : {}
+  });
   obj.setCoords();
   obj.dirty = true;
 };
@@ -14650,7 +14662,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14943,9 +14955,12 @@ const PageCanvas = react.forwardRef(
               const liveGestureKey = `${obj.__pixldocsGroupSelection ?? "selection"}:${corner}:${((_k = groupSelectionTransformStartRef.current) == null ? void 0 : _k.selectionLeft) ?? obj.left ?? 0}:${((_l = groupSelectionTransformStartRef.current) == null ? void 0 : _l.selectionTop) ?? obj.top ?? 0}`;
               if (child.__asLiveGestureKey !== liveGestureKey) {
                 child.__asLiveGestureKey = liveGestureKey;
-                child.__asLiveOrigAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
+                const childIdForAngle = getObjectId(child);
+                const sourceChildForAngle = childIdForAngle ? elementsRef.current.find((el) => el.id === childIdForAngle) : null;
+                const isFlippedImageLikeChild = (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) && !!((sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipX) || (sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipY)) && Number.isFinite(sourceChildForAngle == null ? void 0 : sourceChildForAngle.angle);
+                child.__asLiveOrigAngle = isFlippedImageLikeChild ? sourceChildForAngle.angle ?? 0 : Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
               }
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) {
+              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_n = child._ct) == null ? void 0 : _n.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
                 if (child.__asLiveOrigAngle == null) {
@@ -15114,7 +15129,7 @@ const PageCanvas = react.forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_n = groupShiftReflowSnapshotRef.current) == null ? void 0 : _n.selection) === obj) {
+            if (isXSide && ((_o = groupShiftReflowSnapshotRef.current) == null ? void 0 : _o.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -15276,7 +15291,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_o = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _o.call(fabricCanvas);
+            (_p = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _p.call(fabricCanvas);
           } catch {
           }
         }
@@ -15683,12 +15698,18 @@ const PageCanvas = react.forwardRef(
                   const absLeft = (active.left ?? 0) - ct.frameW / 2;
                   const absTop = (active.top ?? 0) - ct.frameH / 2;
                   const storePosCrop = absoluteToStorePosition(absLeft, absTop, objId, pageChildrenCrop);
+                  const sourceCropElement = pageChildrenCrop.length ? findNodeById(pageChildrenCrop, objId) : null;
+                  const cropAngle = sourceCropElement && isElement(sourceCropElement) && (sourceCropElement.flipX || sourceCropElement.flipY) && Number.isFinite(sourceCropElement.angle) ? sourceCropElement.angle ?? 0 : active.angle ?? 0;
+                  if ((sourceCropElement == null ? void 0 : sourceCropElement.flipX) || (sourceCropElement == null ? void 0 : sourceCropElement.flipY)) {
+                    active.set({ angle: cropAngle, flipX: sourceCropElement.flipX ?? false, flipY: sourceCropElement.flipY ?? false });
+                    active.setCoords();
+                  }
                   updateElement2(objId, {
                     width: ct.frameW,
                     height: ct.frameH,
                     left: storePosCrop.left,
                     top: storePosCrop.top,
-                    angle: active.angle ?? 0,
+                    angle: cropAngle,
                     cropPanX: panX,
                     cropPanY: panY,
                     cropZoom: zoom3
@@ -16187,7 +16208,7 @@ const PageCanvas = react.forwardRef(
                   useEditorStore.getState().updateElement(objId, { src: newSrc }, { recordHistory: false, skipLayoutRecalc: true });
                 }
               } else if (isActiveSelection && (Math.abs((decomposed.scaleX ?? 1) - 1) > 1e-3 || Math.abs((decomposed.scaleY ?? 1) - 1) > 1e-3)) {
-                const imgChildLocalAngle = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : obj.angle ?? 0;
+                const imgChildLocalAngle = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : ((sourceElement == null ? void 0 : sourceElement.flipX) || (sourceElement == null ? void 0 : sourceElement.flipY)) && Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : obj.angle ?? 0;
                 const imgChildNormAngle = (imgChildLocalAngle % 360 + 360) % 360;
                 const imgChildIsRotated = Math.abs(imgChildNormAngle) > 0.5 && Math.abs(imgChildNormAngle - 360) > 0.5;
                 const imgHandle = activeSelectionResizeHandle;
@@ -16518,9 +16539,6 @@ const PageCanvas = react.forwardRef(
             );
             const cleanTransformMatrix = toggleLogicalFlipInMatrix(normalizedFinalAbsoluteMatrix, persistedFlipX, persistedFlipY);
             const persistedDecomposed = fabric__namespace.util.qrDecompose(cleanTransformMatrix);
-            if (isActiveSelection && (obj instanceof fabric__namespace.FabricImage || obj instanceof fabric__namespace.Group && obj.__cropGroup)) {
-              activeSelectionFlipRestores.push({ obj, flipX: persistedFlipX, flipY: persistedFlipY });
-            }
             const elementUpdate = {
               left: storePos.left,
               top: storePos.top,
@@ -16601,7 +16619,7 @@ const PageCanvas = react.forwardRef(
             const isCropGroupObj = obj instanceof fabric__namespace.Group && obj.__cropGroup;
             const isPlainImageObj = obj instanceof fabric__namespace.FabricImage && !obj.__cropGroup && !obj.smartElementType;
             if (isActiveSelection && isActiveSelectionSideHandle && (isCropGroupObj || isPlainImageObj)) {
-              const childLocalAngleSrc = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : obj.angle ?? 0;
+              const childLocalAngleSrc = obj.__asLiveOrigAngle != null ? obj.__asLiveOrigAngle : ((sourceElement == null ? void 0 : sourceElement.flipX) || (sourceElement == null ? void 0 : sourceElement.flipY)) && Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? sourceElement.angle ?? 0 : obj.angle ?? 0;
               const normAng = (childLocalAngleSrc % 360 + 360) % 360;
               const isRotatedImg = Math.min(normAng, 360 - normAng) > 0.5;
               if (isRotatedImg && activeObj instanceof fabric__namespace.ActiveSelection) {
@@ -16649,6 +16667,9 @@ const PageCanvas = react.forwardRef(
                 objectBeforeStoreWrite: summarizeFabricObjectForResizeDebug(obj)
               });
             }
+            if (isActiveSelection && (obj instanceof fabric__namespace.FabricImage || obj instanceof fabric__namespace.Group && obj.__cropGroup)) {
+              activeSelectionFlipRestores.push({ obj, flipX: persistedFlipX, flipY: persistedFlipY, angle: elementUpdate.angle });
+            }
             if (isActiveSelection) {
               logRotGroupImageDrift("store-update-child", {
                 time: Math.round(performance.now()),
@@ -16745,14 +16766,14 @@ const PageCanvas = react.forwardRef(
             skipActiveSelectionBakeOnClearRef.current = true;
             try {
               for (const restore of activeSelectionFlipRestores) {
-                restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY);
+                restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY, restore.angle);
               }
               fabricCanvas.discardActiveObject();
             } finally {
               skipActiveSelectionBakeOnClearRef.current = false;
             }
             for (const restore of activeSelectionFlipRestores) {
-              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY);
+              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY, restore.angle);
             }
             for (const bake of pendingCropGroupFrameBakes) {
               const ct = bake.obj.__cropData;
@@ -25940,9 +25961,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.449";
+const resolvedPackageVersion = "0.5.451";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.449";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.451";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26756,7 +26777,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-DDTYu7h6.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-a8L9h6E3.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29076,7 +29097,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-DDTYu7h6.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-a8L9h6E3.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29473,4 +29494,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DJhcPNx7.cjs.map
+//# sourceMappingURL=index-xHv8_Y1M.cjs.map