@pixldocs/canvas-renderer 0.5.448 → 0.5.450

package/dist/{index-CzxefTLk.cjs → index-DM88x3tM.cjs}

@@ -11664,17 +11664,20 @@ const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   return updates;
 };
 const applyTransformPreservingFlip = (obj, matrix) => {
-  fabric__namespace.util.applyTransformToObject(obj, matrix);
-  let sx = obj.scaleX ?? 1;
-  let sy = obj.scaleY ?? 1;
-  let flipX = false;
-  let flipY = false;
+  const intendedFlipX = obj.flipX ?? false;
+  const intendedFlipY = obj.flipY ?? false;
+  const cleanMatrix = toggleLogicalFlipInMatrix(matrix, intendedFlipX, intendedFlipY);
+  fabric__namespace.util.applyTransformToObject(obj, cleanMatrix);
+  let sx = Number(obj.scaleX ?? 1) || 1;
+  let sy = Number(obj.scaleY ?? 1) || 1;
+  let flipX = intendedFlipX;
+  let flipY = intendedFlipY;
   if (sx < 0) {
-    flipX = true;
+    flipX = !flipX;
     sx = -sx;
   }
   if (sy < 0) {
-    flipY = true;
+    flipY = !flipY;
     sy = -sy;
   }
   obj.set({ scaleX: sx, scaleY: sy, flipX, flipY });
@@ -11682,19 +11685,13 @@ const applyTransformPreservingFlip = (obj, matrix) => {
 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, skewX: 0, skewY: 0, flipX, flipY, ...Number.isFinite(angle) ? { angle } : {} });
-  obj.setCoords();
-  obj.dirty = true;
-};
-const isBitmapLikeFabricObject = (obj) => {
-  var _a2;
-  return obj instanceof fabric__namespace.FabricImage || obj instanceof fabric__namespace.Group && !!(obj.__cropGroup || ((_a2 = obj._ct) == null ? void 0 : _a2.isCropGroup));
-};
-const restorePersistedFlipFlagsOnly = (obj, flipX, flipY) => {
-  if (!isBitmapLikeFabricObject(obj)) return;
-  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;
 };
@@ -11805,16 +11802,11 @@ 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;
@@ -11824,9 +11816,6 @@ 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;
               }
@@ -14667,7 +14656,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, _p, _q, _r, _s, _t, _u, _v, _w;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14898,66 +14887,11 @@ const PageCanvas = react.forwardRef(
             };
           }
         }
-        if (obj instanceof fabric__namespace.ActiveSelection && isCornerResizeHandle(corner)) {
-          const _cur = fabricCanvas._currentTransform;
-          const startSx = Math.abs(Number(((_g = _cur == null ? void 0 : _cur.original) == null ? void 0 : _g.scaleX) ?? 1)) || 1;
-          const startSy = Math.abs(Number(((_h = _cur == null ? void 0 : _cur.original) == null ? void 0 : _h.scaleY) ?? 1)) || 1;
-          const liveAsSx = Math.abs((obj.scaleX ?? 1) / startSx) || 1;
-          const liveAsSy = Math.abs((obj.scaleY ?? 1) / startSy) || 1;
-          const uniform = Math.max(1e-3, Math.sqrt(liveAsSx * liveAsSy));
-          for (const child of obj.getObjects()) {
-            if (!isBitmapLikeFabricObject(child)) continue;
-            const liveGestureKey = `${obj.__pixldocsGroupSelection ?? "selection"}:${corner}:${((_i = groupSelectionTransformStartRef.current) == null ? void 0 : _i.selectionLeft) ?? obj.left ?? 0}:${((_j = groupSelectionTransformStartRef.current) == null ? void 0 : _j.selectionTop) ?? obj.top ?? 0}`;
-            if (child.__asLiveGestureKey !== liveGestureKey) {
-              child.__asLiveGestureKey = liveGestureKey;
-              child.__asLiveOrigAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
-              child.__asLiveOrigFlipX = !!child.flipX;
-              child.__asLiveOrigFlipY = !!child.flipY;
-              child.__asLiveOrigScaleX = Math.abs(Number(child.scaleX ?? 1)) || 1;
-              child.__asLiveOrigScaleY = Math.abs(Number(child.scaleY ?? 1)) || 1;
-            }
-            const childAngleDeg = child.__asLiveOrigAngle ?? (child.angle ?? 0);
-            const origScaleX = child.__asLiveOrigScaleX;
-            const origScaleY = child.__asLiveOrigScaleY;
-            const baseW = Math.max(1, Number(((_k = child.__cropData) == null ? void 0 : _k.frameW) ?? child.width ?? 1));
-            const baseH = Math.max(1, Number(((_l = child.__cropData) == null ? void 0 : _l.frameH) ?? child.height ?? 1));
-            try {
-              const inv = [1 / liveAsSx, 0, 0, 1 / liveAsSy, 0, 0];
-              const Rtheta = fabric__namespace.util.composeMatrix({ angle: childAngleDeg, scaleX: 1, scaleY: 1, translateX: 0, translateY: 0 });
-              const Uscale = fabric__namespace.util.composeMatrix({ angle: 0, scaleX: origScaleX * uniform, scaleY: origScaleY * uniform, translateX: 0, translateY: 0 });
-              const M = fabric__namespace.util.multiplyTransformMatrices(
-                fabric__namespace.util.multiplyTransformMatrices(inv, Rtheta),
-                Uscale
-              );
-              const dec = fabric__namespace.util.qrDecompose(M);
-              child._set("angle", dec.angle);
-              child._set("scaleX", dec.scaleX);
-              child._set("scaleY", dec.scaleY);
-              child._set("skewX", dec.skewX);
-              child._set("skewY", dec.skewY);
-              child._set("flipX", !!(child.__asLiveOrigFlipX ?? child.flipX));
-              child._set("flipY", !!(child.__asLiveOrigFlipY ?? child.flipY));
-              const worldMatrix = fabric__namespace.util.multiplyTransformMatrices(
-                obj.calcTransformMatrix(),
-                child.calcOwnMatrix()
-              );
-              const live = fabric__namespace.util.qrDecompose(worldMatrix);
-              child.__asLiveWorldAngle = (obj.angle ?? 0) + childAngleDeg;
-              child.__asLiveWorldCenterX = live.translateX;
-              child.__asLiveWorldCenterY = live.translateY;
-              child.__asLiveFinalW = baseW * origScaleX * uniform;
-              child.__asLiveFinalH = baseH * origScaleY * uniform;
-            } catch {
-            }
-            child.setCoords();
-            child.dirty = true;
-          }
-        }
         if (obj instanceof fabric__namespace.ActiveSelection && (corner === "ml" || corner === "mr" || corner === "mt" || corner === "mb")) {
           const isXSide = corner === "ml" || corner === "mr";
           const _cur = fabricCanvas._currentTransform;
-          const startSx = Math.abs(Number(((_m = _cur == null ? void 0 : _cur.original) == null ? void 0 : _m.scaleX) ?? 1)) || 1;
-          const startSy = Math.abs(Number(((_n = _cur == null ? void 0 : _cur.original) == null ? void 0 : _n.scaleY) ?? 1)) || 1;
+          const startSx = Math.abs(Number(((_g = _cur == null ? void 0 : _cur.original) == null ? void 0 : _g.scaleX) ?? 1)) || 1;
+          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) => {
@@ -14976,13 +14910,13 @@ const PageCanvas = react.forwardRef(
               } catch {
               }
             };
-            if (isXSide && ((_o = groupShiftReflowSnapshotRef.current) == null ? void 0 : _o.selection) !== obj) {
+            if (isXSide && ((_i = groupShiftReflowSnapshotRef.current) == null ? void 0 : _i.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
               if (logicalGroupId) {
                 try {
                   const state = useEditorStore.getState();
-                  const pageChildren2 = ((_p = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _p.children) ?? [];
+                  const pageChildren2 = ((_j = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
                   const groupNode = findNodeById(pageChildren2, logicalGroupId);
                   if (groupNode && isGroup(groupNode) && !isStackLayoutMode(groupNode.layoutMode)) {
                     const entries = obj.getObjects().map((c) => ({
@@ -15012,50 +14946,124 @@ const PageCanvas = react.forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
-              const liveGestureKey = `${obj.__pixldocsGroupSelection ?? "selection"}:${corner}:${((_q = groupSelectionTransformStartRef.current) == null ? void 0 : _q.selectionLeft) ?? obj.left ?? 0}:${((_r = groupSelectionTransformStartRef.current) == null ? void 0 : _r.selectionTop) ?? obj.top ?? 0}`;
+              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;
-                child.__asLiveOrigFlipX = !!child.flipX;
-                child.__asLiveOrigFlipY = !!child.flipY;
               }
-              const liveAsSx = isXSide ? sAxis : 1;
-              const liveAsSy = isXSide ? 1 : sAxis;
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_s = child._ct) == null ? void 0 : _s.isCropGroup)) || child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
-                const childAngleDeg2 = child.__asLiveOrigAngle ?? (child.angle ?? 0);
-                const theta2 = fabric__namespace.util.degreesToRadians(childAngleDeg2);
-                const cosT2 = Math.cos(theta2);
-                const sinT2 = Math.sin(theta2);
-                const dX = isXSide ? Math.max(1e-3, liveAsSx * cosT2 * cosT2 + sinT2 * sinT2) : 1;
-                const dY = isXSide ? 1 : Math.max(1e-3, liveAsSy * cosT2 * cosT2 + sinT2 * sinT2);
-                if (child.__asLiveOrigScaleX == null) child.__asLiveOrigScaleX = Math.abs(Number(child.scaleX ?? 1)) || 1;
-                if (child.__asLiveOrigScaleY == null) child.__asLiveOrigScaleY = Math.abs(Number(child.scaleY ?? 1)) || 1;
-                const origScaleX = child.__asLiveOrigScaleX;
-                const origScaleY = child.__asLiveOrigScaleY;
-                const baseW = Math.max(1, Number(((_t = child.__cropData) == null ? void 0 : _t.frameW) ?? child.width ?? 1));
-                const baseH = Math.max(1, Number(((_u = child.__cropData) == null ? void 0 : _u.frameH) ?? child.height ?? 1));
-                const liveW = baseW * origScaleX * dX;
-                const liveH = baseH * origScaleY * dY;
+              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 inv = [1 / liveAsSx, 0, 0, 1 / liveAsSy, 0, 0];
-                  const Rtheta = fabric__namespace.util.composeMatrix({ angle: childAngleDeg2, scaleX: 1, scaleY: 1, translateX: 0, translateY: 0 });
-                  const Dscale = fabric__namespace.util.composeMatrix({ angle: 0, scaleX: origScaleX * dX, scaleY: origScaleY * dY, translateX: 0, translateY: 0 });
-                  const M = fabric__namespace.util.multiplyTransformMatrices(
-                    fabric__namespace.util.multiplyTransformMatrices(inv, Rtheta),
-                    Dscale
-                  );
-                  const dec = fabric__namespace.util.qrDecompose(M);
-                  child._set("angle", dec.angle);
-                  child._set("scaleX", dec.scaleX);
-                  child._set("scaleY", dec.scaleY);
-                  child._set("skewX", dec.skewX);
-                  child._set("skewY", dec.skewY);
-                  child._set("flipX", !!(child.__asLiveOrigFlipX ?? child.flipX));
-                  child._set("flipY", !!(child.__asLiveOrigFlipY ?? child.flipY));
+                  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 {
                 }
-                captureAsLiveWorldSnapshot(child, liveW, liveH);
                 child.setCoords();
+                captureAsLiveWorldSnapshot(child, child.width ?? 0, child.height ?? 0);
                 child.dirty = true;
                 continue;
               }
@@ -15112,7 +15120,7 @@ const PageCanvas = react.forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_v = groupShiftReflowSnapshotRef.current) == null ? void 0 : _v.selection) === obj) {
+            if (isXSide && ((_n = groupShiftReflowSnapshotRef.current) == null ? void 0 : _n.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -15274,7 +15282,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_w = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _w.call(fabricCanvas);
+            (_o = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _o.call(fabricCanvas);
           } catch {
           }
         }
@@ -15501,8 +15509,6 @@ const PageCanvas = react.forwardRef(
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
-                delete child.__asLiveOrigScaleX;
-                delete child.__asLiveOrigScaleY;
                 delete child.__asLiveRotSnap;
                 delete child.__asLiveGestureKey;
               }
@@ -16205,12 +16211,10 @@ const PageCanvas = react.forwardRef(
                   const ownSy = Math.abs(obj.scaleY ?? 1);
                   const bakedW = Math.max(1, intrinsicWidth * ownSx * (imgIsXSide ? sLocalI : 1));
                   const bakedH = Math.max(1, intrinsicHeight * ownSy * (imgIsXSide ? 1 : sLocalI));
-                  const cleanW = Math.max(1, Number(obj.__asLiveFinalW ?? bakedW));
-                  const cleanH = Math.max(1, Number(obj.__asLiveFinalH ?? bakedH));
                   try {
                     obj.set({
-                      width: cleanW,
-                      height: cleanH,
+                      width: bakedW,
+                      height: bakedH,
                       scaleX: 1,
                       scaleY: 1,
                       skewX: 0,
@@ -16229,8 +16233,8 @@ const PageCanvas = react.forwardRef(
                     obj.setCoords();
                   } catch {
                   }
-                  finalWidth = cleanW;
-                  finalHeight = cleanH;
+                  finalWidth = Math.max(1, Number(obj.__asLiveFinalW ?? bakedW));
+                  finalHeight = Math.max(1, Number(obj.__asLiveFinalH ?? bakedH));
                   finalScaleX = 1;
                   finalScaleY = 1;
                   const worldCx = Number.isFinite(obj.__asLiveWorldCenterX) ? obj.__asLiveWorldCenterX : decomposed.translateX ?? 0;
@@ -16506,9 +16510,8 @@ 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 ? sourceElement ? Number.isFinite(sourceElement.angle) ? sourceElement.angle ?? 0 : 0 : Number.isFinite(obj.angle) ? obj.angle ?? 0 : void 0 : void 0;
+            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 normalizedFinalAbsoluteMatrix = normalizeMatrixForPersistedFlip(
               toggleLogicalFlipInMatrix(
                 finalAbsoluteMatrix,
@@ -16521,15 +16524,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,
-                localAngle: Number.isFinite(obj.angle) ? obj.angle ?? 0 : persistedAngle,
-                worldAngle: persistedAngle
-              });
-            }
             const elementUpdate = {
               left: storePos.left,
               top: storePos.top,
@@ -16609,7 +16603,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 && isActiveSelectionResizeGesture && (isCropGroupObj || isPlainImageObj)) {
+            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 normAng = (childLocalAngleSrc % 360 + 360) % 360;
               const isRotatedImg = Math.min(normAng, 360 - normAng) > 0.5;
@@ -16659,10 +16653,7 @@ const PageCanvas = react.forwardRef(
               });
             }
             if (isActiveSelection && (obj instanceof fabric__namespace.FabricImage || obj instanceof fabric__namespace.Group && obj.__cropGroup)) {
-              const restore = activeSelectionFlipRestores.find((entry) => entry.obj === obj);
-              if (restore) {
-                restore.worldAngle = Number.isFinite(elementUpdate.angle) ? elementUpdate.angle : persistedAngle;
-              }
+              activeSelectionFlipRestores.push({ obj, flipX: persistedFlipX, flipY: persistedFlipY, angle: elementUpdate.angle });
             }
             if (isActiveSelection) {
               logRotGroupImageDrift("store-update-child", {
@@ -16760,14 +16751,14 @@ const PageCanvas = react.forwardRef(
             skipActiveSelectionBakeOnClearRef.current = true;
             try {
               for (const restore of activeSelectionFlipRestores) {
-                restorePersistedFlipFlagsOnly(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;
@@ -16788,9 +16779,6 @@ const PageCanvas = react.forwardRef(
               updateCoverLayout(bake.obj);
               bake.obj.setCoords();
             }
-            for (const restore of activeSelectionFlipRestores) {
-              restorePersistedFlipState(restore.obj, restore.flipX, restore.flipY);
-            }
             if (membersToReselect.length > 1) {
               const newSel = new fabric__namespace.ActiveSelection(membersToReselect, { canvas: fabricCanvas });
               if (wasGroupSel) restoreGroupSelectionVisualState(newSel, wasGroupSel);
@@ -16848,10 +16836,6 @@ const PageCanvas = react.forwardRef(
             if (t instanceof fabric__namespace.ActiveSelection) {
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigAngle;
-                delete child.__asLiveOrigFlipX;
-                delete child.__asLiveOrigFlipY;
-                delete child.__asLiveOrigScaleX;
-                delete child.__asLiveOrigScaleY;
                 delete child.__asLiveGestureKey;
                 delete child.__asLiveWorldAngle;
                 delete child.__asLiveWorldCenterX;
@@ -25962,9 +25946,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.448";
+const resolvedPackageVersion = "0.5.450";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.448";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.450";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26778,7 +26762,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-B9AA07qB.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CF7KqDSy.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29098,7 +29082,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-B9AA07qB.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CF7KqDSy.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29495,4 +29479,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CzxefTLk.cjs.map
+//# sourceMappingURL=index-DM88x3tM.cjs.map