@pixldocs/canvas-renderer 0.5.402 → 0.5.404

package/dist/{index-CkhKSrXp.cjs → index-BsKKxOH4.cjs}

@@ -11520,8 +11520,8 @@ 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 (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
@@ -13255,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) {
@@ -13274,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,
@@ -13281,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()),
@@ -13714,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;
@@ -14405,6 +14409,14 @@ const PageCanvas = react.forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
+              const childLocalAngle = child.__asLiveOrigAngle != null ? child.__asLiveOrigAngle : child.angle ?? 0;
+              const isRotatedChild = Math.abs((childLocalAngle % 360 + 360) % 360) > 0.5 && Math.abs((childLocalAngle % 360 + 360) % 360 - 360) > 0.5;
+              if (isRotatedChild) {
+                if (child.__asLiveOrigAngle == null) {
+                  child.__asLiveOrigAngle = child.angle ?? 0;
+                }
+                continue;
+              }
               if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_f = child._ct) == null ? void 0 : _f.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
@@ -14827,6 +14839,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()),
@@ -14939,7 +14952,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;
@@ -14965,13 +14978,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(
@@ -15010,7 +15026,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;
@@ -15092,7 +15108,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);
@@ -15154,7 +15170,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;
@@ -15185,7 +15201,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);
@@ -15201,7 +15217,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;
@@ -15223,7 +15239,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 {
@@ -15615,7 +15631,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;
@@ -15740,7 +15756,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;
@@ -15948,7 +15964,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);
@@ -16027,7 +16043,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 {
@@ -25137,9 +25153,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.402";
+const resolvedPackageVersion = "0.5.404";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.402";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.404";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25953,7 +25969,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-CuA61scC.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CMUgVgvn.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28273,7 +28289,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-CuA61scC.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CMUgVgvn.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28670,4 +28686,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CkhKSrXp.cjs.map
+//# sourceMappingURL=index-BsKKxOH4.cjs.map