@pixldocs/canvas-renderer 0.5.409 → 0.5.411

package/dist/{index-DAOxGNQt.js → index-DIx3vAjy.js}

@@ -4704,6 +4704,117 @@ const svgMaskApply = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   syncSvgMaskClipPath
 }, Symbol.toStringTag, { value: "Module" }));
 const SELECTION_BORDER_SCALE$1 = 2;
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX$1 = "[Pixldocs][rotated-group-image-resize]";
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES$1 = 400;
+function isInsideRotatedActiveSelection(obj) {
+  var _a2;
+  const debugObj = obj;
+  const ownAngle = Math.abs(((obj.angle ?? 0) % 360 + 360) % 360);
+  if ((debugObj.__cropData || debugObj.__cropGroup || ((_a2 = debugObj._ct) == null ? void 0 : _a2.isCropGroup)) && Math.min(ownAngle, 360 - ownAngle) > 0.5) return true;
+  const logicalParentAngle = Math.abs(((debugObj.__pixldocsParentGroupAngle ?? 0) % 360 + 360) % 360);
+  if (debugObj.__pixldocsParentGroupId && Math.min(logicalParentAngle, 360 - logicalParentAngle) > 0.5) return true;
+  const parent = debugObj.group;
+  if (!parent) return false;
+  const pType = parent.type;
+  if (pType !== "activeSelection" && pType !== "group") return false;
+  const angle = Math.abs(((parent.angle ?? 0) % 360 + 360) % 360);
+  return Math.min(angle, 360 - angle) > 0.5;
+}
+function summarizeResizeObject(obj) {
+  var _a2, _b2, _c2, _d;
+  if (!obj) return null;
+  try {
+    const matrix = (_a2 = obj.calcTransformMatrix) == null ? void 0 : _a2.call(obj);
+    const decomp = matrix ? fabric.util.qrDecompose(matrix) : null;
+    const rect = (_b2 = obj.getBoundingRect) == null ? void 0 : _b2.call(obj);
+    const center = (_c2 = obj.getCenterPoint) == null ? void 0 : _c2.call(obj);
+    return {
+      type: obj.type ?? ((_d = obj.constructor) == null ? void 0 : _d.name),
+      left: obj.left,
+      top: obj.top,
+      width: obj.width,
+      height: obj.height,
+      scaleX: obj.scaleX,
+      scaleY: obj.scaleY,
+      angle: obj.angle,
+      originX: obj.originX,
+      originY: obj.originY,
+      centerX: center == null ? void 0 : center.x,
+      centerY: center == null ? void 0 : center.y,
+      brLeft: rect == null ? void 0 : rect.left,
+      brTop: rect == null ? void 0 : rect.top,
+      brWidth: rect == null ? void 0 : rect.width,
+      brHeight: rect == null ? void 0 : rect.height,
+      worldX: decomp == null ? void 0 : decomp.translateX,
+      worldY: decomp == null ? void 0 : decomp.translateY,
+      worldAngle: decomp == null ? void 0 : decomp.angle,
+      worldScaleX: decomp == null ? void 0 : decomp.scaleX,
+      worldScaleY: decomp == null ? void 0 : decomp.scaleY
+    };
+  } catch (error) {
+    return { type: obj == null ? void 0 : obj.type, error: String(error) };
+  }
+}
+function logRotatedGroupImageResize(phase, target, payload = {}) {
+  if (typeof console === "undefined" || !isInsideRotatedActiveSelection(target)) return;
+  try {
+    const seen = /* @__PURE__ */ new WeakSet();
+    const normalize = (value) => {
+      if (value == null) return value;
+      if (typeof value === "number") return Number.isFinite(value) ? Math.round(value * 1e3) / 1e3 : String(value);
+      if (typeof value === "string" || typeof value === "boolean") return value;
+      if (Array.isArray(value)) return value.map(normalize);
+      if (typeof value === "object") {
+        if (seen.has(value)) return "[Circular]";
+        seen.add(value);
+        if (value instanceof fabric.FabricObject) return normalize(summarizeResizeObject(value));
+        const out = {};
+        Object.entries(value).forEach(([key, entry]) => {
+          out[key] = normalize(entry);
+        });
+        return out;
+      }
+      return String(value);
+    };
+    const debugTarget = target;
+    const parent = debugTarget.group;
+    const ct = debugTarget.__cropData;
+    const start = debugTarget.__cornerResizeStart;
+    const safeStart = start ? {
+      corner: start.corner,
+      angle: start.angle,
+      baseW: start.baseW,
+      baseH: start.baseH,
+      anchorX: start.anchorX,
+      anchorY: start.anchorY,
+      signX: start.signX,
+      signY: start.signY
+    } : void 0;
+    const line = `${ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX$1} ${phase} ${JSON.stringify(normalize({
+      ...payload,
+      target: summarizeResizeObject(target),
+      parent: summarizeResizeObject(parent),
+      logicalParent: debugTarget.__pixldocsParentGroupId ? {
+        id: debugTarget.__pixldocsParentGroupId,
+        type: debugTarget.__pixldocsParentGroupType,
+        angle: debugTarget.__pixldocsParentGroupAngle
+      } : void 0,
+      frameW: ct == null ? void 0 : ct.frameW,
+      frameH: ct == null ? void 0 : ct.frameH,
+      img: summarizeResizeObject(ct == null ? void 0 : ct._img),
+      snapshot: safeStart,
+      lastPointer: debugTarget.__lastPointerForCrop
+    }))}`;
+    if (typeof window !== "undefined") {
+      const debugWindow = window;
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs = Array.isArray(debugWindow.__pixldocsRotatedGroupImageResizeLogs) ? debugWindow.__pixldocsRotatedGroupImageResizeLogs.slice(-ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES$1 + 1) : [];
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs.push(line);
+    }
+    console.log(line);
+  } catch {
+    console.log(ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX$1, phase, payload);
+  }
+}
 function clamp$1(v, min, max) {
   return Math.max(min, Math.min(max, v));
 }
@@ -4950,9 +5061,20 @@ function getLocalDeltaStable(target, eventData) {
   const angle = fabric.util.degreesToRadians(getWorldAngleDeg(target));
   const cos = Math.cos(-angle);
   const sin = Math.sin(-angle);
+  const localDx = dx * cos - dy * sin;
+  const localDy = dx * sin + dy * cos;
+  logRotatedGroupImageResize("side-delta", target, {
+    pointer: p,
+    previousPointer: last,
+    canvasDx: dx,
+    canvasDy: dy,
+    worldAngle: getWorldAngleDeg(target),
+    localDx,
+    localDy
+  });
   return {
-    localDx: dx * cos - dy * sin,
-    localDy: dx * sin + dy * cos
+    localDx,
+    localDy
   };
 }
 function worldDeltaToLocal(dx, dy, angleDeg) {
@@ -5073,6 +5195,14 @@ function resizeFrameFromCornerUniform(eventData, transform, _x, _y) {
       signY: defaultSigns.y
     };
     g.__cornerResizeStart = snap;
+    logRotatedGroupImageResize("corner-start", g, {
+      corner,
+      pointer,
+      center,
+      anchorLocal,
+      anchorWorld,
+      snapshot: snap
+    });
     return snap;
   })();
   const localDelta = worldDeltaToLocal(pointer.x - snapshot.anchorX, pointer.y - snapshot.anchorY, snapshot.angle);
@@ -5085,6 +5215,19 @@ function resizeFrameFromCornerUniform(eventData, transform, _x, _y) {
   const s = Math.min(scaleFromW, scaleFromH);
   const newW = Math.max(MIN_SIZE, snapshot.baseW * s);
   const newH = Math.max(MIN_SIZE, snapshot.baseH * s);
+  logRotatedGroupImageResize("corner-tick-before-apply", g, {
+    corner,
+    pointer,
+    angle,
+    localDelta,
+    rawW,
+    rawH,
+    scaleFromW,
+    scaleFromH,
+    uniformScale: s,
+    newW,
+    newH
+  });
   ct.frameW = newW;
   ct.frameH = newH;
   const centerLocal = {
@@ -5095,6 +5238,12 @@ function resizeFrameFromCornerUniform(eventData, transform, _x, _y) {
   setCenterFromWorld(g, snapshot.anchorX + centerWorld.x, snapshot.anchorY + centerWorld.y);
   g.set({ width: newW, height: newH });
   updateCoverLayout(g);
+  logRotatedGroupImageResize("corner-tick-after-layout", g, {
+    corner,
+    centerLocal,
+    centerWorld,
+    targetWorldCenter: { x: snapshot.anchorX + centerWorld.x, y: snapshot.anchorY + centerWorld.y }
+  });
   canvas.requestRenderAll();
   return true;
 }
@@ -5123,7 +5272,9 @@ function resizeFrameFromSide(g, side, localDx, localDy) {
     ct.frameH = Math.max(minSize, ct.frameH - localDy);
     moveCenterAlongLocalAxis(g, 0, localDy / 2);
   }
+  logRotatedGroupImageResize("side-before-layout", g, { side, localDx, localDy });
   updateCoverLayout(g);
+  logRotatedGroupImageResize("side-after-layout", g, { side, localDx, localDy });
 }
 function installCanvaMaskControls(g) {
   const ct = g.__cropData;
@@ -5140,9 +5291,22 @@ function installCanvaMaskControls(g) {
   };
   g.set(controlStyle);
   const notifyResizeSnap = (target, corner) => {
-    if (target.group instanceof fabric.ActiveSelection) return;
+    if (target.group instanceof fabric.ActiveSelection) {
+      logRotatedGroupImageResize("snap-skipped-active-selection-child", target, { corner });
+      return;
+    }
+    const ownAngle = Math.abs(((target.angle ?? 0) % 360 + 360) % 360);
+    const parentAngle = Math.abs(((target.__pixldocsParentGroupAngle ?? 0) % 360 + 360) % 360);
+    if (Math.min(ownAngle, 360 - ownAngle) > 0.5 || Math.min(parentAngle, 360 - parentAngle) > 0.5) {
+      logRotatedGroupImageResize("snap-skipped-rotated-image", target, { corner, ownAngle, parentAngle });
+      return;
+    }
     const handler = target.__resizeSnapHandler;
-    if (typeof handler === "function") handler(target, corner);
+    if (typeof handler === "function") {
+      logRotatedGroupImageResize("snap-before", target, { corner });
+      handler(target, corner);
+      logRotatedGroupImageResize("snap-after", target, { corner });
+    }
   };
   g.setControlsVisibility({
     mt: true,
@@ -11205,8 +11369,6 @@ const scaleUpdateNumber = (updates, source, key, factor) => {
   const value = Number(source == null ? void 0 : source[key]);
   if (Number.isFinite(value)) updates[key] = value * factor;
 };
-const GROUP_TEXT_RESIZE_DEBUG_PREFIX = "[Pixldocs][group-text-corner-resize]";
-const GROUP_TEXT_RESIZE_DEBUG_MAX_ENTRIES = 200;
 const isCornerResizeHandle = (handle) => handle === "tl" || handle === "tr" || handle === "bl" || handle === "br";
 const summarizeFabricObjectForResizeDebug = (obj) => {
   var _a2;
@@ -11237,40 +11399,10 @@ const summarizeFabricObjectForResizeDebug = (obj) => {
   }
 };
 const logGroupTextResizeDebug = (phase, payload) => {
-  if (typeof console === "undefined") return;
-  try {
-    const seen = /* @__PURE__ */ new WeakSet();
-    const normalize = (value) => {
-      if (value == null) return value;
-      const valueType = typeof value;
-      if (valueType === "number") return Number.isFinite(value) ? Math.round(value * 1e3) / 1e3 : String(value);
-      if (valueType === "string" || valueType === "boolean") return value;
-      if (valueType === "function") return `[Function ${value.name || "anonymous"}]`;
-      if (Array.isArray(value)) return value.map((entry) => normalize(entry));
-      if (valueType === "object") {
-        if (seen.has(value)) return "[Circular]";
-        seen.add(value);
-        if (value instanceof fabric.FabricObject) return normalize(summarizeFabricObjectForResizeDebug(value));
-        const output = {};
-        Object.entries(value).forEach(([key, entry]) => {
-          output[key] = normalize(entry);
-        });
-        return output;
-      }
-      return String(value);
-    };
-    const normalizedPayload = normalize(payload);
-    const line = `${GROUP_TEXT_RESIZE_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalizedPayload)}`;
-    const debugWindow = window;
-    debugWindow.__pixldocsGroupTextResizeLogs = Array.isArray(debugWindow.__pixldocsGroupTextResizeLogs) ? debugWindow.__pixldocsGroupTextResizeLogs.slice(-GROUP_TEXT_RESIZE_DEBUG_MAX_ENTRIES + 1) : [];
-    debugWindow.__pixldocsGroupTextResizeLogs.push(line);
-    console.log(line);
-  } catch {
-    console.log(GROUP_TEXT_RESIZE_DEBUG_PREFIX, phase, payload);
-  }
+  return;
 };
-const ROT_GROUP_IMAGE_DRIFT_DEBUG_PREFIX = "[Pixldocs][rot-group-image-drift]";
-const ROT_GROUP_IMAGE_DRIFT_DEBUG_MAX_ENTRIES = 500;
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX = "[Pixldocs][rotated-group-image-resize]";
+const ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES = 400;
 const roundRotDriftNumber = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Math.round(value * 1e3) / 1e3 : String(value);
@@ -11352,52 +11484,27 @@ const summarizeRotDriftObject = (obj, worldMatrix) => {
   }
 };
 const logRotGroupImageDrift = (phase, payload) => {
+  return;
+};
+const logRotatedGroupImageResizeDebug = (phase, payload) => {
   if (typeof console === "undefined") return;
   try {
-    const line = `${ROT_GROUP_IMAGE_DRIFT_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalizeRotDriftPayload(payload))}`;
+    const line = `${ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX} ${phase} ${JSON.stringify(normalizeRotDriftPayload(payload))}`;
     if (typeof window !== "undefined") {
       const debugWindow = window;
-      debugWindow.__pixldocsRotGroupImageDriftLogs = Array.isArray(debugWindow.__pixldocsRotGroupImageDriftLogs) ? debugWindow.__pixldocsRotGroupImageDriftLogs.slice(-ROT_GROUP_IMAGE_DRIFT_DEBUG_MAX_ENTRIES + 1) : [];
-      debugWindow.__pixldocsRotGroupImageDriftLogs.push(line);
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs = Array.isArray(debugWindow.__pixldocsRotatedGroupImageResizeLogs) ? debugWindow.__pixldocsRotatedGroupImageResizeLogs.slice(-ROTATED_GROUP_IMAGE_RESIZE_DEBUG_MAX_ENTRIES + 1) : [];
+      debugWindow.__pixldocsRotatedGroupImageResizeLogs.push(line);
     }
     console.log(line);
   } catch {
-    console.log(ROT_GROUP_IMAGE_DRIFT_DEBUG_PREFIX, phase, payload);
+    console.log(ROTATED_GROUP_IMAGE_RESIZE_DEBUG_PREFIX, phase, payload);
   }
 };
 const shouldLogRotDriftLiveTick = (target, phase) => {
-  if (!target) return false;
-  const anyTarget = target;
-  const key = `__pixldocsRotDrift_${phase}_count`;
-  const count = (anyTarget[key] ?? 0) + 1;
-  anyTarget[key] = count;
-  return count <= 3 || count % 8 === 0;
+  return false;
 };
 const logRotDriftSelectionSnapshot = (phase, target, extra = {}) => {
-  if (!target) return;
-  const anyTarget = target;
-  const kids = typeof anyTarget.getObjects === "function" ? anyTarget.getObjects() : [];
-  const selectionMatrix = target instanceof fabric.ActiveSelection ? target.calcTransformMatrix() : null;
-  logRotGroupImageDrift(phase, {
-    ...extra,
-    target: summarizeRotDriftObject(target),
-    childCount: kids.length,
-    groupSelectionId: anyTarget.__pixldocsGroupSelection,
-    alignedAngle: anyTarget.__pixldocsAlignedAngle
-  });
-  kids.forEach((kid, childIndex) => {
-    var _a2, _b2;
-    const childWorldMatrix = selectionMatrix ? fabric.util.multiplyTransformMatrices(
-      selectionMatrix,
-      kid.calcOwnMatrix()
-    ) : (_a2 = kid.calcTransformMatrix) == null ? void 0 : _a2.call(kid);
-    logRotGroupImageDrift(`${phase}-child`, {
-      ...extra,
-      childIndex,
-      parentType: anyTarget.type ?? ((_b2 = target.constructor) == null ? void 0 : _b2.name),
-      child: summarizeRotDriftObject(kid, childWorldMatrix ?? null)
-    });
-  });
+  return;
 };
 const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   const sx = Math.abs(obj.scaleX ?? 1) || 1;
@@ -12198,6 +12305,22 @@ const PageCanvas = forwardRef(
       [canvasWidth, canvasHeight, getLogicalGroupSnapBoundsCallback, getResizeExcludeIdsCallback]
     );
     const installImageResizeControlsWithSnap = useCallback((group) => {
+      var _a2;
+      try {
+        const groupId = getObjectId(group);
+        const pageChildrenNow = ((_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
+        const parent = groupId ? findParentGroup(pageChildrenNow, groupId) : null;
+        if (parent) {
+          group.__pixldocsParentGroupId = parent.id;
+          group.__pixldocsParentGroupAngle = parent.angle ?? 0;
+          group.__pixldocsParentGroupType = "logical-group";
+        } else {
+          delete group.__pixldocsParentGroupId;
+          delete group.__pixldocsParentGroupAngle;
+          delete group.__pixldocsParentGroupType;
+        }
+      } catch {
+      }
       group.__resizeSnapHandler = (target, corner) => {
         const fc = fabricRef.current ?? target.canvas;
         if (!fc || !isActiveRef.current || !corner) return;
@@ -13332,9 +13455,6 @@ const PageCanvas = forwardRef(
         };
         logRotDriftSelectionSnapshot("transform-start", active, {
           time: Math.round(performance.now()),
-          groupId,
-          groupAbs,
-          selectionRect: rect,
           transformStart: groupSelectionTransformStartRef.current,
           selectedStoreIds: useEditorStore.getState().canvas.selectedIds
         });
@@ -14234,14 +14354,14 @@ const PageCanvas = forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
         prepareGroupSelectionTransformStart(t);
         markTransforming(t);
         didTransformRef.current = true;
-        if (shouldLogRotDriftLiveTick(t, "scaling")) {
+        if (shouldLogRotDriftLiveTick()) {
           logRotDriftSelectionSnapshot("scaling", t, {
             time: Math.round(performance.now()),
             corner: t == null ? void 0 : t.__corner,
@@ -14405,12 +14525,61 @@ const PageCanvas = forwardRef(
         const corner = (transform == null ? void 0 : transform.corner) || "";
         if (obj instanceof fabric.ActiveSelection && corner) {
           activeSelectionResizeHandleRef.current = corner;
+          const imageChildrenForResizeDebug = obj.getObjects().filter(
+            (child) => {
+              var _a3;
+              return child instanceof fabric.FabricImage || child instanceof fabric.Group && (child.__cropGroup || ((_a3 = child._ct) == null ? void 0 : _a3.isCropGroup));
+            }
+          );
+          const normalizedSelectionAngle = ((obj.angle ?? 0) % 360 + 360) % 360;
+          const activeLogicalGroupId = obj.__pixldocsGroupSelection;
+          const transformStartForDebug = activeLogicalGroupId && ((_c2 = groupSelectionTransformStartRef.current) == null ? void 0 : _c2.groupId) === activeLogicalGroupId ? groupSelectionTransformStartRef.current : null;
+          const logicalGroupAngle = (transformStartForDebug == null ? void 0 : transformStartForDebug.groupAngle) ?? obj.__pixldocsFrozenGroupAngle ?? 0;
+          const normalizedLogicalGroupAngle = (logicalGroupAngle % 360 + 360) % 360;
+          const isRotatedImageSelection = imageChildrenForResizeDebug.length > 0 && (Math.min(normalizedSelectionAngle, 360 - normalizedSelectionAngle) > 0.5 || Math.min(normalizedLogicalGroupAngle, 360 - normalizedLogicalGroupAngle) > 0.5);
+          if (isRotatedImageSelection) {
+            const countKey = "__pixldocsRotatedImageResizeScaleTickCount";
+            const count = (obj[countKey] ?? 0) + 1;
+            obj[countKey] = count;
+            if (count <= 5 || count % 8 === 0) {
+              logRotatedGroupImageResizeDebug("active-selection-scaling", {
+                time: Math.round(performance.now()),
+                tick: count,
+                handle: corner,
+                groupSelectionId: activeLogicalGroupId,
+                selectedStoreIds: useEditorStore.getState().canvas.selectedIds,
+                route: typeof window !== "undefined" ? window.location.pathname : void 0,
+                transformAction: (_d = fabricCanvas._currentTransform) == null ? void 0 : _d.action,
+                transformCorner: (_e = fabricCanvas._currentTransform) == null ? void 0 : _e.corner,
+                transformOriginal: (() => {
+                  var _a3;
+                  const original = (_a3 = fabricCanvas._currentTransform) == null ? void 0 : _a3.original;
+                  return original ? {
+                    left: original.left,
+                    top: original.top,
+                    width: original.width,
+                    height: original.height,
+                    scaleX: original.scaleX,
+                    scaleY: original.scaleY,
+                    angle: original.angle
+                  } : null;
+                })(),
+                transformStart: transformStartForDebug,
+                selection: summarizeRotDriftObject(obj),
+                imageChildren: imageChildrenForResizeDebug.map((child, childIndex) => ({
+                  childIndex,
+                  id: getObjectId(child),
+                  object: summarizeRotDriftObject(child)
+                }))
+              });
+            }
+          }
           if (isCornerResizeHandle(corner) && obj.getObjects().some((child) => child instanceof fabric.Textbox)) {
             obj.__pixldocsLastGroupTextScaleDebug = {
               time: Math.round(performance.now()),
               corner,
               groupSelectionId: obj.__pixldocsGroupSelection,
-              currentTransformAction: (_c2 = fabricCanvas._currentTransform) == null ? void 0 : _c2.action,
+              currentTransformAction: (_f = fabricCanvas._currentTransform) == null ? void 0 : _f.action,
               selection: summarizeFabricObjectForResizeDebug(obj),
               textChildren: obj.getObjects().filter((child) => child instanceof fabric.Textbox).map((child) => summarizeFabricObjectForResizeDebug(child))
             };
@@ -14419,17 +14588,17 @@ const PageCanvas = forwardRef(
         if (obj instanceof fabric.ActiveSelection && (corner === "ml" || corner === "mr" || corner === "mt" || corner === "mb")) {
           const isXSide = corner === "ml" || corner === "mr";
           const _cur = fabricCanvas._currentTransform;
-          const startSx = Math.abs(Number(((_d = _cur == null ? void 0 : _cur.original) == null ? void 0 : _d.scaleX) ?? 1)) || 1;
-          const startSy = Math.abs(Number(((_e = _cur == null ? void 0 : _cur.original) == null ? void 0 : _e.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) {
-            if (isXSide && ((_f = groupShiftReflowSnapshotRef.current) == null ? void 0 : _f.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 = ((_g = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _g.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) => ({
@@ -14467,7 +14636,7 @@ const PageCanvas = forwardRef(
                 }
                 continue;
               }
-              if (child instanceof fabric.Group && (child.__cropGroup || ((_h = child._ct) == null ? void 0 : _h.isCropGroup))) {
+              if (child instanceof fabric.Group && (child.__cropGroup || ((_k = child._ct) == null ? void 0 : _k.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
                 if (child.__asLiveOrigAngle == null) {
@@ -14634,7 +14803,7 @@ const PageCanvas = forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_i = groupShiftReflowSnapshotRef.current) == null ? void 0 : _i.selection) === obj) {
+            if (isXSide && ((_l = groupShiftReflowSnapshotRef.current) == null ? void 0 : _l.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -14795,7 +14964,7 @@ const PageCanvas = forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_j = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _j.call(fabricCanvas);
+            (_m = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _m.call(fabricCanvas);
           } catch {
           }
         }
@@ -14891,7 +15060,7 @@ const PageCanvas = forwardRef(
         didTransformRef.current = true;
         const tr = e.target;
         prepareGroupSelectionTransformStart(tr);
-        if (shouldLogRotDriftLiveTick(tr, "rotating")) {
+        if (shouldLogRotDriftLiveTick()) {
           logRotDriftSelectionSnapshot("rotating", tr, {
             time: Math.round(performance.now()),
             transformAction: (_a2 = fabricCanvas._currentTransform) == null ? void 0 : _a2.action,
@@ -14932,7 +15101,7 @@ const PageCanvas = forwardRef(
         prepareGroupSelectionTransformStart(e.target);
         markTransforming(e.target);
         didTransformRef.current = true;
-        if (shouldLogRotDriftLiveTick(e.target, "moving")) {
+        if (shouldLogRotDriftLiveTick(e.target)) {
           logRotDriftSelectionSnapshot("moving", e.target, {
             time: Math.round(performance.now()),
             transformAction: (_a2 = fabricCanvas._currentTransform) == null ? void 0 : _a2.action,
@@ -25204,9 +25373,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.409";
+const resolvedPackageVersion = "0.5.411";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.409";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.411";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26020,7 +26189,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 import("./vectorPdfExport-BZbppXw8.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-DgFZfNsT.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28340,7 +28509,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BZbppXw8.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-DgFZfNsT.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28740,4 +28909,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-DAOxGNQt.js.map
+//# sourceMappingURL=index-DIx3vAjy.js.map