@pixldocs/canvas-renderer 0.5.324 → 0.5.326

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

@@ -13754,116 +13754,6 @@ const PageCanvas = react.forwardRef(
           const isXSide = corner === "ml" || corner === "mr";
           const sAxis = isXSide ? Math.abs(obj.scaleX ?? 1) : Math.abs(obj.scaleY ?? 1);
           if (sAxis > 1e-3) {
-            const hasRotatedChild = obj.getObjects().some(
-              (c) => Math.abs((c.angle ?? 0) % 360) > 0.5
-            );
-            if (hasRotatedChild) {
-              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;
-            }
             if (isXSide && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
@@ -14364,9 +14254,7 @@ const PageCanvas = react.forwardRef(
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
-                delete child.__asRotAwareChild;
               }
-              delete t.__asRotAwareSnap;
             }
           } catch {
           }
@@ -14890,6 +14778,9 @@ const PageCanvas = react.forwardRef(
             let finalScaleX = decomposed.scaleX;
             let finalScaleY = decomposed.scaleY;
             let finalAbsoluteMatrix = absoluteMatrix;
+            let finalAngle = decomposed.angle;
+            let finalSkewX = decomposed.skewX;
+            let finalSkewY = decomposed.skewY;
             if (obj instanceof fabric__namespace.Group && obj.__cropGroup) {
               const ct = obj.__cropData;
               if (ct) {
@@ -14946,6 +14837,11 @@ const PageCanvas = react.forwardRef(
                 finalHeight = bakedH;
                 finalScaleX = 1;
                 finalScaleY = 1;
+                if (activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb") {
+                  finalAngle = (sourceElement == null ? void 0 : sourceElement.angle) ?? obj.angle ?? decomposed.angle;
+                  finalSkewX = (sourceElement == null ? void 0 : sourceElement.skewX) ?? obj.skewX ?? 0;
+                  finalSkewY = (sourceElement == null ? void 0 : sourceElement.skewY) ?? obj.skewY ?? 0;
+                }
                 obj.set({ scaleX: 1, scaleY: 1 });
                 const newSrc = renderSmartElementToDataUri(sourceElement.smartElementType, sourceElement.smartProps, bakedW, bakedH);
                 if (newSrc) {
@@ -14996,20 +14892,7 @@ const PageCanvas = react.forwardRef(
                     obj.set({ scaleX: localScaleX, scaleY: localScaleY });
                     const selectionMatrix = (_g = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _g.call(activeObj);
                     const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
-                    const localWidth = bakedW * localScaleX;
-                    const localHeight = bakedH * localScaleY;
-                    const isCenterOrigin = obj.originX === "center" || obj.originY === "center";
-                    if (isCenterOrigin) {
-                      obj.set({
-                        left: localCenter.x,
-                        top: localCenter.y
-                      });
-                    } else {
-                      obj.set({
-                        left: localCenter.x - localWidth / 2,
-                        top: localCenter.y - localHeight / 2
-                      });
-                    }
+                    obj.setPositionByOrigin(localCenter, "center", "center");
                   }
                   obj.dirty = true;
                   if (activeObj) activeObj.dirty = true;
@@ -15020,33 +14903,29 @@ const PageCanvas = react.forwardRef(
                 finalHeight = bakedH;
                 finalScaleX = 1;
                 finalScaleY = 1;
+                if (activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb") {
+                  finalAngle = (sourceElement == null ? void 0 : sourceElement.angle) ?? obj.angle ?? decomposed.angle;
+                  finalSkewX = (sourceElement == null ? void 0 : sourceElement.skewX) ?? obj.skewX ?? 0;
+                  finalSkewY = (sourceElement == null ? void 0 : sourceElement.skewY) ?? obj.skewY ?? 0;
+                }
                 try {
-                  const angleRad = (decomposed.angle ?? 0) * Math.PI / 180;
+                  const angleRad = (finalAngle ?? 0) * Math.PI / 180;
                   const cos = Math.cos(angleRad);
                   const sin = Math.sin(angleRad);
                   const hw = finalWidth / 2;
                   const hh = finalHeight / 2;
-                  const corners = [
-                    { x: -hw, y: -hh },
-                    { x: hw, y: -hh },
-                    { x: hw, y: hh },
-                    { x: -hw, y: hh }
-                  ].map((p) => ({
-                    x: decomposed.translateX + p.x * cos - p.y * sin,
-                    y: decomposed.translateY + p.x * sin + p.y * cos
-                  }));
-                  absoluteLeft = Math.min(...corners.map((p) => p.x));
-                  absoluteTop = Math.min(...corners.map((p) => p.y));
+                  absoluteLeft = decomposed.translateX - hw * cos + hh * sin;
+                  absoluteTop = decomposed.translateY - hw * sin - hh * cos;
                 } catch {
                 }
                 finalAbsoluteMatrix = fabric__namespace.util.composeMatrix({
                   translateX: decomposed.translateX,
                   translateY: decomposed.translateY,
-                  angle: decomposed.angle ?? 0,
+                  angle: finalAngle ?? 0,
                   scaleX: 1,
                   scaleY: 1,
-                  skewX: 0,
-                  skewY: 0
+                  skewX: finalSkewX ?? 0,
+                  skewY: finalSkewY ?? 0
                 });
               } else {
                 finalWidth = intrinsicWidth;
@@ -15057,6 +14936,11 @@ const PageCanvas = react.forwardRef(
               finalHeight = 0;
               finalScaleX = 1;
               finalScaleY = 1;
+              if (activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb") {
+                finalAngle = (sourceElement == null ? void 0 : sourceElement.angle) ?? obj.angle ?? decomposed.angle;
+                finalSkewX = (sourceElement == null ? void 0 : sourceElement.skewX) ?? obj.skewX ?? 0;
+                finalSkewY = (sourceElement == null ? void 0 : sourceElement.skewY) ?? obj.skewY ?? 0;
+              }
             } else if (obj instanceof fabric__namespace.Textbox && isActiveSelection && (Math.abs((decomposed.scaleX ?? 1) - 1) > 1e-3 || Math.abs((decomposed.scaleY ?? 1) - 1) > 1e-3)) {
               const sx = Math.abs(decomposed.scaleX || 1);
               const sy = Math.abs(decomposed.scaleY || 1);
@@ -15127,12 +15011,7 @@ const PageCanvas = react.forwardRef(
                   obj.set({ scaleX: localScaleX, scaleY: localScaleY });
                   const selectionMatrix = (_h = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _h.call(activeObj);
                   const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
-                  const localWidth = bakedWidth * localScaleX;
-                  const localHeight = (obj.height ?? intrinsicHeight) * localScaleY;
-                  obj.set({
-                    left: localCenter.x - localWidth / 2,
-                    top: localCenter.y - localHeight / 2
-                  });
+                  obj.setPositionByOrigin(localCenter, "center", "center");
                 } else {
                   obj.setPositionByOrigin(preBakeCenter, "center", "center");
                 }
@@ -15145,32 +15024,23 @@ const PageCanvas = react.forwardRef(
               } catch {
               }
               try {
-                const angleRad = (decomposed.angle ?? 0) * Math.PI / 180;
+                const angleRad = (finalAngle ?? 0) * Math.PI / 180;
                 const cos = Math.cos(angleRad);
                 const sin = Math.sin(angleRad);
                 const hw = finalWidth / 2;
                 const hh = finalHeight / 2;
-                const corners = [
-                  { x: -hw, y: -hh },
-                  { x: hw, y: -hh },
-                  { x: hw, y: hh },
-                  { x: -hw, y: hh }
-                ].map((p) => ({
-                  x: decomposed.translateX + p.x * cos - p.y * sin,
-                  y: decomposed.translateY + p.x * sin + p.y * cos
-                }));
-                absoluteLeft = Math.min(...corners.map((p) => p.x));
-                absoluteTop = Math.min(...corners.map((p) => p.y));
+                absoluteLeft = decomposed.translateX - hw * cos + hh * sin;
+                absoluteTop = decomposed.translateY - hw * sin - hh * cos;
               } catch {
               }
               finalAbsoluteMatrix = fabric__namespace.util.composeMatrix({
                 translateX: decomposed.translateX,
                 translateY: decomposed.translateY,
-                angle: decomposed.angle ?? 0,
+                angle: finalAngle ?? 0,
                 scaleX: 1,
                 scaleY: 1,
-                skewX: 0,
-                skewY: 0
+                skewX: finalSkewX ?? 0,
+                skewY: finalSkewY ?? 0
               });
               if (debugGroupTextCornerResize) {
                 logGroupTextResizeDebug("text-bake", {
@@ -15237,9 +15107,9 @@ const PageCanvas = react.forwardRef(
               // so finalWidth already reflects the new width chosen by the user.
               width: finalWidth,
               height: isLineObj ? 0 : isAutoShrinkText ? typeof autoShrinkStoredHeight === "number" ? autoShrinkStoredHeight : finalHeight : finalHeight,
-              angle: decomposed.angle,
-              skewX: isLineObj ? 0 : decomposed.skewX,
-              skewY: isLineObj ? 0 : decomposed.skewY,
+              angle: finalAngle,
+              skewX: isLineObj ? 0 : finalSkewX,
+              skewY: isLineObj ? 0 : finalSkewY,
               scaleX: finalScaleX,
               scaleY: finalScaleY,
               transformMatrix: finalAbsoluteMatrix
@@ -24393,9 +24263,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.324";
+const resolvedPackageVersion = "0.5.326";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.324";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.326";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25209,7 +25079,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-DYMHC1Zs.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CtjZ9wQ_.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27529,7 +27399,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-DYMHC1Zs.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CtjZ9wQ_.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27926,4 +27796,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DPUc5rGE.cjs.map
+//# sourceMappingURL=index-MMaqERXX.cjs.map