@pixldocs/canvas-renderer 0.5.343 → 0.5.345

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

@@ -14480,7 +14480,7 @@ const PageCanvas = react.forwardRef(
       });
       let cropGroupSaveTimer = null;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         try {
           dragStarted = false;
           setGuides([]);
@@ -14942,13 +14942,15 @@ 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 baseCenterX = (transformStart == null ? void 0 : transformStart.selectionCenterX) ?? center.x;
-                const baseCenterY = (transformStart == null ? void 0 : transformStart.selectionCenterY) ?? center.y;
+                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);
@@ -15028,6 +15030,9 @@ 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;
           for (const obj of activeObjects) {
             const objId = getObjectId(obj);
             if (!objId || objId === "__background__") continue;
@@ -15118,6 +15123,7 @@ const PageCanvas = react.forwardRef(
             let finalAngle = decomposed.angle;
             let finalSkewX = decomposed.skewX;
             let finalSkewY = decomposed.skewY;
+            let finalAngleFromDecomposed = true;
             if (obj instanceof fabric__namespace.Group && obj.__cropGroup) {
               const ct = obj.__cropData;
               if (ct) {
@@ -15180,6 +15186,7 @@ const PageCanvas = react.forwardRef(
                   finalAngle = (sourceElement == null ? void 0 : sourceElement.angle) ?? obj.angle ?? decomposed.angle;
                   finalSkewX = (sourceElement == null ? void 0 : sourceElement.skewX) ?? obj.skewX ?? 0;
                   finalSkewY = (sourceElement == null ? void 0 : sourceElement.skewY) ?? obj.skewY ?? 0;
+                  if ((sourceElement == null ? void 0 : sourceElement.angle) !== void 0 || obj.angle !== void 0) finalAngleFromDecomposed = false;
                 }
                 obj.set({ scaleX: 1, scaleY: 1 });
                 const newSrc = renderSmartElementToDataUri(sourceElement.smartElementType, sourceElement.smartProps, bakedW, bakedH);
@@ -15247,6 +15254,7 @@ const PageCanvas = react.forwardRef(
                   finalAngle = (sourceElement == null ? void 0 : sourceElement.angle) ?? obj.angle ?? decomposed.angle;
                   finalSkewX = (sourceElement == null ? void 0 : sourceElement.skewX) ?? obj.skewX ?? 0;
                   finalSkewY = (sourceElement == null ? void 0 : sourceElement.skewY) ?? obj.skewY ?? 0;
+                  if ((sourceElement == null ? void 0 : sourceElement.angle) !== void 0 || obj.angle !== void 0) finalAngleFromDecomposed = false;
                 }
                 try {
                   const angleRad = (finalAngle ?? 0) * Math.PI / 180;
@@ -15312,6 +15320,7 @@ const PageCanvas = react.forwardRef(
                 finalAngle = (sourceElement == null ? void 0 : sourceElement.angle) ?? obj.angle ?? decomposed.angle;
                 finalSkewX = (sourceElement == null ? void 0 : sourceElement.skewX) ?? obj.skewX ?? 0;
                 finalSkewY = (sourceElement == null ? void 0 : sourceElement.skewY) ?? obj.skewY ?? 0;
+                if ((sourceElement == null ? void 0 : sourceElement.angle) !== void 0 || obj.angle !== void 0) finalAngleFromDecomposed = false;
               }
             } else if (obj instanceof fabric__namespace.Textbox && isActiveSelection && (Math.abs((decomposed.scaleX ?? 1) - 1) > 1e-3 || Math.abs((decomposed.scaleY ?? 1) - 1) > 1e-3)) {
               const sx = Math.abs(decomposed.scaleX || 1);
@@ -15468,6 +15477,9 @@ const PageCanvas = react.forwardRef(
             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);
+            if (isLogicalGroupAS && finalAngleFromDecomposed && typeof finalAngle === "number") {
+              finalAngle = ((finalAngle - asAngleForBake) % 360 + 540) % 360 - 180;
+            }
             const isLineObj = obj instanceof fabric__namespace.Line;
             const isAutoShrinkText = (sourceElement == null ? void 0 : sourceElement.type) === "text" && sourceElement.overflowPolicy === "auto-shrink";
             const autoShrinkStoredHeight = isAutoShrinkText ? sourceElement.height : void 0;
@@ -15529,7 +15541,32 @@ const PageCanvas = react.forwardRef(
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
-          const pageChildrenForReflow = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
+          if (isLogicalGroupAS && logicalGroupSelectionId && activeObj instanceof fabric__namespace.ActiveSelection) {
+            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);
+                useEditorStore.getState().updateNode(logicalGroupSelectionId, {
+                  left: storePosGroup.left,
+                  top: storePosGroup.top,
+                  angle: asAngleForBake
+                }, { 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 stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -24670,9 +24707,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.343";
+const resolvedPackageVersion = "0.5.345";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.343";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.345";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25486,7 +25523,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-CdDnoHs2.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-Mhjrus5I.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27806,7 +27843,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-CdDnoHs2.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-Mhjrus5I.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28203,4 +28240,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BVDxgitP.cjs.map
+//# sourceMappingURL=index-D4xGj5W4.cjs.map