@pixldocs/canvas-renderer 0.5.323 → 0.5.324

package/dist/{index-DZw_u3PM.cjs → index-DPUc5rGE.cjs}

@@ -13590,30 +13590,6 @@ const PageCanvas = react.forwardRef(
         }
         const obj = t;
         if (!obj) return;
-        try {
-          const transformInfo = e.transform;
-          const cornerEarly = (transformInfo == null ? void 0 : transformInfo.corner) || "";
-          const isSideHandle = cornerEarly === "ml" || cornerEarly === "mr" || cornerEarly === "mt" || cornerEarly === "mb";
-          const isGroupLike = obj instanceof fabric__namespace.Group && !obj.__cropGroup && !obj.__docuforgeSectionGroup;
-          if (isSideHandle && isGroupLike && typeof obj.getObjects === "function") {
-            const kids = obj.getObjects();
-            const hasRotatedChild = kids.some(
-              (c) => Math.abs((c.angle ?? 0) % 360) > 0.5
-            );
-            if (hasRotatedChild) {
-              const isXSideEarly = cornerEarly === "ml" || cornerEarly === "mr";
-              if (isXSideEarly) {
-                obj._set("scaleY", obj.scaleX ?? 1);
-              } else {
-                obj._set("scaleX", obj.scaleY ?? 1);
-              }
-              obj.setCoords();
-              obj.dirty = true;
-              return;
-            }
-          }
-        } catch {
-        }
         if (obj instanceof fabric__namespace.Rect || obj instanceof fabric__namespace.Path || obj instanceof fabric__namespace.Circle || obj instanceof fabric__namespace.Triangle || obj instanceof fabric__namespace.Line) {
           obj.set({ strokeUniform: true });
         }
@@ -13782,12 +13758,109 @@ const PageCanvas = react.forwardRef(
               (c) => Math.abs((c.angle ?? 0) % 360) > 0.5
             );
             if (hasRotatedChild) {
-              if (isXSide) {
-                obj._set("scaleY", obj.scaleX ?? 1);
-              } else {
-                obj._set("scaleX", obj.scaleY ?? 1);
+              if (obj.__asRotAwareSnap == null) {
+                obj.__asRotAwareSnap = {
+                  width: obj.width ?? 0,
+                  height: obj.height ?? 0,
+                  scaleX: obj.scaleX ?? 1,
+                  scaleY: obj.scaleY ?? 1,
+                  angle: obj.angle ?? 0,
+                  aCoords: (() => {
+                    obj.setCoords();
+                    const c = obj.aCoords;
+                    return c ? { tl: { x: c.tl.x, y: c.tl.y }, tr: { x: c.tr.x, y: c.tr.y }, br: { x: c.br.x, y: c.br.y }, bl: { x: c.bl.x, y: c.bl.y } } : null;
+                  })(),
+                  corner
+                };
+                for (const ch of obj.getObjects()) {
+                  ch.__asRotAwareChild = {
+                    width: ch.width ?? 0,
+                    height: ch.height ?? 0,
+                    scaleX: ch.scaleX ?? 1,
+                    scaleY: ch.scaleY ?? 1,
+                    left: ch.left ?? 0,
+                    top: ch.top ?? 0,
+                    angle: ch.angle ?? 0
+                  };
+                }
+              }
+              const snap = obj.__asRotAwareSnap;
+              const asAngle = snap.angle;
+              const effAxisScale = isXSide ? (obj.scaleX ?? 1) / (snap.scaleX || 1) : (obj.scaleY ?? 1) / (snap.scaleY || 1);
+              obj._set("scaleX", snap.scaleX);
+              obj._set("scaleY", snap.scaleY);
+              for (const child of obj.getObjects()) {
+                const cSnap = child.__asRotAwareChild;
+                if (!cSnap) continue;
+                const relAngleRad = (cSnap.angle - asAngle) * Math.PI / 180;
+                const proj = Math.abs(Math.cos(relAngleRad));
+                const effChildScale = 1 + (effAxisScale - 1) * proj;
+                if (child instanceof fabric__namespace.Textbox) {
+                  if (isXSide) {
+                    const origVisW = cSnap.width * (cSnap.scaleX || 1);
+                    const newW = Math.max(20, origVisW * effChildScale);
+                    if (Math.abs((child.width ?? 0) - newW) > 0.5) {
+                      child._set("width", newW);
+                      child._set("scaleX", cSnap.scaleX);
+                      try {
+                        child.initDimensions();
+                      } catch {
+                      }
+                    }
+                  } else {
+                    const origVisH = cSnap.height * (cSnap.scaleY || 1);
+                    const newH = Math.max(20, origVisH * effChildScale);
+                    child.minBoxHeight = newH;
+                    child._set("scaleY", cSnap.scaleY);
+                    try {
+                      child.initDimensions();
+                    } catch {
+                    }
+                  }
+                } else if (child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
+                  if (isXSide) {
+                    const origVisW = cSnap.width * (cSnap.scaleX || 1);
+                    const newW = Math.max(1, origVisW * effChildScale);
+                    child._set("width", newW);
+                    child._set("scaleX", cSnap.scaleX);
+                  } else {
+                    const origVisH = cSnap.height * (cSnap.scaleY || 1);
+                    const newH = Math.max(1, origVisH * effChildScale);
+                    child._set("height", newH);
+                    child._set("scaleY", cSnap.scaleY);
+                  }
+                } else {
+                  child._set("scaleX", (cSnap.scaleX || 1) * effChildScale);
+                  child._set("scaleY", (cSnap.scaleY || 1) * effChildScale);
+                }
+                if (isXSide) {
+                  child._set("left", cSnap.left * effAxisScale);
+                  child._set("top", cSnap.top);
+                } else {
+                  child._set("left", cSnap.left);
+                  child._set("top", cSnap.top * effAxisScale);
+                }
+                child.setCoords();
+                child.dirty = true;
+              }
+              try {
+                obj.triggerLayout();
+              } catch {
               }
               obj.setCoords();
+              const aAfter = obj.aCoords;
+              const aBefore = snap.aCoords;
+              if (aBefore && aAfter) {
+                const midBefore = corner === "ml" ? { x: (aBefore.tr.x + aBefore.br.x) / 2, y: (aBefore.tr.y + aBefore.br.y) / 2 } : corner === "mr" ? { x: (aBefore.tl.x + aBefore.bl.x) / 2, y: (aBefore.tl.y + aBefore.bl.y) / 2 } : corner === "mt" ? { x: (aBefore.bl.x + aBefore.br.x) / 2, y: (aBefore.bl.y + aBefore.br.y) / 2 } : { x: (aBefore.tl.x + aBefore.tr.x) / 2, y: (aBefore.tl.y + aBefore.tr.y) / 2 };
+                const midAfter = corner === "ml" ? { x: (aAfter.tr.x + aAfter.br.x) / 2, y: (aAfter.tr.y + aAfter.br.y) / 2 } : corner === "mr" ? { x: (aAfter.tl.x + aAfter.bl.x) / 2, y: (aAfter.tl.y + aAfter.bl.y) / 2 } : corner === "mt" ? { x: (aAfter.bl.x + aAfter.br.x) / 2, y: (aAfter.bl.y + aAfter.br.y) / 2 } : { x: (aAfter.tl.x + aAfter.tr.x) / 2, y: (aAfter.tl.y + aAfter.tr.y) / 2 };
+                const dx = midBefore.x - midAfter.x;
+                const dy = midBefore.y - midAfter.y;
+                if (Math.abs(dx) > 0.01 || Math.abs(dy) > 0.01) {
+                  obj._set("left", (obj.left ?? 0) + dx);
+                  obj._set("top", (obj.top ?? 0) + dy);
+                  obj.setCoords();
+                }
+              }
               obj.dirty = true;
               return;
             }
@@ -14291,7 +14364,9 @@ const PageCanvas = react.forwardRef(
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
+                delete child.__asRotAwareChild;
               }
+              delete t.__asRotAwareSnap;
             }
           } catch {
           }
@@ -24318,9 +24393,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.323";
+const resolvedPackageVersion = "0.5.324";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.323";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.324";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25134,7 +25209,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-Da51BWna.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DYMHC1Zs.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27454,7 +27529,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-Da51BWna.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DYMHC1Zs.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27851,4 +27926,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DZw_u3PM.cjs.map
+//# sourceMappingURL=index-DPUc5rGE.cjs.map