@pixldocs/canvas-renderer 0.5.408 → 0.5.409

package/dist/{index-vGjobYro.cjs → index-DaL8UMXJ.cjs}

@@ -4965,7 +4965,7 @@ function getLocalDeltaStable(target, eventData) {
   target.__lastPointerForCrop = p;
   const dx = p.x - last.x;
   const dy = p.y - last.y;
-  const angle = fabric__namespace.util.degreesToRadians(target.angle || 0);
+  const angle = fabric__namespace.util.degreesToRadians(getWorldAngleDeg(target));
   const cos = Math.cos(-angle);
   const sin = Math.sin(-angle);
   return {
@@ -4991,8 +4991,40 @@ function localDeltaToWorld(dx, dy, angleDeg) {
     y: dx * sin + dy * cos
   };
 }
-function getOppositeAnchor(aCoords, corner) {
-  return corner === "br" ? aCoords.tl : corner === "bl" ? aCoords.tr : corner === "tr" ? aCoords.bl : aCoords.br;
+function getWorldAngleDeg(obj) {
+  var _a2;
+  try {
+    if (typeof obj.getTotalAngle === "function") return obj.getTotalAngle() || 0;
+    const matrix = (_a2 = obj.calcTransformMatrix) == null ? void 0 : _a2.call(obj);
+    return matrix ? fabric__namespace.util.qrDecompose(matrix).angle || 0 : obj.angle || 0;
+  } catch {
+    return obj.angle || 0;
+  }
+}
+function getWorldCenter(obj) {
+  var _a2;
+  try {
+    const matrix = (_a2 = obj.calcTransformMatrix) == null ? void 0 : _a2.call(obj);
+    if (matrix) {
+      const decomposed = fabric__namespace.util.qrDecompose(matrix);
+      return { x: decomposed.translateX || 0, y: decomposed.translateY || 0 };
+    }
+  } catch {
+  }
+  return { x: obj.left || 0, y: obj.top || 0 };
+}
+function setCenterFromWorld(obj, worldX, worldY) {
+  const parent = obj.group;
+  if (parent && typeof parent.calcTransformMatrix === "function") {
+    try {
+      const invParent = fabric__namespace.util.invertTransform(parent.calcTransformMatrix());
+      const parentPoint = fabric__namespace.util.transformPoint({ x: worldX, y: worldY }, invParent);
+      obj.set({ left: parentPoint.x, top: parentPoint.y, originX: "center", originY: "center" });
+      return;
+    } catch {
+    }
+  }
+  obj.set({ left: worldX, top: worldY, originX: "center", originY: "center" });
 }
 function getCornerDefaultSigns(corner) {
   switch (corner) {
@@ -5036,44 +5068,50 @@ function resizeFrameFromCornerUniform(eventData, transform, _x, _y) {
   if (!canvas) return false;
   const e = getDomEvent(eventData);
   if (!e) return false;
-  const pointer = canvas.getPointer(e);
-  g.setCoords();
-  const a = g.aCoords;
-  if (!a) return false;
   const corner = transform.corner;
-  const anchor = getOppositeAnchor(a, corner);
   const defaultSigns = getCornerDefaultSigns(corner);
   const MIN_SIZE = 20;
-  const baseW = Math.max(MIN_SIZE, ct.frameW || g.width || 1);
-  const baseH = Math.max(MIN_SIZE, ct.frameH || g.height || 1);
-  const angle = g.angle || 0;
-  const deltaWorldX = pointer.x - anchor.x;
-  const deltaWorldY = pointer.y - anchor.y;
-  const localDelta = worldDeltaToLocal(deltaWorldX, deltaWorldY, angle);
-  const signX = Math.abs(localDelta.x) < 1e-3 ? defaultSigns.x : localDelta.x >= 0 ? 1 : -1;
-  const signY = Math.abs(localDelta.y) < 1e-3 ? defaultSigns.y : localDelta.y >= 0 ? 1 : -1;
+  const pointer = canvas.getPointer(e);
+  const angle = getWorldAngleDeg(g);
+  const snapshot = g.__cornerResizeStart && g.__cornerResizeStart.corner === corner && g.__cornerResizeStart.transform === transform ? g.__cornerResizeStart : (() => {
+    const center = getWorldCenter(g);
+    const baseW = Math.max(MIN_SIZE, ct.frameW || g.width || 1);
+    const baseH = Math.max(MIN_SIZE, ct.frameH || g.height || 1);
+    const anchorLocal = { x: -defaultSigns.x * baseW / 2, y: -defaultSigns.y * baseH / 2 };
+    const anchorWorld = localDeltaToWorld(anchorLocal.x, anchorLocal.y, angle);
+    const snap = {
+      corner,
+      transform,
+      angle,
+      baseW,
+      baseH,
+      anchorX: center.x + anchorWorld.x,
+      anchorY: center.y + anchorWorld.y,
+      signX: defaultSigns.x,
+      signY: defaultSigns.y
+    };
+    g.__cornerResizeStart = snap;
+    return snap;
+  })();
+  const localDelta = worldDeltaToLocal(pointer.x - snapshot.anchorX, pointer.y - snapshot.anchorY, snapshot.angle);
+  const signX = snapshot.signX;
+  const signY = snapshot.signY;
   const rawW = Math.max(MIN_SIZE, Math.abs(localDelta.x));
   const rawH = Math.max(MIN_SIZE, Math.abs(localDelta.y));
-  const scaleFromW = rawW / baseW;
-  const scaleFromH = rawH / baseH;
+  const scaleFromW = rawW / snapshot.baseW;
+  const scaleFromH = rawH / snapshot.baseH;
   const s = Math.min(scaleFromW, scaleFromH);
-  const newW = Math.max(MIN_SIZE, baseW * s);
-  const newH = Math.max(MIN_SIZE, baseH * s);
+  const newW = Math.max(MIN_SIZE, snapshot.baseW * s);
+  const newH = Math.max(MIN_SIZE, snapshot.baseH * s);
   ct.frameW = newW;
   ct.frameH = newH;
   const centerLocal = {
     x: signX * (newW / 2),
     y: signY * (newH / 2)
   };
-  const centerWorld = localDeltaToWorld(centerLocal.x, centerLocal.y, angle);
-  g.set({
-    left: anchor.x + centerWorld.x,
-    top: anchor.y + centerWorld.y,
-    originX: "center",
-    originY: "center",
-    width: newW,
-    height: newH
-  });
+  const centerWorld = localDeltaToWorld(centerLocal.x, centerLocal.y, snapshot.angle);
+  setCenterFromWorld(g, snapshot.anchorX + centerWorld.x, snapshot.anchorY + centerWorld.y);
+  g.set({ width: newW, height: newH });
   updateCoverLayout(g);
   canvas.requestRenderAll();
   return true;
@@ -5083,8 +5121,9 @@ function resizeFrameFromSide(g, side, localDx, localDy) {
   if (!ct) return;
   const minSize = 30;
   const moveCenterAlongLocalAxis = (obj, localX, localY) => {
-    const worldDelta = localDeltaToWorld(localX, localY, obj.angle || 0);
-    obj.set({ left: (obj.left || 0) + worldDelta.x, top: (obj.top || 0) + worldDelta.y });
+    const center = getWorldCenter(obj);
+    const worldDelta = localDeltaToWorld(localX, localY, getWorldAngleDeg(obj));
+    setCenterFromWorld(obj, center.x + worldDelta.x, center.y + worldDelta.y);
   };
   if (side === "mr") {
     ct.frameW = Math.max(minSize, ct.frameW + localDx);
@@ -5119,6 +5158,7 @@ function installCanvaMaskControls(g) {
   };
   g.set(controlStyle);
   const notifyResizeSnap = (target, corner) => {
+    if (target.group instanceof fabric__namespace.ActiveSelection) return;
     const handler = target.__resizeSnapHandler;
     if (typeof handler === "function") handler(target, corner);
   };
@@ -14121,6 +14161,9 @@ const PageCanvas = react.forwardRef(
           if (activeObj.__lastPointerForCrop) {
             delete activeObj.__lastPointerForCrop;
           }
+          if (activeObj.__cornerResizeStart) {
+            delete activeObj.__cornerResizeStart;
+          }
         }
         if (!didTransformRef.current) {
           editLockRef.current = false;
@@ -25179,9 +25222,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.408";
+const resolvedPackageVersion = "0.5.409";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.408";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.409";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25995,7 +26038,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-DSZH7267.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CI2YBgI3.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28315,7 +28358,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-DSZH7267.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CI2YBgI3.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28712,4 +28755,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-vGjobYro.cjs.map
+//# sourceMappingURL=index-DaL8UMXJ.cjs.map