@pixldocs/canvas-renderer 0.5.391 → 0.5.393

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

@@ -11473,17 +11473,53 @@ function applyWarpAwareSelectionBorders(selection) {
           k.calcOwnMatrix()
         ));
         const worldAngles = worldMatrices.map((m) => norm(fabric__namespace.util.qrDecompose(m).angle ?? 0));
+        const worldPoints = [];
+        for (const k of kids) {
+          try {
+            k.setCoords();
+          } catch {
+          }
+          const coords = typeof k.getCoords === "function" ? k.getCoords() : null;
+          if (Array.isArray(coords) && coords.length) {
+            worldPoints.push(...coords.map((p) => ({ x: p.x, y: p.y })));
+            continue;
+          }
+          const aC = k.aCoords;
+          if (aC) {
+            for (const key of ["tl", "tr", "br", "bl"]) {
+              const p = aC[key];
+              if (p) worldPoints.push({ x: p.x, y: p.y });
+            }
+          }
+        }
+        const orientedAreaForAngle = (angle) => {
+          if (worldPoints.length === 0) return Number.POSITIVE_INFINITY;
+          const rad = -angle * Math.PI / 180;
+          const cos = Math.cos(rad), sin = Math.sin(rad);
+          let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+          for (const p of worldPoints) {
+            const xr = p.x * cos - p.y * sin;
+            const yr = p.x * sin + p.y * cos;
+            minX = Math.min(minX, xr);
+            minY = Math.min(minY, yr);
+            maxX = Math.max(maxX, xr);
+            maxY = Math.max(maxY, yr);
+          }
+          return Math.max(1, (maxX - minX) * (maxY - minY));
+        };
         const ALL_SAME_TOL_DEG = 2;
         const buckets = [];
         for (const a of worldAngles) {
           const b = buckets.find((x) => angleDelta(x.angle, a) <= ALL_SAME_TOL_DEG);
           if (b) b.count++;
-          else buckets.push({ angle: a, count: 1 });
+          else buckets.push({ angle: a, count: 1, area: Number.POSITIVE_INFINITY });
         }
-        buckets.sort((a, b) => b.count - a.count);
+        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;
-        if (dominant && Math.abs(dominant.angle) > 0.5 && (kids.length === 1 || dominant.count >= 2 || dominant.count === kids.length)) {
+        const isLogicalGroupSelection = !!selection.__pixldocsGroupSelection;
+        if (dominant && Math.abs(dominant.angle) > 0.5 && (isLogicalGroupSelection || kids.length === 1 || dominant.count >= 2 || dominant.count === kids.length)) {
           targetAngle = dominant.angle;
         }
         if (targetAngle != null) {
@@ -13537,7 +13573,7 @@ const PageCanvas = react.forwardRef(
         return { left: minX, top: minY, right: maxX, bottom: maxY };
       };
       const groupFabricOrientedBBox = (g) => {
-        var _a2;
+        var _a2, _b2;
         const memberIds = new Set(getAllElementIds(g.children ?? []));
         if (memberIds.size === 0) return null;
         const members = [];
@@ -13546,25 +13582,56 @@ const PageCanvas = react.forwardRef(
           if (oid && memberIds.has(oid)) members.push(o);
         }
         if (members.length === 0) return null;
-        const TOL = 0.5;
+        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 worldPoints = [];
+        for (const m of members) {
+          (_a2 = m.setCoords) == null ? void 0 : _a2.call(m);
+          const aC = m.aCoords;
+          if (!aC) continue;
+          for (const k of ["tl", "tr", "br", "bl"]) {
+            const p = aC[k];
+            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;
+          }
+          return Math.max(1, (xX - nX) * (xY - nY));
+        };
         const buckets = [];
         for (const m of members) {
-          const a = ((m.angle ?? 0) % 360 + 360) % 360;
-          const b = buckets.find((x) => {
-            const d = Math.min(Math.abs(x.angle - a), 360 - Math.abs(x.angle - a));
-            return d <= TOL;
-          });
+          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 });
+          else buckets.push({ angle: a, count: 1, area: Number.POSITIVE_INFINITY });
         }
-        buckets.sort((a, b) => b.count - a.count);
+        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 rad = -a0 * Math.PI / 180;
         const cos = Math.cos(rad), sin = Math.sin(rad);
         let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
         let found = false;
         for (const m of members) {
-          (_a2 = m.setCoords) == null ? void 0 : _a2.call(m);
+          (_b2 = m.setCoords) == null ? void 0 : _b2.call(m);
           const aC = m.aCoords;
           if (!aC) continue;
           for (const k of ["tl", "tr", "br", "bl"]) {
@@ -25048,9 +25115,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.391";
+const resolvedPackageVersion = "0.5.393";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.391";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.393";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25864,7 +25931,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-B8BF2GBZ.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BWhYgu3c.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28184,7 +28251,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-B8BF2GBZ.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BWhYgu3c.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28581,4 +28648,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-C5CC51On.cjs.map
+//# sourceMappingURL=index-B0Ej1RxQ.cjs.map