@pixldocs/canvas-renderer 0.5.387 → 0.5.389

package/dist/{index-Dojo9KpB.js → index-CxeXN5KG.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);
           }
@@ -14231,23 +14312,26 @@ const PageCanvas = forwardRef(
               if (child instanceof fabric.Group && (child.__cropGroup || ((_f = child._ct) == null ? void 0 : _f.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
+                if (child.__asLiveOrigAngle == null) {
+                  child.__asLiveOrigAngle = child.angle ?? 0;
+                }
+                const childAngleDegC = child.__asLiveOrigAngle;
+                const asSxC = isXSide ? sAxis : 1;
+                const asSyC = isXSide ? 1 : sAxis;
+                const thetaC = fabric.util.degreesToRadians(childAngleDegC);
+                const cosTC = Math.cos(thetaC);
+                const sinTC = Math.sin(thetaC);
+                const sLocalC = isXSide ? asSxC * cosTC * cosTC + sinTC * sinTC : asSyC * cosTC * cosTC + sinTC * sinTC;
                 if (isXSide) {
                   if (child.__asLiveOrigW == null) {
                     const baseW = child.width ?? ct.frameW ?? 0;
                     child.__asLiveOrigW = baseW * (child.scaleX ?? 1);
                   }
                   const origW = child.__asLiveOrigW;
-                  const newW = Math.max(20, origW * sAxis);
+                  const newW = Math.max(20, origW * sLocalC);
                   if (Math.abs((child.width ?? 0) - newW) > 0.5) {
                     ct.frameW = newW;
                     child._set("width", newW);
-                    child._set("scaleX", 1 / sAxis);
-                    try {
-                      updateCoverLayout(child);
-                    } catch {
-                    }
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 } else {
                   if (child.__asLiveOrigH == null) {
@@ -14255,47 +14339,88 @@ const PageCanvas = forwardRef(
                     child.__asLiveOrigH = baseH * (child.scaleY ?? 1);
                   }
                   const origH = child.__asLiveOrigH;
-                  const newH = Math.max(20, origH * sAxis);
+                  const newH = Math.max(20, origH * sLocalC);
                   if (Math.abs((child.height ?? 0) - newH) > 0.5) {
                     ct.frameH = newH;
                     child._set("height", newH);
-                    child._set("scaleY", 1 / sAxis);
-                    try {
-                      updateCoverLayout(child);
-                    } catch {
-                    }
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 }
+                try {
+                  const invC = [1 / asSxC, 0, 0, 1 / asSyC, 0, 0];
+                  const RthetaC = fabric.util.composeMatrix({
+                    angle: childAngleDegC,
+                    scaleX: 1,
+                    scaleY: 1,
+                    translateX: 0,
+                    translateY: 0
+                  });
+                  const MC = fabric.util.multiplyTransformMatrices(invC, RthetaC);
+                  const decC = fabric.util.qrDecompose(MC);
+                  child._set("angle", decC.angle);
+                  child._set("scaleX", decC.scaleX);
+                  child._set("scaleY", decC.scaleY);
+                  child._set("skewX", decC.skewX);
+                  child._set("skewY", decC.skewY);
+                } catch {
+                }
+                try {
+                  updateCoverLayout(child);
+                } catch {
+                }
+                child.setCoords();
+                child.dirty = true;
                 continue;
               }
               if (child instanceof fabric.FabricImage && !child.__cropGroup && !child.smartElementType) {
+                if (child.__asLiveOrigAngle == null) {
+                  child.__asLiveOrigAngle = child.angle ?? 0;
+                }
+                const childAngleDegI = child.__asLiveOrigAngle;
+                const asSxI = isXSide ? sAxis : 1;
+                const asSyI = isXSide ? 1 : sAxis;
+                const thetaI = fabric.util.degreesToRadians(childAngleDegI);
+                const cosTI = Math.cos(thetaI);
+                const sinTI = Math.sin(thetaI);
+                const sLocalI = isXSide ? asSxI * cosTI * cosTI + sinTI * sinTI : asSyI * cosTI * cosTI + sinTI * sinTI;
                 if (isXSide) {
                   if (child.__asLiveOrigW == null) {
                     child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
                   }
                   const origW = child.__asLiveOrigW;
-                  const newW = Math.max(1, origW * sAxis);
+                  const newW = Math.max(1, origW * sLocalI);
                   if (Math.abs((child.width ?? 0) - newW) > 0.5) {
                     child._set("width", newW);
-                    child._set("scaleX", 1 / sAxis);
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 } else {
                   if (child.__asLiveOrigH == null) {
                     child.__asLiveOrigH = (child.height ?? 0) * (child.scaleY ?? 1);
                   }
                   const origH = child.__asLiveOrigH;
-                  const newH = Math.max(1, origH * sAxis);
+                  const newH = Math.max(1, origH * sLocalI);
                   if (Math.abs((child.height ?? 0) - newH) > 0.5) {
                     child._set("height", newH);
-                    child._set("scaleY", 1 / sAxis);
-                    child.setCoords();
-                    child.dirty = true;
                   }
                 }
+                try {
+                  const invI = [1 / asSxI, 0, 0, 1 / asSyI, 0, 0];
+                  const RthetaI = fabric.util.composeMatrix({
+                    angle: childAngleDegI,
+                    scaleX: 1,
+                    scaleY: 1,
+                    translateX: 0,
+                    translateY: 0
+                  });
+                  const MI = fabric.util.multiplyTransformMatrices(invI, RthetaI);
+                  const decI = fabric.util.qrDecompose(MI);
+                  child._set("angle", decI.angle);
+                  child._set("scaleX", decI.scaleX);
+                  child._set("scaleY", decI.scaleY);
+                  child._set("skewX", decI.skewX);
+                  child._set("skewY", decI.skewY);
+                } catch {
+                }
+                child.setCoords();
+                child.dirty = true;
                 continue;
               }
               if (!(child instanceof fabric.Textbox)) continue;
@@ -18732,7 +18857,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,
@@ -24882,9 +25018,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.387";
+const resolvedPackageVersion = "0.5.389";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.387";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.389";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25698,7 +25834,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-DNhNOmXo.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-aeROfqEB.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28018,7 +28154,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-DNhNOmXo.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-aeROfqEB.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28418,4 +28554,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-Dojo9KpB.js.map
+//# sourceMappingURL=index-CxeXN5KG.js.map