@pixldocs/canvas-renderer 0.5.339 → 0.5.341

package/dist/{index-BLwO7N0h.cjs → index-Diz7LWkR.cjs}

@@ -11368,8 +11368,16 @@ const PageCanvas = react.forwardRef(
         const pageChildren2 = ((_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
         const groupNode = findNodeById(pageChildren2, groupId);
         const groupAngle = groupNode && isGroup(groupNode) ? Number(groupNode.angle ?? 0) : 0;
+        const groupAbs = groupNode && isGroup(groupNode) ? getAbsoluteBounds(groupNode, pageChildren2) : null;
         if (Number.isFinite(groupAngle) && Math.abs(groupAngle) > 0.01) {
           selection.set({ angle: groupAngle, scaleX: 1, scaleY: 1, skewX: 0, skewY: 0 });
+          if (groupAbs) {
+            selection.setPositionByOrigin(
+              new fabric__namespace.Point(groupAbs.left + groupAbs.width / 2, groupAbs.top + groupAbs.height / 2),
+              "center",
+              "center"
+            );
+          }
           selection.setCoords();
         }
       } catch {
@@ -12840,13 +12848,18 @@ const PageCanvas = react.forwardRef(
         if (!groupNode) return;
         const groupAbs = getAbsoluteBounds(groupNode, pageChildren2);
         const rect = active.getBoundingRect();
+        const center = active.getCenterPoint();
         groupSelectionTransformStartRef.current = {
           groupId,
           selection: active,
           selectionLeft: rect.left,
           selectionTop: rect.top,
+          selectionCenterX: center.x,
+          selectionCenterY: center.y,
           groupLeft: groupAbs.left,
           groupTop: groupAbs.top,
+          groupWidth: groupAbs.width,
+          groupHeight: groupAbs.height,
           selectionAngle: ((active.angle ?? 0) % 360 + 360) % 360
         };
       };
@@ -14923,6 +14936,44 @@ const PageCanvas = react.forwardRef(
               const currentSelAngle = isActiveSelection && activeObj ? normalizeAngle(activeObj.angle ?? 0) : 0;
               const angleDelta = shortestAngleDelta(currentSelAngle, startSelAngle);
               const hadRotation = isActiveSelection && activeObj && angleDelta > 0.01;
+              if (activeGroupSelectionId === groupToMove.id && hadRotation && !hadScale && !activeSelectionResizeHandle && activeObj instanceof fabric__namespace.ActiveSelection) {
+                const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
+                const center = activeObj.getCenterPoint();
+                const nextAbsLeft = center.x - groupAbs.width / 2;
+                const nextAbsTop = center.y - groupAbs.height / 2;
+                const storePos = absoluteToStorePosition(nextAbsLeft, nextAbsTop, groupToMove.id, pageChildren2);
+                updateNodeStore(groupToMove.id, {
+                  left: storePos.left,
+                  top: storePos.top,
+                  angle: currentSelAngle
+                }, { recordHistory: false, skipLayoutRecalc: true });
+                commitHistoryStore();
+                restoreGroupSelectionVisualState(activeObj, groupToMove.id);
+                fabricCanvas.setActiveObject(activeObj);
+                activeObj.setCoords();
+                selectElements([groupToMove.id], false, false);
+                fabricCanvas.requestRenderAll();
+                elementsRef.current = getCurrentElements();
+                const restoreSnapshot = {
+                  memberIds: activeObj.getObjects().map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__"),
+                  groupSelectionId: groupToMove.id,
+                  expiresAt: Date.now() + 1200
+                };
+                recentGroupSelectionRestoreRef.current = restoreSnapshot;
+                activeObj.getObjects().forEach((obj) => {
+                  const objId = getObjectId(obj);
+                  if (objId && objId !== "__background__") {
+                    justModifiedIdsRef.current.add(objId);
+                    modifiedIdsThisRound.add(objId);
+                  }
+                });
+                setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
+                groupSelectionTransformStartRef.current = null;
+                activeSelectionMoveStartRef.current = null;
+                activeSelectionResizeHandleRef.current = null;
+                unlockEditsSoon();
+                return;
+              }
               if (!isActiveSelectionSideResize && !hadScale && !hadRotation && (Math.abs(deltaX) > 0.1 || Math.abs(deltaY) > 0.1)) {
                 const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
                 const newLeft = (groupToMove.left ?? 0) + deltaX;
@@ -14964,35 +15015,6 @@ const PageCanvas = react.forwardRef(
                 unlockEditsSoon();
                 return;
               }
-              if (activeGroupSelectionId === groupToMove.id && hadRotation && !hadScale && !activeSelectionResizeHandle && activeObj instanceof fabric__namespace.ActiveSelection) {
-                const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
-                const nextAngle = currentSelAngle;
-                updateNodeStore(groupToMove.id, { angle: nextAngle }, { recordHistory: false, skipLayoutRecalc: true });
-                commitHistoryStore();
-                const groupSelectionId = activeGroupSelectionId;
-                elementsRef.current = getCurrentElements();
-                for (const obj of activeObjects) {
-                  const objId = getObjectId(obj);
-                  if (objId && objId !== "__background__") {
-                    justModifiedIdsRef.current.add(objId);
-                    modifiedIdsThisRound.add(objId);
-                  }
-                }
-                setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
-                groupSelectionTransformStartRef.current = null;
-                activeSelectionMoveStartRef.current = null;
-                activeSelectionResizeHandleRef.current = null;
-                const rotateRestoreSnapshot = {
-                  memberIds: activeObjects.map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__"),
-                  groupSelectionId,
-                  expiresAt: Date.now() + 1200
-                };
-                recentGroupSelectionRestoreRef.current = rotateRestoreSnapshot;
-                preserveActiveSelectionAfterTransformRef.current = rotateRestoreSnapshot;
-                fabricCanvas.requestRenderAll();
-                unlockEditsSoon();
-                return;
-              }
             }
           }
           const pendingCropGroupFrameBakes = [];
@@ -15508,8 +15530,7 @@ const PageCanvas = react.forwardRef(
           for (const gid of stackGroupsToReflow) {
             useEditorStore.getState().reflowStackGroupInPage(pageId, gid);
           }
-          const shouldRebuildActiveSelectionAfterPersist = activeObj instanceof fabric__namespace.ActiveSelection && (!!activeSelectionResizeHandle || pendingCropGroupFrameBakes.length > 0 || Math.abs((activeObj.scaleX ?? 1) - 1) > 1e-3 || Math.abs((activeObj.scaleY ?? 1) - 1) > 1e-3);
-          if (activeObj instanceof fabric__namespace.ActiveSelection && activeObjects.length > 0 && shouldRebuildActiveSelectionAfterPersist) {
+          if (activeObj instanceof fabric__namespace.ActiveSelection && activeObjects.length > 0) {
             const wasGroupSel = activeObj.__pixldocsGroupSelection;
             const membersToReselect = activeObjects.filter((o) => {
               const oid = getObjectId(o);
@@ -24638,9 +24659,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.339";
+const resolvedPackageVersion = "0.5.341";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.339";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.341";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25454,7 +25475,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-Dh2REogs.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DFKAha9Z.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27774,7 +27795,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-Dh2REogs.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DFKAha9Z.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28171,4 +28192,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BLwO7N0h.cjs.map
+//# sourceMappingURL=index-Diz7LWkR.cjs.map