@pixldocs/canvas-renderer 0.5.485 → 0.5.487

package/dist/{index-DG8BpcY2.cjs → index-eyHORcg9.cjs}

@@ -12204,6 +12204,7 @@ const PageCanvas = react.forwardRef(
     const preserveSelectionAfterTransformIdRef = react.useRef(null);
     const groupSelectionTransformStartRef = react.useRef(null);
     const activeSelectionMoveStartRef = react.useRef(null);
+    const lastLiveSelectionRectRef = react.useRef(null);
     const sectionGroupTransientImagesRef = react.useRef(null);
     setGroupOverlayLiveBoundsRef.current = setGroupOverlayLiveBounds;
     const {
@@ -13161,6 +13162,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("mouse:down", () => {
         groupSelectionTransformStartRef.current = null;
         activeSelectionMoveStartRef.current = null;
+        lastLiveSelectionRectRef.current = null;
         activeSelectionResizeHandleRef.current = null;
         const active = fabricCanvas.getActiveObject();
         if (active instanceof fabric__namespace.ActiveSelection) {
@@ -13340,6 +13342,17 @@ const PageCanvas = react.forwardRef(
         }
         const active = fabricCanvas.getActiveObject();
         if (!active) return;
+        if (active instanceof fabric__namespace.ActiveSelection) {
+          try {
+            const liveRect = active.getBoundingRect();
+            lastLiveSelectionRectRef.current = {
+              selection: active,
+              left: liveRect.left,
+              top: liveRect.top
+            };
+          } catch {
+          }
+        }
         const state = useEditorStore.getState();
         const canvasPage = (_b2 = state.canvas.pages) == null ? void 0 : _b2.find((p) => p.id === pageId);
         const children = (canvasPage == null ? void 0 : canvasPage.children) ?? [];
@@ -15960,7 +15973,8 @@ const PageCanvas = react.forwardRef(
           let activeObjects = fabricCanvas.getActiveObjects();
           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();
+            const live = lastLiveSelectionRectRef.current;
+            const rect = live && live.selection === activeObj ? { left: live.left, top: live.top } : activeObj.getBoundingRect();
             return {
               x: rect.left - activeSelectionMoveStart.selectionLeft,
               y: rect.top - activeSelectionMoveStart.selectionTop
@@ -16017,7 +16031,9 @@ const PageCanvas = react.forwardRef(
             return !!(node && isGroup(node));
           });
           const activeSelectionHadTransform = activeObj instanceof fabric__namespace.ActiveSelection && (Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01 || Math.abs((activeObj.angle ?? 0) % 360) > 0.01);
-          if (!anyCropGroup && activeSelectionDelta && !activeSelectionHadTransform && selectedLogicalGroupIds.length > 0) {
+          const activeLogicalGroupSelectionId = activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.__pixldocsGroupSelection : void 0;
+          const isPureLogicalGroupMoveWithCrop = !!(anyCropGroup && activeLogicalGroupSelectionId && activeSelectionDelta && !activeSelectionHadTransform);
+          if ((!anyCropGroup || isPureLogicalGroupMoveWithCrop) && activeSelectionDelta && !activeSelectionHadTransform && selectedLogicalGroupIds.length > 0) {
             const selectedStoreIds = useEditorStore.getState().canvas.selectedIds ?? [];
             const groupMemberIds = /* @__PURE__ */ new Set();
             selectedLogicalGroupIds.forEach((gid) => {
@@ -16057,7 +16073,7 @@ const PageCanvas = react.forwardRef(
               return;
             }
           }
-          if (selectedElementIds.length > 0 && !anyCropGroup) {
+          if (selectedElementIds.length > 0 && (!anyCropGroup || isPureLogicalGroupMoveWithCrop)) {
             const firstObj = activeObjects[0];
             const firstId = getObjectId(firstObj);
             const parentGroups = selectedElementIds.map((id) => findParentGroup(pageChildren2, id)).filter((g) => g !== null);
@@ -16079,8 +16095,12 @@ const PageCanvas = react.forwardRef(
               const groupAbs = getAbsoluteBounds(groupToMove, pageChildren2);
               let movedGroupLeft = groupAbs.left;
               let movedGroupTop = groupAbs.top;
-              if (activeObj instanceof fabric__namespace.ActiveSelection && (transformStart == null ? void 0 : transformStart.groupId) === groupToMove.id) {
-                const selectionRect = activeObj.getBoundingRect();
+              if (activeObj instanceof fabric__namespace.ActiveSelection && activeLogicalGroupSelectionId === groupToMove.id && activeSelectionDelta && !activeSelectionHadTransform) {
+                movedGroupLeft = groupAbs.left + activeSelectionDelta.x;
+                movedGroupTop = groupAbs.top + activeSelectionDelta.y;
+              } else if (activeObj instanceof fabric__namespace.ActiveSelection && (transformStart == null ? void 0 : transformStart.groupId) === groupToMove.id) {
+                const live = lastLiveSelectionRectRef.current;
+                const selectionRect = live && live.selection === activeObj ? { left: live.left, top: live.top } : activeObj.getBoundingRect();
                 movedGroupLeft = transformStart.groupLeft + (selectionRect.left - transformStart.selectionLeft);
                 movedGroupTop = transformStart.groupTop + (selectionRect.top - transformStart.selectionTop);
               } else if (activeObj instanceof fabric__namespace.ActiveSelection && firstId && firstObj) {
@@ -26420,9 +26440,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.485";
+const resolvedPackageVersion = "0.5.487";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.485";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.487";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27236,7 +27256,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-pylbB5Ls.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-SQN2BQR0.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29556,7 +29576,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-pylbB5Ls.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-SQN2BQR0.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29870,4 +29890,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DG8BpcY2.cjs.map
+//# sourceMappingURL=index-eyHORcg9.cjs.map