@pixldocs/canvas-renderer 0.5.256 → 0.5.257

package/dist/{index-C1nsxh7P.cjs → index-oOI_SYzS.cjs}

@@ -11198,6 +11198,50 @@ const PageCanvas = react.forwardRef(
         }
       }
       applyWarpAwareSelectionBorders(selection);
+      try {
+        if (members.length >= 2 && Math.abs((selection.angle ?? 0) % 360) < 0.01 && !selection.__pixldocsGroupAngleApplied) {
+          const someBusy = members.some((m) => m.__pdCircleRadiusDrag || m.__pixldocsSectionGroup);
+          if (!someBusy) {
+            const first = ((members[0].angle ?? 0) % 360 + 360) % 360;
+            const EPS = 0.5;
+            const allSame = members.every((m) => {
+              const a = ((m.angle ?? 0) % 360 + 360) % 360;
+              const d = Math.min(Math.abs(a - first), 360 - Math.abs(a - first));
+              return d <= EPS;
+            });
+            if (allSame && first > EPS && first < 360 - EPS) {
+              const worldMatrices = members.map((c) => c.calcTransformMatrix());
+              selection.set({ angle: first });
+              selection.setCoords();
+              const selMatrix = selection.calcTransformMatrix();
+              const invSel = fabric__namespace.util.invertTransform(selMatrix);
+              for (let i = 0; i < members.length; i++) {
+                const child = members[i];
+                const rel = fabric__namespace.util.multiplyTransformMatrices(invSel, worldMatrices[i]);
+                const d = fabric__namespace.util.qrDecompose(rel);
+                child.flipX = false;
+                child.flipY = false;
+                child.set({
+                  scaleX: d.scaleX,
+                  scaleY: d.scaleY,
+                  skewX: d.skewX,
+                  skewY: d.skewY,
+                  angle: d.angle
+                });
+                child.setPositionByOrigin(
+                  new fabric__namespace.Point(d.translateX, d.translateY),
+                  "center",
+                  "center"
+                );
+                child.setCoords();
+              }
+              selection.__pixldocsGroupAngleApplied = first;
+            }
+          }
+        }
+      } catch (err) {
+        console.warn("[group-rotation-align] skipped", err);
+      }
     }, []);
     const pageBoundsOptions = react.useMemo(
       () => ({ pageContentWidth: canvasWidth, pageContentHeight: canvasHeight }),
@@ -12547,7 +12591,8 @@ const PageCanvas = react.forwardRef(
           selectionLeft: rect.left,
           selectionTop: rect.top,
           groupLeft: groupAbs.left,
-          groupTop: groupAbs.top
+          groupTop: groupAbs.top,
+          selectionAngle: ((active.angle ?? 0) % 360 + 360) % 360
         };
       };
       const restoreGroupSelectionVisualState = (selection, groupId) => {
@@ -14188,7 +14233,13 @@ const PageCanvas = react.forwardRef(
               const deltaX = movedGroupLeft - groupAbs.left;
               const deltaY = movedGroupTop - groupAbs.top;
               const hadScale = isActiveSelection && activeObj && (Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01);
-              const hadRotation = isActiveSelection && activeObj && Math.abs((activeObj.angle ?? 0) % 360) > 0.01;
+              const startSelAngle = (((transformStart == null ? void 0 : transformStart.selectionAngle) ?? 0) % 360 + 360) % 360;
+              const currentSelAngle = isActiveSelection && activeObj ? ((activeObj.angle ?? 0) % 360 + 360) % 360 : 0;
+              const angleDelta = Math.min(
+                Math.abs(currentSelAngle - startSelAngle),
+                360 - Math.abs(currentSelAngle - startSelAngle)
+              );
+              const hadRotation = isActiveSelection && activeObj && angleDelta > 0.01;
               if (!hadScale && !hadRotation && (Math.abs(deltaX) > 0.1 || Math.abs(deltaY) > 0.1)) {
                 const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
                 const newLeft = (groupToMove.left ?? 0) + deltaX;
@@ -23539,9 +23590,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.256";
+const resolvedPackageVersion = "0.5.257";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.256";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.257";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24355,7 +24406,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-BNa-hQ-e.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-EysRHv2h.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26675,7 +26726,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-BNa-hQ-e.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-EysRHv2h.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27072,4 +27123,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-C1nsxh7P.cjs.map
+//# sourceMappingURL=index-oOI_SYzS.cjs.map