@pixldocs/canvas-renderer 0.5.393 → 0.5.394

package/dist/{index-B0Ej1RxQ.cjs → index-mH5LwfhM.cjs}

@@ -10520,6 +10520,10 @@ function bakeEdgeFade(source, fade) {
 }
 const SELECTION_PRIMARY = "hsl(217, 91%, 60%)";
 const SELECTION_BORDER_SCALE = 2;
+const normalizeAngle180 = (angle) => {
+  const n = (angle % 360 + 360) % 360;
+  return n > 180 ? n - 360 : n;
+};
 let ensureCanvaControlRenders = () => {
 };
 try {
@@ -11450,7 +11454,7 @@ const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   };
   return updates;
 };
-function applyWarpAwareSelectionBorders(selection) {
+function applyWarpAwareSelectionBorders(selection, preferredGroupAngle) {
   var _a2;
   if (selection.__pixldocsOrigASHasBorders !== void 0) {
     selection.hasBorders = selection.__pixldocsOrigASHasBorders;
@@ -11462,17 +11466,13 @@ function applyWarpAwareSelectionBorders(selection) {
     if (selection.__pixldocsAlignedAngle == null) {
       const kids = selection.getObjects();
       if (kids.length >= 1) {
-        const norm = (a) => {
-          const n = (a % 360 + 360) % 360;
-          return n > 180 ? n - 360 : n;
-        };
-        const angleDelta = (a, b) => Math.abs(norm(a - b));
+        const angleDelta = (a, b) => Math.abs(normalizeAngle180(a - b));
         const selectionMatrix = selection.calcTransformMatrix();
         const worldMatrices = kids.map((k) => fabric__namespace.util.multiplyTransformMatrices(
           selectionMatrix,
           k.calcOwnMatrix()
         ));
-        const worldAngles = worldMatrices.map((m) => norm(fabric__namespace.util.qrDecompose(m).angle ?? 0));
+        const worldAngles = worldMatrices.map((m) => normalizeAngle180(fabric__namespace.util.qrDecompose(m).angle ?? 0));
         const worldPoints = [];
         for (const k of kids) {
           try {
@@ -11517,9 +11517,10 @@ function applyWarpAwareSelectionBorders(selection) {
         for (const b of buckets) b.area = orientedAreaForAngle(b.angle);
         buckets.sort((a, b) => b.count - a.count || a.area - b.area || Math.abs(b.angle) - Math.abs(a.angle));
         const dominant = buckets[0];
-        let targetAngle = null;
+        const preferredAngle = typeof preferredGroupAngle === "number" && Number.isFinite(preferredGroupAngle) ? normalizeAngle180(preferredGroupAngle) : null;
+        let targetAngle = preferredAngle;
         const isLogicalGroupSelection = !!selection.__pixldocsGroupSelection;
-        if (dominant && Math.abs(dominant.angle) > 0.5 && (isLogicalGroupSelection || kids.length === 1 || dominant.count >= 2 || dominant.count === kids.length)) {
+        if (targetAngle == null && dominant && Math.abs(dominant.angle) > 0.5 && (isLogicalGroupSelection || kids.length === 1 || dominant.count >= 2 || dominant.count === kids.length)) {
           targetAngle = dominant.angle;
         }
         if (targetAngle != null) {
@@ -11656,6 +11657,11 @@ const PageCanvas = react.forwardRef(
       var _a2;
       selection.__pixldocsGroupSelection = groupId;
       delete selection.__pixldocsLogicalGroupIds;
+      const pageNow = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId);
+      const groupNode = pageNow ? findNodeById(pageNow.children ?? [], groupId) : null;
+      const groupAngle = groupNode && isGroup(groupNode) && typeof groupNode.angle === "number" ? groupNode.angle : void 0;
+      if (groupAngle !== void 0) selection.__pixldocsGroupAngle = groupAngle;
+      else delete selection.__pixldocsGroupAngle;
       selection.hasBorders = true;
       const members = selection.getObjects();
       for (const prev of suppressGroupMemberBordersRef.current) {
@@ -11689,8 +11695,8 @@ const PageCanvas = react.forwardRef(
           m.lockScalingY = false;
         }
       }
-      applyWarpAwareSelectionBorders(selection);
-    }, []);
+      applyWarpAwareSelectionBorders(selection, groupAngle);
+    }, [pageId]);
     const pageBoundsOptions = react.useMemo(
       () => ({ pageContentWidth: canvasWidth, pageContentHeight: canvasHeight }),
       [canvasWidth, canvasHeight]
@@ -13582,15 +13588,7 @@ const PageCanvas = react.forwardRef(
           if (oid && memberIds.has(oid)) members.push(o);
         }
         if (members.length === 0) return null;
-        const TOL = 2;
-        const norm = (a) => {
-          const n = (a % 360 + 360) % 360;
-          return n > 180 ? n - 360 : n;
-        };
-        const angleDelta = (a, b) => {
-          const d = Math.abs(norm(a) - norm(b));
-          return Math.min(d, 360 - d);
-        };
+        const savedGroupAngle = typeof g.angle === "number" && Number.isFinite(g.angle) ? normalizeAngle180(g.angle) : null;
         const worldPoints = [];
         for (const m of members) {
           (_a2 = m.setCoords) == null ? void 0 : _a2.call(m);
@@ -13601,31 +13599,35 @@ const PageCanvas = react.forwardRef(
             if (p) worldPoints.push({ x: p.x, y: p.y });
           }
         }
-        const orientedAreaForAngle = (angle) => {
-          if (worldPoints.length === 0) return Number.POSITIVE_INFINITY;
-          const r = -angle * Math.PI / 180;
-          const c = Math.cos(r), s = Math.sin(r);
-          let nX = Infinity, nY = Infinity, xX = -Infinity, xY = -Infinity;
-          for (const p of worldPoints) {
-            const xr = p.x * c - p.y * s;
-            const yr = p.x * s + p.y * c;
-            if (xr < nX) nX = xr;
-            if (yr < nY) nY = yr;
-            if (xr > xX) xX = xr;
-            if (yr > xY) xY = yr;
+        const getLegacyDominantAngle = () => {
+          var _a3;
+          const areaFor = (angle) => {
+            if (worldPoints.length === 0) return Number.POSITIVE_INFINITY;
+            const r = -angle * Math.PI / 180;
+            const c = Math.cos(r), s = Math.sin(r);
+            let nX = Infinity, nY = Infinity, xX = -Infinity, xY = -Infinity;
+            for (const p of worldPoints) {
+              const xr = p.x * c - p.y * s;
+              const yr = p.x * s + p.y * c;
+              if (xr < nX) nX = xr;
+              if (yr < nY) nY = yr;
+              if (xr > xX) xX = xr;
+              if (yr > xY) xY = yr;
+            }
+            return Math.max(1, (xX - nX) * (xY - nY));
+          };
+          const buckets = [];
+          for (const m of members) {
+            const a = normalizeAngle180(m.angle ?? 0);
+            const b = buckets.find((x) => Math.abs(normalizeAngle180(x.angle - a)) <= 2);
+            if (b) b.count++;
+            else buckets.push({ angle: a, count: 1, area: Number.POSITIVE_INFINITY });
           }
-          return Math.max(1, (xX - nX) * (xY - nY));
+          for (const b of buckets) b.area = areaFor(b.angle);
+          buckets.sort((a, b) => b.count - a.count || a.area - b.area || Math.abs(b.angle) - Math.abs(a.angle));
+          return ((_a3 = buckets[0]) == null ? void 0 : _a3.angle) ?? 0;
         };
-        const buckets = [];
-        for (const m of members) {
-          const a = norm(m.angle ?? 0);
-          const b = buckets.find((x) => angleDelta(x.angle, a) <= TOL);
-          if (b) b.count++;
-          else buckets.push({ angle: a, count: 1, area: Number.POSITIVE_INFINITY });
-        }
-        for (const b of buckets) b.area = orientedAreaForAngle(b.angle);
-        buckets.sort((a, b) => b.count - a.count || a.area - b.area || Math.abs(b.angle) - Math.abs(a.angle));
-        const a0 = buckets[0].angle;
+        const a0 = savedGroupAngle ?? getLegacyDominantAngle();
         const rad = -a0 * Math.PI / 180;
         const cos = Math.cos(rad), sin = Math.sin(rad);
         let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
@@ -15369,6 +15371,14 @@ const PageCanvas = react.forwardRef(
                 360 - Math.abs(currentSelAngle - startSelAngle)
               );
               const hadRotation = isActiveSelection && activeObj && angleDelta > 0.01;
+              if (hadRotation && activeObj instanceof fabric__namespace.ActiveSelection && activeGroupSelectionId === groupToMove.id) {
+                useEditorStore.getState().updateNode(
+                  groupToMove.id,
+                  { angle: currentSelAngle },
+                  { recordHistory: false, skipLayoutRecalc: true }
+                );
+                activeObj.__pixldocsGroupAngle = currentSelAngle;
+              }
               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;
@@ -25115,9 +25125,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.393";
+const resolvedPackageVersion = "0.5.394";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.393";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.394";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25931,7 +25941,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-BWhYgu3c.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-RJHpxl55.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28251,7 +28261,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-BWhYgu3c.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-RJHpxl55.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28648,4 +28658,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-B0Ej1RxQ.cjs.map
+//# sourceMappingURL=index-mH5LwfhM.cjs.map