@pixldocs/canvas-renderer 0.5.388 → 0.5.390

package/dist/{index-CnSzRkFP.cjs → index-BAbK6GX5.cjs}

@@ -13540,13 +13540,19 @@ const PageCanvas = react.forwardRef(
           if (oid && memberIds.has(oid)) members.push(o);
         }
         if (members.length === 0) return null;
-        const a0 = ((members[0].angle ?? 0) % 360 + 360) % 360;
         const TOL = 0.5;
+        const buckets = [];
         for (const m of members) {
           const a = ((m.angle ?? 0) % 360 + 360) % 360;
-          const diff = Math.min(Math.abs(a - a0), 360 - Math.abs(a - a0));
-          if (diff > TOL) return null;
+          const b = buckets.find((x) => {
+            const d = Math.min(Math.abs(x.angle - a), 360 - Math.abs(x.angle - a));
+            return d <= TOL;
+          });
+          if (b) b.count++;
+          else buckets.push({ angle: a, count: 1 });
         }
+        buckets.sort((a, b) => b.count - a.count);
+        const a0 = buckets[0].angle;
         const rad = -a0 * Math.PI / 180;
         const cos = Math.cos(rad), sin = Math.sin(rad);
         let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
@@ -14330,23 +14336,26 @@ const PageCanvas = react.forwardRef(
               if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_f = child._ct) == null ? void 0 : _f.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
+                if (child.__asLiveOrigAngle == null) {
+                  child.__asLiveOrigAngle = child.angle ?? 0;
+                }
+                const childAngleDegC = child.__asLiveOrigAngle;
+                const asSxC = isXSide ? sAxis : 1;
+                const asSyC = isXSide ? 1 : sAxis;
+                const thetaC = fabric__namespace.util.degreesToRadians(childAngleDegC);
+                const cosTC = Math.cos(thetaC);
+                const sinTC = Math.sin(thetaC);
+                const sLocalC = isXSide ? asSxC * cosTC * cosTC + sinTC * sinTC : asSyC * cosTC * cosTC + sinTC * sinTC;
                 if (isXSide) {
                   if (child.__asLiveOrigW == null) {
                     const baseW = child.width ?? ct.frameW ?? 0;
                     child.__asLiveOrigW = baseW * (child.scaleX ?? 1);
                   }
                   const origW = child.__asLiveOrigW;
-                  const newW = Math.max(20, origW * sAxis);
+                  const newW = Math.max(20, origW * sLocalC);
                   if (Math.abs((child.width ?? 0) - newW) > 0.5) {
                     ct.frameW = newW;
                     child._set("width", newW);
-                    child._set("scaleX", 1 / sAxis);
-                    try {
-                      updateCoverLayout(child);
-                    } catch {
-                    }
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 } else {
                   if (child.__asLiveOrigH == null) {
@@ -14354,47 +14363,88 @@ const PageCanvas = react.forwardRef(
                     child.__asLiveOrigH = baseH * (child.scaleY ?? 1);
                   }
                   const origH = child.__asLiveOrigH;
-                  const newH = Math.max(20, origH * sAxis);
+                  const newH = Math.max(20, origH * sLocalC);
                   if (Math.abs((child.height ?? 0) - newH) > 0.5) {
                     ct.frameH = newH;
                     child._set("height", newH);
-                    child._set("scaleY", 1 / sAxis);
-                    try {
-                      updateCoverLayout(child);
-                    } catch {
-                    }
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 }
+                try {
+                  const invC = [1 / asSxC, 0, 0, 1 / asSyC, 0, 0];
+                  const RthetaC = fabric__namespace.util.composeMatrix({
+                    angle: childAngleDegC,
+                    scaleX: 1,
+                    scaleY: 1,
+                    translateX: 0,
+                    translateY: 0
+                  });
+                  const MC = fabric__namespace.util.multiplyTransformMatrices(invC, RthetaC);
+                  const decC = fabric__namespace.util.qrDecompose(MC);
+                  child._set("angle", decC.angle);
+                  child._set("scaleX", decC.scaleX);
+                  child._set("scaleY", decC.scaleY);
+                  child._set("skewX", decC.skewX);
+                  child._set("skewY", decC.skewY);
+                } catch {
+                }
+                try {
+                  updateCoverLayout(child);
+                } catch {
+                }
+                child.setCoords();
+                child.dirty = true;
                 continue;
               }
               if (child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
+                if (child.__asLiveOrigAngle == null) {
+                  child.__asLiveOrigAngle = child.angle ?? 0;
+                }
+                const childAngleDegI = child.__asLiveOrigAngle;
+                const asSxI = isXSide ? sAxis : 1;
+                const asSyI = isXSide ? 1 : sAxis;
+                const thetaI = fabric__namespace.util.degreesToRadians(childAngleDegI);
+                const cosTI = Math.cos(thetaI);
+                const sinTI = Math.sin(thetaI);
+                const sLocalI = isXSide ? asSxI * cosTI * cosTI + sinTI * sinTI : asSyI * cosTI * cosTI + sinTI * sinTI;
                 if (isXSide) {
                   if (child.__asLiveOrigW == null) {
                     child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
                   }
                   const origW = child.__asLiveOrigW;
-                  const newW = Math.max(1, origW * sAxis);
+                  const newW = Math.max(1, origW * sLocalI);
                   if (Math.abs((child.width ?? 0) - newW) > 0.5) {
                     child._set("width", newW);
-                    child._set("scaleX", 1 / sAxis);
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 } else {
                   if (child.__asLiveOrigH == null) {
                     child.__asLiveOrigH = (child.height ?? 0) * (child.scaleY ?? 1);
                   }
                   const origH = child.__asLiveOrigH;
-                  const newH = Math.max(1, origH * sAxis);
+                  const newH = Math.max(1, origH * sLocalI);
                   if (Math.abs((child.height ?? 0) - newH) > 0.5) {
                     child._set("height", newH);
-                    child._set("scaleY", 1 / sAxis);
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 }
+                try {
+                  const invI = [1 / asSxI, 0, 0, 1 / asSyI, 0, 0];
+                  const RthetaI = fabric__namespace.util.composeMatrix({
+                    angle: childAngleDegI,
+                    scaleX: 1,
+                    scaleY: 1,
+                    translateX: 0,
+                    translateY: 0
+                  });
+                  const MI = fabric__namespace.util.multiplyTransformMatrices(invI, RthetaI);
+                  const decI = fabric__namespace.util.qrDecompose(MI);
+                  child._set("angle", decI.angle);
+                  child._set("scaleX", decI.scaleX);
+                  child._set("scaleY", decI.scaleY);
+                  child._set("skewX", decI.skewX);
+                  child._set("skewY", decI.skewY);
+                } catch {
+                }
+                child.setCoords();
+                child.dirty = true;
                 continue;
               }
               if (!(child instanceof fabric__namespace.Textbox)) continue;
@@ -24992,9 +25042,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.388";
+const resolvedPackageVersion = "0.5.390";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.388";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.390";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25808,7 +25858,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-BMKSimKF.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-3tLyCSst.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28128,7 +28178,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-BMKSimKF.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-3tLyCSst.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28525,4 +28575,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CnSzRkFP.cjs.map
+//# sourceMappingURL=index-BAbK6GX5.cjs.map