@pixldocs/canvas-renderer 0.5.342 → 0.5.344

package/dist/{index-AFV1WnF5.cjs → index-Byw3hiCQ.cjs}

@@ -13197,6 +13197,9 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("mouse:down:before", (opt) => {
         var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         const activeBeforeMouseDown = fabricCanvas.getActiveObject();
+        if (activeBeforeMouseDown instanceof fabric__namespace.ActiveSelection && activeBeforeMouseDown.__pixldocsGroupSelection) {
+          prepareGroupSelectionTransformStart(activeBeforeMouseDown);
+        }
         if (editLockRef.current) {
           const active = fabricCanvas.getActiveObject();
           if (active && (((_a2 = active._ct) == null ? void 0 : _a2.isCropGroup) || active.__cropGroup)) {
@@ -13296,6 +13299,7 @@ const PageCanvas = react.forwardRef(
               restoreGroupSelectionVisualState(selection, parent.id);
               fabricCanvas.setActiveObject(selection);
               selection.setCoords();
+              prepareGroupSelectionTransformStart(selection);
               fabricCanvas._target = selection;
               opt.target = selection;
               pendingGroupPromotionRef.current = { groupId: parent.id, selection };
@@ -13338,6 +13342,7 @@ const PageCanvas = react.forwardRef(
                   restoreGroupSelectionVisualState(selection, parent.id);
                   fabricCanvas.setActiveObject(selection);
                   selection.setCoords();
+                  prepareGroupSelectionTransformStart(selection);
                   fabricCanvas._target = selection;
                   opt.target = selection;
                   pendingGroupPromotionRef.current = { groupId: parent.id, selection };
@@ -14895,9 +14900,9 @@ const PageCanvas = react.forwardRef(
               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();
-                movedGroupLeft = transformStart.groupLeft + (selectionRect.left - transformStart.selectionLeft);
-                movedGroupTop = transformStart.groupTop + (selectionRect.top - transformStart.selectionTop);
+                const selectionCenter = activeObj.getCenterPoint();
+                movedGroupLeft = transformStart.groupLeft + (selectionCenter.x - transformStart.selectionCenterX);
+                movedGroupTop = transformStart.groupTop + (selectionCenter.y - transformStart.selectionCenterY);
               } else if (activeObj instanceof fabric__namespace.ActiveSelection && firstId && firstObj) {
                 const firstNode = findNodeById(pageChildren2, firstId);
                 if (firstNode) {
@@ -14937,13 +14942,17 @@ const PageCanvas = react.forwardRef(
               const hadScale = isActiveSelection && activeObj && (hadResizeHandle || Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01);
               const startSelAngle = normalizeAngle((transformStart == null ? void 0 : transformStart.selectionAngle) ?? 0);
               const currentSelAngle = isActiveSelection && activeObj ? normalizeAngle(activeObj.angle ?? 0) : 0;
-              const angleDelta = shortestAngleDelta(currentSelAngle, startSelAngle);
+              const storedGroupAngle = normalizeAngle(Number(groupToMove.angle ?? 0));
+              const effectiveStartAngle = transformStart ? startSelAngle : storedGroupAngle;
+              const angleDelta = shortestAngleDelta(currentSelAngle, effectiveStartAngle);
               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 baseCenterX = (transformStart == null ? void 0 : transformStart.selectionCenterX) ?? groupAbs.left + groupAbs.width / 2;
+                const baseCenterY = (transformStart == null ? void 0 : transformStart.selectionCenterY) ?? groupAbs.top + groupAbs.height / 2;
+                const nextAbsLeft = groupAbs.left + (center.x - baseCenterX);
+                const nextAbsTop = groupAbs.top + (center.y - baseCenterY);
                 const storePos = absoluteToStorePosition(nextAbsLeft, nextAbsTop, groupToMove.id, pageChildren2);
                 updateNodeStore(groupToMove.id, {
                   left: storePos.left,
@@ -15649,6 +15658,7 @@ const PageCanvas = react.forwardRef(
         const activeObj = fabricCanvas.getActiveObject();
         if (!(activeObj instanceof fabric__namespace.ActiveSelection)) return;
         if (skipActiveSelectionBakeOnClearRef.current) return;
+        if (activeObj.__pixldocsGroupSelection) return;
         const selectionMatrix = activeObj.calcTransformMatrix();
         for (const obj of deselected) {
           const objId = getObjectId(obj);
@@ -24662,9 +24672,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.342";
+const resolvedPackageVersion = "0.5.344";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.342";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.344";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25478,7 +25488,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-8iq2cL_r.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DslpfbFV.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27798,7 +27808,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-8iq2cL_r.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DslpfbFV.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28195,4 +28205,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-AFV1WnF5.cjs.map
+//# sourceMappingURL=index-Byw3hiCQ.cjs.map