@pixldocs/canvas-renderer 0.5.407 → 0.5.409

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

@@ -4947,7 +4947,7 @@ function getLocalDeltaStable(target, eventData) {
   target.__lastPointerForCrop = p;
   const dx = p.x - last.x;
   const dy = p.y - last.y;
-  const angle = fabric.util.degreesToRadians(target.angle || 0);
+  const angle = fabric.util.degreesToRadians(getWorldAngleDeg(target));
   const cos = Math.cos(-angle);
   const sin = Math.sin(-angle);
   return {
@@ -4973,8 +4973,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.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.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.util.invertTransform(parent.calcTransformMatrix());
+      const parentPoint = fabric.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) {
@@ -5018,44 +5050,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;
@@ -5065,8 +5103,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);
@@ -5101,6 +5140,7 @@ function installCanvaMaskControls(g) {
   };
   g.set(controlStyle);
   const notifyResizeSnap = (target, corner) => {
+    if (target.group instanceof fabric.ActiveSelection) return;
     const handler = target.__resizeSnapHandler;
     if (typeof handler === "function") handler(target, corner);
   };
@@ -13251,19 +13291,13 @@ const PageCanvas = forwardRef(
           const liveDeltaY = Math.abs(rawScaleY / originalScaleY);
           const hasResidualOriginal = Math.abs(Math.abs(originalScaleX) - 1) > 1e-4 || Math.abs(Math.abs(originalScaleY) - 1) > 1e-4;
           const hasNoLiveDragDelta = Math.abs(liveDeltaX - 1) < 5e-4 && Math.abs(liveDeltaY - 1) < 5e-4;
-          const canBakeResidual = (ct == null ? void 0 : ct.target) === active ? hasResidualOriginal && hasNoLiveDragDelta : Math.abs(Math.abs(rawScaleX) - 1) > 1e-4 || Math.abs(Math.abs(rawScaleY) - 1) > 1e-4;
-          if (canBakeResidual) {
-            const asScaleX = Math.abs((ct == null ? void 0 : ct.target) === active ? originalScaleX : rawScaleX);
-            const asScaleY = Math.abs((ct == null ? void 0 : ct.target) === active ? originalScaleY : rawScaleY);
-            const newW = Math.max(1, (active.width ?? 0) * asScaleX);
-            const newH = Math.max(1, (active.height ?? 0) * asScaleY);
-            active.set({ width: newW, height: newH, scaleX: 1, scaleY: 1 });
+          const canNormalize = (ct == null ? void 0 : ct.target) === active ? hasResidualOriginal && hasNoLiveDragDelta : Math.abs(Math.abs(rawScaleX) - 1) > 1e-4 || Math.abs(Math.abs(rawScaleY) - 1) > 1e-4;
+          if (canNormalize) {
+            active.set({ scaleX: 1, scaleY: 1 });
             active.setCoords();
             if (ct && ct.target === active && ct.original) {
               ct.original.scaleX = 1;
               ct.original.scaleY = 1;
-              ct.original.width = newW;
-              ct.original.height = newH;
             }
           }
         } catch {
@@ -14109,6 +14143,9 @@ const PageCanvas = forwardRef(
           if (activeObj.__lastPointerForCrop) {
             delete activeObj.__lastPointerForCrop;
           }
+          if (activeObj.__cornerResizeStart) {
+            delete activeObj.__cornerResizeStart;
+          }
         }
         if (!didTransformRef.current) {
           editLockRef.current = false;
@@ -25167,9 +25204,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.407";
+const resolvedPackageVersion = "0.5.409";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.407";
+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;
@@ -25983,7 +26020,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-DuXVrbKW.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-BZbppXw8.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28303,7 +28340,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-DuXVrbKW.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BZbppXw8.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28703,4 +28740,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-Dxlbnksl.js.map
+//# sourceMappingURL=index-DAOxGNQt.js.map