@pixldocs/canvas-renderer 0.5.401 → 0.5.403

package/dist/{index-DqOy3Wio.cjs → index-Bp9XxxF8.cjs}

@@ -11520,15 +11520,17 @@ function applyWarpAwareSelectionBorders(selection) {
         let targetAngle = null;
         const isLogicalGroupSelection = !!selection.__pixldocsGroupSelection;
         const frozenGroupAngle = selection.__pixldocsFrozenGroupAngle;
-        if (isLogicalGroupSelection && typeof frozenGroupAngle === "number" && Math.abs(frozenGroupAngle) > 0.5) {
-          targetAngle = frozenGroupAngle;
-        }
-        if (targetAngle == null && dominant && Math.abs(dominant.angle) > 0.5 && // Dominant-angle alignment is required to keep side-handle resize
-        // shear-free on rotated children. Without it, Fabric's AS drags
-        // along world X/Y while rotated children render in their local
-        // frame → visible skew. Frozen group angle (when persisted) takes
-        // priority above; otherwise fall back to dominant.
-        (isLogicalGroupSelection || kids.length === 1 || dominant.count >= 2 || dominant.count === kids.length)) {
+        if (isLogicalGroupSelection) {
+          targetAngle = typeof frozenGroupAngle === "number" ? frozenGroupAngle : 0;
+        }
+        if (targetAngle == null && dominant && Math.abs(dominant.angle) > 0.5 && // Canva-style: a *logical group* bbox is authoritative from the
+        // persisted group.angle only. Individual child rotations must not
+        // drift the group's selection bbox angle. The per-child rotation-
+        // aware reflow (S^-1·R(θ) decomposition) keeps side-handle drags
+        // shear-free on rotated text/image/crop-group kids without needing
+        // the AS itself to tilt.
+        // Ad-hoc multi-select (non-logical) still aligns to dominant.
+        (!isLogicalGroupSelection && (kids.length === 1 || dominant.count >= 2 || dominant.count === kids.length))) {
           targetAngle = dominant.angle;
         }
         if (targetAngle != null) {
@@ -13253,7 +13255,7 @@ const PageCanvas = react.forwardRef(
         transformingIdsRef.current.clear();
       };
       const prepareGroupSelectionTransformStart = (target) => {
-        var _a2, _b2;
+        var _a2, _b2, _c2;
         const active = target instanceof fabric__namespace.ActiveSelection ? target : fabricCanvas.getActiveObject();
         if (!(active instanceof fabric__namespace.ActiveSelection)) return;
         if (!activeSelectionMoveStartRef.current || activeSelectionMoveStartRef.current.selection !== active) {
@@ -13272,6 +13274,8 @@ const PageCanvas = react.forwardRef(
         if (!groupNode) return;
         const groupAbs = getAbsoluteBounds(groupNode, pageChildren2);
         const rect = active.getBoundingRect();
+        const currentTransform = fabricCanvas._currentTransform;
+        const originalSelectionAngle = (currentTransform == null ? void 0 : currentTransform.target) === active && typeof ((_c2 = currentTransform == null ? void 0 : currentTransform.original) == null ? void 0 : _c2.angle) === "number" ? currentTransform.original.angle : active.angle ?? 0;
         groupSelectionTransformStartRef.current = {
           groupId,
           selection: active,
@@ -13279,7 +13283,8 @@ const PageCanvas = react.forwardRef(
           selectionTop: rect.top,
           groupLeft: groupAbs.left,
           groupTop: groupAbs.top,
-          selectionAngle: ((active.angle ?? 0) % 360 + 360) % 360
+          selectionAngle: (originalSelectionAngle % 360 + 360) % 360,
+          groupAngle: isGroup(groupNode) ? groupNode.angle ?? 0 : 0
         };
         logRotDriftSelectionSnapshot("transform-start", active, {
           time: Math.round(performance.now()),
@@ -13712,6 +13717,7 @@ const PageCanvas = react.forwardRef(
           fabricCanvas.__isUserTransforming = true;
           syncLockedRef.current = true;
           lockEdits();
+          prepareGroupSelectionTransformStart(opt.target ?? null);
         }
         let target = opt.target;
         let targetId = target ? getObjectId(target) : null;
@@ -14825,6 +14831,7 @@ const PageCanvas = react.forwardRef(
         markSimpleTransform(e);
         didTransformRef.current = true;
         const tr = e.target;
+        prepareGroupSelectionTransformStart(tr);
         if (shouldLogRotDriftLiveTick(tr, "rotating")) {
           logRotDriftSelectionSnapshot("rotating", tr, {
             time: Math.round(performance.now()),
@@ -14937,7 +14944,7 @@ const PageCanvas = react.forwardRef(
       });
       let cropGroupSaveTimer = null;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
         try {
           if (suppressObjectModifiedDuringInternalReselectRef.current) return;
           dragStarted = false;
@@ -14963,13 +14970,16 @@ const PageCanvas = react.forwardRef(
             const t = e.target;
             if (t instanceof fabric__namespace.ActiveSelection) {
               const gid = t.__pixldocsGroupSelection;
-              const delta = ((t.angle ?? 0) + 360) % 360;
+              const transformStart = gid && ((_a2 = groupSelectionTransformStartRef.current) == null ? void 0 : _a2.groupId) === gid && groupSelectionTransformStartRef.current.selection === t ? groupSelectionTransformStartRef.current : null;
+              const current = ((t.angle ?? 0) % 360 + 360) % 360;
+              const start = (((transformStart == null ? void 0 : transformStart.selectionAngle) ?? (transformStart == null ? void 0 : transformStart.groupAngle) ?? 0) % 360 + 360) % 360;
+              const delta = ((current - start) % 360 + 360) % 360;
               const deltaSigned = delta > 180 ? delta - 360 : delta;
               if (gid && Math.abs(deltaSigned) > 0.01) {
                 const pageNow = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId);
                 const node = pageNow ? findNodeById(pageNow.children ?? [], gid) : null;
                 if (node && isGroup(node)) {
-                  const prev = node.angle ?? 0;
+                  const prev = (transformStart == null ? void 0 : transformStart.groupAngle) ?? (node.angle ?? 0);
                   const next = ((prev + deltaSigned) % 360 + 360) % 360;
                   const nextSigned = next > 180 ? next - 360 : next;
                   useEditorStore.getState().updateNode(
@@ -15008,7 +15018,7 @@ const PageCanvas = react.forwardRef(
           const active = fabricCanvas.getActiveObject();
           const activeId = active ? getObjectId(active) : null;
           if (active && activeId && activeId !== "__background__" && !(active instanceof fabric__namespace.Group)) {
-            const pageChildrenForParent = ((_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
+            const pageChildrenForParent = ((_b2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _b2.children) ?? [];
             const parentGroup = findParentGroup(pageChildrenForParent, activeId);
             if (parentGroup && isGroup(parentGroup) && parentGroup.backgroundColor) {
               let fabricSectionGroup = active.group && active.group instanceof fabric__namespace.Group ? active.group : null;
@@ -15090,7 +15100,7 @@ const PageCanvas = react.forwardRef(
                   useEditorStore.getState().reflowStackGroupInPage(pageId, groupId);
                 }
                 const stateAfter = useEditorStore.getState();
-                const pageAfter = ((_b2 = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _b2.children) ?? [];
+                const pageAfter = ((_c2 = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c2.children) ?? [];
                 const groupNodeAfter = findNodeById(pageAfter, groupId);
                 if (groupNodeAfter) {
                   const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
@@ -15152,7 +15162,7 @@ const PageCanvas = react.forwardRef(
           }
           if (active && active instanceof fabric__namespace.Group && active.__docuforgeSectionGroup && getObjectId(active)) {
             const groupId = getObjectId(active);
-            const pageChildrenSec = ((_c2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c2.children) ?? [];
+            const pageChildrenSec = ((_d = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _d.children) ?? [];
             const modifiedTarget2 = e == null ? void 0 : e.target;
             const resizeScaleTarget = lastResizeScaleTargetRef.current;
             lastResizeScaleTargetRef.current = null;
@@ -15183,7 +15193,7 @@ const PageCanvas = react.forwardRef(
             const node = findNodeById(pageChildrenSec, groupId);
             if (isChildModified && node && !groupMoved) {
               const stateAfter = useEditorStore.getState();
-              const pageAfter = ((_d = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _d.children) ?? [];
+              const pageAfter = ((_e = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _e.children) ?? [];
               const groupNodeAfter = findNodeById(pageAfter, groupId);
               if (groupNodeAfter) {
                 const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
@@ -15199,7 +15209,7 @@ const PageCanvas = react.forwardRef(
           }
           if (active && active instanceof fabric__namespace.Group && !(active instanceof fabric__namespace.ActiveSelection) && getObjectId(active)) {
             const groupId = getObjectId(active);
-            const pageChildren3 = ((_e = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _e.children) ?? [];
+            const pageChildren3 = ((_f = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _f.children) ?? [];
             const w = (active.width ?? 0) * (active.scaleX ?? 1);
             const h = (active.height ?? 0) * (active.scaleY ?? 1);
             const centerX = active.left ?? 0;
@@ -15221,7 +15231,7 @@ const PageCanvas = react.forwardRef(
           }
           const activeObj = fabricCanvas.getActiveObject();
           let activeObjects = fabricCanvas.getActiveObjects();
-          const activeSelectionMoveStart = activeObj instanceof fabric__namespace.ActiveSelection && ((_f = activeSelectionMoveStartRef.current) == null ? void 0 : _f.selection) === activeObj ? activeSelectionMoveStartRef.current : null;
+          const activeSelectionMoveStart = activeObj instanceof fabric__namespace.ActiveSelection && ((_g = activeSelectionMoveStartRef.current) == null ? void 0 : _g.selection) === activeObj ? activeSelectionMoveStartRef.current : null;
           const activeSelectionDelta = activeObj instanceof fabric__namespace.ActiveSelection && activeSelectionMoveStart ? (() => {
             const rect = activeObj.getBoundingRect();
             return {
@@ -15613,7 +15623,7 @@ const PageCanvas = react.forwardRef(
                     const localScaleX = 1 / sx;
                     const localScaleY = 1 / sy;
                     obj.set({ scaleX: localScaleX, scaleY: localScaleY });
-                    const selectionMatrix = (_g = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _g.call(activeObj);
+                    const selectionMatrix = (_h = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _h.call(activeObj);
                     const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
                     const localWidth = bakedW * localScaleX;
                     const localHeight = bakedH * localScaleY;
@@ -15738,7 +15748,7 @@ const PageCanvas = react.forwardRef(
                   const localScaleX = 1 / sx;
                   const localScaleY = 1 / sy;
                   obj.set({ scaleX: localScaleX, scaleY: localScaleY });
-                  const selectionMatrix = (_h = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _h.call(activeObj);
+                  const selectionMatrix = (_i = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _i.call(activeObj);
                   const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
                   const localWidth = bakedWidth * localScaleX;
                   const localHeight = (obj.height ?? intrinsicHeight) * localScaleY;
@@ -15946,7 +15956,7 @@ const PageCanvas = react.forwardRef(
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
-          const pageChildrenForReflow = ((_i = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _i.children) ?? [];
+          const pageChildrenForReflow = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -16025,7 +16035,7 @@ const PageCanvas = react.forwardRef(
               }
               fabricCanvas.setActiveObject(newSel);
               try {
-                (_j = newSel.triggerLayout) == null ? void 0 : _j.call(newSel);
+                (_k = newSel.triggerLayout) == null ? void 0 : _k.call(newSel);
               } catch {
               }
               try {
@@ -25135,9 +25145,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.401";
+const resolvedPackageVersion = "0.5.403";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.401";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.403";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25951,7 +25961,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-B25ym_AP.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BevFDNWQ.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28271,7 +28281,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-B25ym_AP.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BevFDNWQ.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28668,4 +28678,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DqOy3Wio.cjs.map
+//# sourceMappingURL=index-Bp9XxxF8.cjs.map