@pixldocs/canvas-renderer 0.5.386 → 0.5.388

package/dist/{index-BBprK5c2.js → index-CiGVJ3wk.js}

@@ -13512,6 +13512,55 @@ const PageCanvas = forwardRef(
         if (!found) return null;
         return { left: minX, top: minY, right: maxX, bottom: maxY };
       };
+      const groupFabricOrientedBBox = (g) => {
+        var _a2;
+        const memberIds = new Set(getAllElementIds(g.children ?? []));
+        if (memberIds.size === 0) return null;
+        const members = [];
+        for (const o of fabricCanvas.getObjects()) {
+          const oid = getObjectId(o);
+          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;
+        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 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);
+          const aC = m.aCoords;
+          if (!aC) continue;
+          for (const k of ["tl", "tr", "br", "bl"]) {
+            const p = aC[k];
+            if (!p) continue;
+            const xr = p.x * cos - p.y * sin;
+            const yr = p.x * sin + p.y * cos;
+            if (xr < minX) minX = xr;
+            if (yr < minY) minY = yr;
+            if (xr > maxX) maxX = xr;
+            if (yr > maxY) maxY = yr;
+            found = true;
+          }
+        }
+        if (!found) return null;
+        const radBack = a0 * Math.PI / 180;
+        const cb = Math.cos(radBack), sb = Math.sin(radBack);
+        const toCanvas = (x, y) => ({ x: x * cb - y * sb, y: x * sb + y * cb });
+        const corners = [
+          toCanvas(minX, minY),
+          toCanvas(maxX, minY),
+          toCanvas(maxX, maxY),
+          toCanvas(minX, maxY)
+        ];
+        return { corners, angle: a0 };
+      };
       const pickGroupAtPointer = (px, py, children, activeEditingGroupId) => {
         let pick = null;
         for (const node of children) {
@@ -13758,6 +13807,21 @@ const PageCanvas = forwardRef(
           const activeEditingGroupId = fabricCanvas.__activeEditingGroupId ?? null;
           const groupPick = pickGroupAtPointer(pointer.x, pointer.y, childrenNow, activeEditingGroupId);
           if (groupPick && !activeIds.has(groupPick.group.id)) {
+            const oriented = groupFabricOrientedBBox(groupPick.group);
+            if (oriented) {
+              const pts = oriented.corners.map((p) => `${p.x},${p.y}`).join(" ");
+              const xs = oriented.corners.map((p) => p.x);
+              const ys = oriented.corners.map((p) => p.y);
+              setHoverBounds({
+                left: Math.min(...xs),
+                top: Math.min(...ys),
+                width: Math.max(...xs) - Math.min(...xs),
+                height: Math.max(...ys) - Math.min(...ys),
+                angle: oriented.angle,
+                points: pts
+              });
+              return;
+            }
             const b = groupFabricUnionBBox(groupPick.group);
             if (b) {
               setHoverBounds({
@@ -13773,14 +13837,31 @@ const PageCanvas = forwardRef(
           const isHoveringSelected = !!(tid && activeIds.has(tid));
           if (t && tid && tid !== "__background__" && !isHoveringSelected) {
             t.setCoords();
-            const br = t.getBoundingRect();
-            setHoverBounds({
-              left: br.left,
-              top: br.top,
-              width: br.width,
-              height: br.height,
-              angle: 0
-            });
+            const ang = ((t.angle ?? 0) % 360 + 360) % 360;
+            const aC = t.aCoords;
+            if (ang > 0.5 && (aC == null ? void 0 : aC.tl) && (aC == null ? void 0 : aC.tr) && (aC == null ? void 0 : aC.br) && (aC == null ? void 0 : aC.bl)) {
+              const corners = [aC.tl, aC.tr, aC.br, aC.bl];
+              const pts = corners.map((p) => `${p.x},${p.y}`).join(" ");
+              const xs = corners.map((p) => p.x);
+              const ys = corners.map((p) => p.y);
+              setHoverBounds({
+                left: Math.min(...xs),
+                top: Math.min(...ys),
+                width: Math.max(...xs) - Math.min(...xs),
+                height: Math.max(...ys) - Math.min(...ys),
+                angle: ang,
+                points: pts
+              });
+            } else {
+              const br = t.getBoundingRect();
+              setHoverBounds({
+                left: br.left,
+                top: br.top,
+                width: br.width,
+                height: br.height,
+                angle: 0
+              });
+            }
           } else {
             setHoverBounds(null);
           }
@@ -14299,7 +14380,10 @@ const PageCanvas = forwardRef(
                 continue;
               }
               if (!(child instanceof fabric.Textbox)) continue;
-              const childAngleDeg = child.angle ?? 0;
+              if (child.__asLiveOrigAngle == null) {
+                child.__asLiveOrigAngle = child.angle ?? 0;
+              }
+              const childAngleDeg = child.__asLiveOrigAngle;
               const asSx = isXSide ? sAxis : 1;
               const asSy = isXSide ? 1 : sAxis;
               const theta = fabric.util.degreesToRadians(childAngleDeg);
@@ -14731,6 +14815,7 @@ const PageCanvas = forwardRef(
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
                 delete child.__asLiveRotSnap;
+                delete child.__asLiveOrigAngle;
               }
             }
           } catch {
@@ -18728,7 +18813,18 @@ const PageCanvas = forwardRef(
               className: "absolute inset-0 pointer-events-none",
               style: { width: scaledWidth, height: scaledHeight },
               viewBox: `0 0 ${canvasWidth} ${canvasHeight}`,
-              children: /* @__PURE__ */ jsx(
+              children: hoverBounds.points ? /* @__PURE__ */ jsx(
+                "polygon",
+                {
+                  points: hoverBounds.points,
+                  fill: "none",
+                  stroke: SELECTION_PRIMARY,
+                  strokeWidth: 2,
+                  vectorEffect: "non-scaling-stroke",
+                  strokeDasharray: "0",
+                  opacity: 1
+                }
+              ) : /* @__PURE__ */ jsx(
                 "rect",
                 {
                   x: hoverBounds.left,
@@ -24878,9 +24974,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.386";
+const resolvedPackageVersion = "0.5.388";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.386";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.388";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25694,7 +25790,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 import("./vectorPdfExport-CuXE8W_Q.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-txxMjll_.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28014,7 +28110,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-CuXE8W_Q.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-txxMjll_.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28414,4 +28510,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-BBprK5c2.js.map
+//# sourceMappingURL=index-CiGVJ3wk.js.map