@pixldocs/canvas-renderer 0.5.325 → 0.5.327

package/dist/{index-BeSkXpzz.cjs → index-CAK9gioW.cjs}

@@ -13754,24 +13754,10 @@ 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 childAnglesNorm = obj.getObjects().map((c) => {
-              const a = (c.angle ?? 0) % 360;
-              return a < 0 ? a + 360 : a;
+            const hasRotatedChild = obj.getObjects().some((c) => {
+              const a = ((c.angle ?? 0) % 180 + 180) % 180;
+              return !(a < 0.5 || a > 179.5);
             });
-            const baseAngle = childAnglesNorm[0] ?? 0;
-            const hasMixedRotation = childAnglesNorm.some(
-              (a) => Math.abs(a - baseAngle) > 0.5 && Math.abs(Math.abs(a - baseAngle) - 360) > 0.5
-            );
-            if (hasMixedRotation) {
-              if (isXSide) {
-                obj._set("scaleY", obj.scaleX ?? 1);
-              } else {
-                obj._set("scaleX", obj.scaleY ?? 1);
-              }
-              obj.setCoords();
-              obj.dirty = true;
-              return;
-            }
             if (isXSide && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
@@ -13807,7 +13793,7 @@ const PageCanvas = react.forwardRef(
             const asTop0 = obj.top ?? 0;
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
-            for (const child of obj.getObjects()) {
+            for (const child of hasRotatedChild ? [] : obj.getObjects()) {
               if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_d = child._ct) == null ? void 0 : _d.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
@@ -13978,6 +13964,15 @@ const PageCanvas = react.forwardRef(
             obj._set("width", asW0);
             obj._set("scaleX", asSx0);
             obj._set("scaleY", asSy0);
+            if (hasRotatedChild) {
+              if (isXSide) {
+                obj._set("width", asW0 * sAxis);
+                obj._set("scaleX", 1);
+              } else {
+                obj._set("height", asH0 * sAxis);
+                obj._set("scaleY", 1);
+              }
+            }
             obj.setCoords();
             obj.dirty = true;
           }
@@ -14796,6 +14791,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) {
@@ -14852,6 +14850,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) {
@@ -14902,20 +14905,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;
@@ -14926,33 +14916,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;
@@ -14963,6 +14949,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);
@@ -15033,12 +15024,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");
                 }
@@ -15051,32 +15037,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", {
@@ -15143,9 +15120,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
@@ -24299,9 +24276,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.325";
+const resolvedPackageVersion = "0.5.327";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.325";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.327";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25115,7 +25092,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-DHtj2TRz.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-wr9G37iK.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27435,7 +27412,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-DHtj2TRz.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-wr9G37iK.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27832,4 +27809,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BeSkXpzz.cjs.map
+//# sourceMappingURL=index-CAK9gioW.cjs.map