@pixldocs/canvas-renderer 0.5.345 → 0.5.346

package/dist/{index-D4xGj5W4.cjs → index-C6VMQJMY.cjs}

@@ -12345,6 +12345,7 @@ const PageCanvas = react.forwardRef(
             selectionLeft: rect.left,
             selectionTop: rect.top
           };
+          prepareGroupSelectionTransformStart(active);
         }
         if (fabricCanvas._currentTransform) {
           fabricCanvas.__isUserTransforming = true;
@@ -14480,7 +14481,7 @@ const PageCanvas = react.forwardRef(
       });
       let cropGroupSaveTimer = null;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
         try {
           dragStarted = false;
           setGuides([]);
@@ -14988,9 +14989,8 @@ const PageCanvas = react.forwardRef(
               }
               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;
-                const newTop = (groupToMove.top ?? 0) + deltaY;
-                updateNodeStore(groupToMove.id, { left: newLeft, top: newTop }, { recordHistory: false, skipLayoutRecalc: true });
+                const storePos = absoluteToStorePosition(movedGroupLeft, movedGroupTop, groupToMove.id, pageChildren2);
+                updateNodeStore(groupToMove.id, { left: storePos.left, top: storePos.top }, { recordHistory: false, skipLayoutRecalc: true });
                 commitHistoryStore();
                 pendingGroupDrillInRef.current = null;
                 fabricCanvas.__activeEditingGroupId = null;
@@ -15032,7 +15032,35 @@ const PageCanvas = react.forwardRef(
           const pendingCropGroupFrameBakes = [];
           const logicalGroupSelectionId = activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.__pixldocsGroupSelection : void 0;
           const isLogicalGroupAS = !!logicalGroupSelectionId && !(activeObj == null ? void 0 : activeObj.__cropGroup) && !(activeObj == null ? void 0 : activeObj.__docuforgeSectionGroup);
-          const asAngleForBake = isLogicalGroupAS && activeObj ? normalizeAngle(activeObj.angle ?? 0) : 0;
+          const logicalGroupNodeForBake = logicalGroupSelectionId ? findNodeById(pageChildren2, logicalGroupSelectionId) : null;
+          const asAngleForBake = isLogicalGroupAS && activeObj ? normalizeAngle(Number((logicalGroupNodeForBake == null ? void 0 : logicalGroupNodeForBake.angle) ?? activeObj.angle ?? 0)) : 0;
+          const logicalGroupFinalFrame = (() => {
+            var _a3;
+            if (!isLogicalGroupAS || !logicalGroupSelectionId || !(activeObj instanceof fabric__namespace.ActiveSelection)) return null;
+            const baseline = ((_a3 = groupSelectionTransformStartRef.current) == null ? void 0 : _a3.groupId) === logicalGroupSelectionId ? groupSelectionTransformStartRef.current : null;
+            const localWidth = Math.max(1, (activeObj.width ?? (baseline == null ? void 0 : baseline.groupWidth) ?? 1) * Math.abs(activeObj.scaleX ?? 1));
+            const localHeight = Math.max(1, (activeObj.height ?? (baseline == null ? void 0 : baseline.groupHeight) ?? 1) * Math.abs(activeObj.scaleY ?? 1));
+            const center = activeObj.getCenterPoint();
+            return {
+              groupId: logicalGroupSelectionId,
+              left: center.x - localWidth / 2,
+              top: center.y - localHeight / 2,
+              width: localWidth,
+              height: localHeight,
+              centerX: center.x,
+              centerY: center.y,
+              angle: asAngleForBake,
+              matrix: fabric__namespace.util.composeMatrix({
+                translateX: center.x,
+                translateY: center.y,
+                angle: asAngleForBake,
+                scaleX: 1,
+                scaleY: 1,
+                skewX: 0,
+                skewY: 0
+              })
+            };
+          })();
           for (const obj of activeObjects) {
             const objId = getObjectId(obj);
             if (!objId || objId === "__background__") continue;
@@ -15476,7 +15504,18 @@ const PageCanvas = react.forwardRef(
             const state = useEditorStore.getState();
             const page = state.canvas.pages.find((p) => p.id === pageId);
             const pageChildrenForSave = (page == null ? void 0 : page.children) ?? [];
-            const storePos = absoluteToStorePosition(absoluteLeft, absoluteTop, objId, pageChildrenForSave);
+            const storePos = (logicalGroupFinalFrame == null ? void 0 : logicalGroupFinalFrame.groupId) === logicalGroupSelectionId ? (() => {
+              const localCenter = fabric__namespace.util.transformPoint(
+                new fabric__namespace.Point(decomposed.translateX ?? 0, decomposed.translateY ?? 0),
+                fabric__namespace.util.invertTransform(logicalGroupFinalFrame.matrix)
+              );
+              const localAngle = finalAngleFromDecomposed ? ((Number(finalAngle ?? 0) - asAngleForBake) % 360 + 540) % 360 - 180 : Number(finalAngle ?? 0);
+              const localAngleRad = localAngle * Math.PI / 180;
+              return {
+                left: localCenter.x - finalWidth / 2 * Math.cos(localAngleRad) + finalHeight / 2 * Math.sin(localAngleRad) + logicalGroupFinalFrame.width / 2,
+                top: localCenter.y - finalWidth / 2 * Math.sin(localAngleRad) - finalHeight / 2 * Math.cos(localAngleRad) + logicalGroupFinalFrame.height / 2
+              };
+            })() : absoluteToStorePosition(absoluteLeft, absoluteTop, objId, pageChildrenForSave);
             if (isLogicalGroupAS && finalAngleFromDecomposed && typeof finalAngle === "number") {
               finalAngle = ((finalAngle - asAngleForBake) % 360 + 540) % 360 - 180;
             }
@@ -15545,28 +15584,21 @@ const PageCanvas = react.forwardRef(
             try {
               const pageChildrenForGroup = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
               const groupNode = findNodeById(pageChildrenForGroup, logicalGroupSelectionId);
-              if (groupNode) {
-                const baseline = ((_k = groupSelectionTransformStartRef.current) == null ? void 0 : _k.groupId) === logicalGroupSelectionId ? groupSelectionTransformStartRef.current : null;
-                const center = activeObj.getCenterPoint();
-                const prevAbs = getAbsoluteBounds(groupNode, pageChildrenForGroup, pageBoundsOptions);
-                const baseCenterX = (baseline == null ? void 0 : baseline.selectionCenterX) ?? prevAbs.left + prevAbs.width / 2;
-                const baseCenterY = (baseline == null ? void 0 : baseline.selectionCenterY) ?? prevAbs.top + prevAbs.height / 2;
-                const baseLeft = (baseline == null ? void 0 : baseline.groupLeft) ?? prevAbs.left;
-                const baseTop = (baseline == null ? void 0 : baseline.groupTop) ?? prevAbs.top;
-                const newAbsLeft = baseLeft + (center.x - baseCenterX);
-                const newAbsTop = baseTop + (center.y - baseCenterY);
-                const storePosGroup = absoluteToStorePosition(newAbsLeft, newAbsTop, logicalGroupSelectionId, pageChildrenForGroup);
+              if (groupNode && logicalGroupFinalFrame) {
+                const storePosGroup = absoluteToStorePosition(logicalGroupFinalFrame.left, logicalGroupFinalFrame.top, logicalGroupSelectionId, pageChildrenForGroup);
                 useEditorStore.getState().updateNode(logicalGroupSelectionId, {
                   left: storePosGroup.left,
                   top: storePosGroup.top,
-                  angle: asAngleForBake
+                  width: logicalGroupFinalFrame.width,
+                  height: logicalGroupFinalFrame.height,
+                  angle: logicalGroupFinalFrame.angle
                 }, { recordHistory: false, skipLayoutRecalc: true });
               }
             } catch (err) {
               console.warn("[Pixldocs] logical-group envelope persist failed", err);
             }
           }
-          const pageChildrenForReflow = ((_l = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _l.children) ?? [];
+          const pageChildrenForReflow = ((_k = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _k.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -24707,9 +24739,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.345";
+const resolvedPackageVersion = "0.5.346";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.345";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.346";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25523,7 +25555,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-Mhjrus5I.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DRpVTciP.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27843,7 +27875,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-Mhjrus5I.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DRpVTciP.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28240,4 +28272,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-D4xGj5W4.cjs.map
+//# sourceMappingURL=index-C6VMQJMY.cjs.map