@pixldocs/canvas-renderer 0.5.444 → 0.5.446

package/dist/{index-DTJ_wDD-.cjs → index-BAQIJf_b.cjs}

@@ -11679,10 +11679,10 @@ 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, skewX: 0, skewY: 0, flipX, flipY, ...Number.isFinite(angle) ? { angle } : {} });
   obj.setCoords();
   obj.dirty = true;
 };
@@ -11793,11 +11793,16 @@ function applyWarpAwareSelectionBorders(selection) {
               selection.calcTransformMatrix()
             );
             kids.forEach((k, index) => {
+              var _a3;
               const beforeRestore = summarizeRotDriftObject(k);
               const localMatrix = fabric__namespace.util.multiplyTransformMatrices(
                 invSelection,
                 worldMatrices[index]
               );
+              const isImageLikeKid = k instanceof fabric__namespace.FabricImage || k instanceof fabric__namespace.Group && (k.__cropGroup || ((_a3 = k._ct) == null ? void 0 : _a3.isCropGroup));
+              const persistedKidFlipX = !!k.flipX;
+              const persistedKidFlipY = !!k.flipY;
+              const expectedCleanKidAngle = isImageLikeKid && (persistedKidFlipX || persistedKidFlipY) ? fabric__namespace.util.qrDecompose(toggleLogicalFlipInMatrix(localMatrix, persistedKidFlipX, persistedKidFlipY)).angle ?? 0 : void 0;
               const savedLayout = k.layoutManager;
               try {
                 if (savedLayout) k.layoutManager = void 0;
@@ -11807,6 +11812,9 @@ function applyWarpAwareSelectionBorders(selection) {
                 );
                 const expectedCenter = new fabric__namespace.Point(decomposed.translateX, decomposed.translateY);
                 k.setPositionByOrigin(expectedCenter, "center", "center");
+                if (isImageLikeKid && (persistedKidFlipX || persistedKidFlipY)) {
+                  restorePersistedFlipState(k, persistedKidFlipX, persistedKidFlipY, expectedCleanKidAngle);
+                }
               } finally {
                 if (savedLayout) k.layoutManager = savedLayout;
               }
@@ -14885,22 +14893,6 @@ const PageCanvas = react.forwardRef(
           const startSy = Math.abs(Number(((_h = _cur == null ? void 0 : _cur.original) == null ? void 0 : _h.scaleY) ?? 1)) || 1;
           const sAxis = isXSide ? Math.abs((obj.scaleX ?? 1) / startSx) : Math.abs((obj.scaleY ?? 1) / startSy);
           if (sAxis > 1e-3) {
-            const captureAsLiveWorldSnapshot = (childObj, liveW, liveH) => {
-              try {
-                const selectionMatrix = obj.calcTransformMatrix();
-                const childMatrix = childObj.calcOwnMatrix();
-                const worldMatrix = fabric__namespace.util.multiplyTransformMatrices(selectionMatrix, childMatrix);
-                const live = fabric__namespace.util.qrDecompose(worldMatrix);
-                const childOrigLocalAngle = Number.isFinite(childObj.__asLiveOrigAngle) ? childObj.__asLiveOrigAngle : childObj.angle ?? 0;
-                childObj.__asLiveWorldAngle = (obj.angle ?? 0) + childOrigLocalAngle;
-                childObj.__asLiveWorldCenterX = live.translateX;
-                childObj.__asLiveWorldCenterY = live.translateY;
-                childObj.__asLiveParentWorldAngle = obj.angle ?? 0;
-                if (Number.isFinite(liveW)) childObj.__asLiveFinalW = liveW;
-                if (Number.isFinite(liveH)) childObj.__asLiveFinalH = liveH;
-              } catch {
-              }
-            };
             if (isXSide && ((_i = groupShiftReflowSnapshotRef.current) == null ? void 0 : _i.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
@@ -14943,118 +14935,12 @@ const PageCanvas = react.forwardRef(
                 child.__asLiveOrigAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
               }
               if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) {
-                const ct = child.__cropData;
-                if (!ct) continue;
-                if (child.__asLiveOrigAngle == null) {
-                  child.__asLiveOrigAngle = child.angle ?? 0;
-                }
-                const childAngleDegC = child.__asLiveOrigAngle;
-                const asSxC = isXSide ? sAxis : 1;
-                const asSyC = isXSide ? 1 : sAxis;
-                const thetaC = fabric__namespace.util.degreesToRadians(childAngleDegC);
-                const cosTC = Math.cos(thetaC);
-                const sinTC = Math.sin(thetaC);
-                const sLocalC = isXSide ? asSxC * cosTC * cosTC + sinTC * sinTC : asSyC * cosTC * cosTC + sinTC * sinTC;
-                if (isXSide) {
-                  if (child.__asLiveOrigW == null) {
-                    const baseW = child.width ?? ct.frameW ?? 0;
-                    child.__asLiveOrigW = baseW * (child.scaleX ?? 1);
-                  }
-                  const origW = child.__asLiveOrigW;
-                  const newW = Math.max(20, origW * sLocalC);
-                  if (Math.abs((child.width ?? 0) - newW) > 0.5) {
-                    ct.frameW = newW;
-                    child._set("width", newW);
-                  }
-                } else {
-                  if (child.__asLiveOrigH == null) {
-                    const baseH = child.height ?? ct.frameH ?? 0;
-                    child.__asLiveOrigH = baseH * (child.scaleY ?? 1);
-                  }
-                  const origH = child.__asLiveOrigH;
-                  const newH = Math.max(20, origH * sLocalC);
-                  if (Math.abs((child.height ?? 0) - newH) > 0.5) {
-                    ct.frameH = newH;
-                    child._set("height", newH);
-                  }
-                }
-                try {
-                  const invC = [1 / asSxC, 0, 0, 1 / asSyC, 0, 0];
-                  const RthetaC = fabric__namespace.util.composeMatrix({
-                    angle: childAngleDegC,
-                    scaleX: 1,
-                    scaleY: 1,
-                    translateX: 0,
-                    translateY: 0
-                  });
-                  const MC = fabric__namespace.util.multiplyTransformMatrices(invC, RthetaC);
-                  const decC = fabric__namespace.util.qrDecompose(MC);
-                  child._set("angle", decC.angle);
-                  child._set("scaleX", decC.scaleX);
-                  child._set("scaleY", decC.scaleY);
-                  child._set("skewX", decC.skewX);
-                  child._set("skewY", decC.skewY);
-                } catch {
-                }
-                try {
-                  updateCoverLayout(child);
-                } catch {
-                }
                 child.setCoords();
-                captureAsLiveWorldSnapshot(child, ct.frameW ?? child.width ?? 0, ct.frameH ?? child.height ?? 0);
                 child.dirty = true;
                 continue;
               }
               if (child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
-                if (child.__asLiveOrigAngle == null) {
-                  child.__asLiveOrigAngle = child.angle ?? 0;
-                }
-                const childAngleDegI = child.__asLiveOrigAngle;
-                const asSxI = isXSide ? sAxis : 1;
-                const asSyI = isXSide ? 1 : sAxis;
-                const thetaI = fabric__namespace.util.degreesToRadians(childAngleDegI);
-                const cosTI = Math.cos(thetaI);
-                const sinTI = Math.sin(thetaI);
-                const sLocalI = isXSide ? asSxI * cosTI * cosTI + sinTI * sinTI : asSyI * cosTI * cosTI + sinTI * sinTI;
-                if (isXSide) {
-                  if (child.__asLiveOrigW == null) {
-                    child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
-                  }
-                  const origW = child.__asLiveOrigW;
-                  const newW = Math.max(1, origW * sLocalI);
-                  if (Math.abs((child.width ?? 0) - newW) > 0.5) {
-                    child._set("width", newW);
-                  }
-                } else {
-                  if (child.__asLiveOrigH == null) {
-                    child.__asLiveOrigH = (child.height ?? 0) * (child.scaleY ?? 1);
-                  }
-                  const origH = child.__asLiveOrigH;
-                  const newH = Math.max(1, origH * sLocalI);
-                  if (Math.abs((child.height ?? 0) - newH) > 0.5) {
-                    child._set("height", newH);
-                  }
-                }
-                try {
-                  const invI = [1 / asSxI, 0, 0, 1 / asSyI, 0, 0];
-                  const RthetaI = fabric__namespace.util.composeMatrix({
-                    angle: childAngleDegI,
-                    scaleX: 1,
-                    scaleY: 1,
-                    translateX: 0,
-                    translateY: 0
-                  });
-                  const MI = fabric__namespace.util.multiplyTransformMatrices(invI, RthetaI);
-                  const decI = fabric__namespace.util.qrDecompose(MI);
-                  child._set("angle", decI.angle);
-                  child._set("scaleX", decI.scaleX);
-                  child._set("scaleY", decI.scaleY);
-                  child._set("skewX", decI.skewX);
-                  child._set("skewY", decI.skewY);
-                } catch {
-                }
                 child.setCoords();
-                captureAsLiveWorldSnapshot(child, child.width ?? 0, child.height ?? 0);
                 child.dirty = true;
                 continue;
               }
@@ -16501,8 +16387,9 @@ const PageCanvas = react.forwardRef(
             const objectFlipY = obj.flipY ?? false;
             const persistedFlipX = (sourceElement == null ? void 0 : sourceElement.flipX) ?? objectFlipX;
             const persistedFlipY = (sourceElement == null ? void 0 : sourceElement.flipY) ?? objectFlipY;
+            const persistedAngle = sourceElement ? Number.isFinite(sourceElement.angle) ? sourceElement.angle ?? 0 : 0 : Number.isFinite(obj.angle) ? obj.angle ?? 0 : void 0;
             const isActiveSelectionResizeGesture = activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb" || activeSelectionResizeHandle === "tl" || activeSelectionResizeHandle === "tr" || activeSelectionResizeHandle === "bl" || activeSelectionResizeHandle === "br";
-            const expectedCleanAngle = isActiveSelection && isActiveSelectionResizeGesture ? Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? (sourceElement == null ? void 0 : sourceElement.angle) ?? 0 : Number.isFinite(obj.angle) ? obj.angle ?? 0 : void 0 : void 0;
+            const expectedCleanAngle = isActiveSelection && isActiveSelectionResizeGesture ? sourceElement ? Number.isFinite(sourceElement.angle) ? sourceElement.angle ?? 0 : 0 : Number.isFinite(obj.angle) ? obj.angle ?? 0 : void 0 : void 0;
             const normalizedFinalAbsoluteMatrix = normalizeMatrixForPersistedFlip(
               toggleLogicalFlipInMatrix(
                 finalAbsoluteMatrix,
@@ -16516,7 +16403,7 @@ 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 });
+              activeSelectionFlipRestores.push({ obj, flipX: persistedFlipX, flipY: persistedFlipY, angle: persistedAngle });
             }
             const elementUpdate = {
               left: storePos.left,
@@ -16742,14 +16629,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;
@@ -16770,6 +16657,9 @@ const PageCanvas = react.forwardRef(
               updateCoverLayout(bake.obj);
               bake.obj.setCoords();
             }
+            for (const restore of activeSelectionFlipRestores) {
+              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY, restore.angle);
+            }
             if (membersToReselect.length > 1) {
               const newSel = new fabric__namespace.ActiveSelection(membersToReselect, { canvas: fabricCanvas });
               if (wasGroupSel) restoreGroupSelectionVisualState(newSel, wasGroupSel);
@@ -25937,9 +25827,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.444";
+const resolvedPackageVersion = "0.5.446";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.444";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.446";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26753,7 +26643,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-Cy6iRFYd.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-D7WHhcGD.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29073,7 +28963,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-Cy6iRFYd.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-D7WHhcGD.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29470,4 +29360,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DTJ_wDD-.cjs.map
+//# sourceMappingURL=index-BAQIJf_b.cjs.map