@pixldocs/canvas-renderer 0.5.255 → 0.5.257

package/dist/{index-5whx8gZE.cjs → index-oOI_SYzS.cjs}

@@ -7160,10 +7160,20 @@ function applyTextPathControls(textbox) {
       ctx.stroke();
       ctx.restore();
     };
-    obj.controls.crN = new fabric__namespace.Control({ x: 0, y: -0.5, cursorStyle: "ns-resize", actionName: "textPath", actionHandler: dragRadius("N"), positionHandler: positionAtRing("N"), render: renderRingHandle });
-    obj.controls.crE = new fabric__namespace.Control({ x: 0.5, y: 0, cursorStyle: "ew-resize", actionName: "textPath", actionHandler: dragRadius("E"), positionHandler: positionAtRing("E"), render: renderRingHandle });
-    obj.controls.crS = new fabric__namespace.Control({ x: 0, y: 0.5, cursorStyle: "ns-resize", actionName: "textPath", actionHandler: dragRadius("S"), positionHandler: positionAtRing("S"), render: renderRingHandle });
-    obj.controls.crW = new fabric__namespace.Control({ x: -0.5, y: 0, cursorStyle: "ew-resize", actionName: "textPath", actionHandler: dragRadius("W"), positionHandler: positionAtRing("W"), render: renderRingHandle });
+    const radialCursorHandler = (dir) => (_e2, _control, fabricObject) => {
+      var _a3;
+      const baseAngle = dir === "N" || dir === "S" ? 90 : 0;
+      const objAngle = ((_a3 = fabricObject == null ? void 0 : fabricObject.getTotalAngle) == null ? void 0 : _a3.call(fabricObject)) ?? (fabricObject == null ? void 0 : fabricObject.angle) ?? 0;
+      let a = ((baseAngle + objAngle) % 180 + 180) % 180;
+      if (a < 22.5 || a >= 157.5) return "ew-resize";
+      if (a < 67.5) return "nesw-resize";
+      if (a < 112.5) return "ns-resize";
+      return "nwse-resize";
+    };
+    obj.controls.crN = new fabric__namespace.Control({ x: 0, y: -0.5, cursorStyleHandler: radialCursorHandler("N"), actionName: "textPath", actionHandler: dragRadius("N"), positionHandler: positionAtRing("N"), render: renderRingHandle });
+    obj.controls.crE = new fabric__namespace.Control({ x: 0.5, y: 0, cursorStyleHandler: radialCursorHandler("E"), actionName: "textPath", actionHandler: dragRadius("E"), positionHandler: positionAtRing("E"), render: renderRingHandle });
+    obj.controls.crS = new fabric__namespace.Control({ x: 0, y: 0.5, cursorStyleHandler: radialCursorHandler("S"), actionName: "textPath", actionHandler: dragRadius("S"), positionHandler: positionAtRing("S"), render: renderRingHandle });
+    obj.controls.crW = new fabric__namespace.Control({ x: -0.5, y: 0, cursorStyleHandler: radialCursorHandler("W"), actionName: "textPath", actionHandler: dragRadius("W"), positionHandler: positionAtRing("W"), render: renderRingHandle });
     (_g = obj.setControlVisible) == null ? void 0 : _g.call(obj, "crN", true);
     (_h = obj.setControlVisible) == null ? void 0 : _h.call(obj, "crE", true);
     (_i = obj.setControlVisible) == null ? void 0 : _i.call(obj, "crS", true);
@@ -11188,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 }),
@@ -12537,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) => {
@@ -14178,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;
@@ -23529,9 +23590,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.255";
+const resolvedPackageVersion = "0.5.257";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.255";
+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;
@@ -24345,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-BK2ntULQ.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-EysRHv2h.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26665,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-BK2ntULQ.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-EysRHv2h.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27062,4 +27123,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-5whx8gZE.cjs.map
+//# sourceMappingURL=index-oOI_SYzS.cjs.map