@pixldocs/canvas-renderer 0.5.337 → 0.5.339

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

@@ -11360,10 +11360,20 @@ const PageCanvas = react.forwardRef(
     const [ready, setReady] = react.useState(false);
     const [unlockRequestId, setUnlockRequestId] = react.useState(0);
     const applyLogicalGroupSelectionVisualState = react.useCallback((selection, groupId) => {
-      var _a2;
+      var _a2, _b2;
       selection.__pixldocsGroupSelection = groupId;
       delete selection.__pixldocsLogicalGroupIds;
       selection.hasBorders = true;
+      try {
+        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;
+        if (Number.isFinite(groupAngle) && Math.abs(groupAngle) > 0.01) {
+          selection.set({ angle: groupAngle, scaleX: 1, scaleY: 1, skewX: 0, skewY: 0 });
+          selection.setCoords();
+        }
+      } catch {
+      }
       const members = selection.getObjects();
       for (const prev of suppressGroupMemberBordersRef.current) {
         if (members.includes(prev)) continue;
@@ -11387,7 +11397,7 @@ const PageCanvas = react.forwardRef(
         if (m.__pixldocsOrigHasControls === void 0) m.__pixldocsOrigHasControls = m.hasControls;
         m.hasBorders = false;
         m.hasControls = false;
-        if (m.__cropGroup || ((_a2 = m._ct) == null ? void 0 : _a2.isCropGroup)) {
+        if (m.__cropGroup || ((_b2 = m._ct) == null ? void 0 : _b2.isCropGroup)) {
           if (m.__pixldocsOrigLockScalingX === void 0) {
             m.__pixldocsOrigLockScalingX = m.lockScalingX;
             m.__pixldocsOrigLockScalingY = m.lockScalingY;
@@ -11397,7 +11407,7 @@ const PageCanvas = react.forwardRef(
         }
       }
       applyWarpAwareSelectionBorders(selection);
-    }, []);
+    }, [pageId]);
     const pageBoundsOptions = react.useMemo(
       () => ({ pageContentWidth: canvasWidth, pageContentHeight: canvasHeight }),
       [canvasWidth, canvasHeight]
@@ -13583,6 +13593,7 @@ const PageCanvas = react.forwardRef(
       });
       const markSimpleTransform = (e) => {
         if (!isActiveRef.current) return;
+        prepareGroupSelectionTransformStart(e.target);
         markTransforming(e.target);
       };
       const getObjectFrameBoundsInSelection = (selection, obj, frameWidth, frameHeight) => {
@@ -14840,6 +14851,11 @@ const PageCanvas = react.forwardRef(
             }
           }
           const isActiveSelectionSideResize = isActiveSelection && (activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb");
+          const normalizeAngle = (angle) => (angle % 360 + 360) % 360;
+          const shortestAngleDelta = (a, b) => {
+            const diff = Math.abs(normalizeAngle(a) - normalizeAngle(b));
+            return Math.min(diff, 360 - diff);
+          };
           if (selectedElementIds.length > 0) {
             const firstObj = activeObjects[0];
             const firstId = getObjectId(firstObj);
@@ -14903,12 +14919,9 @@ const PageCanvas = react.forwardRef(
               const deltaY = movedGroupTop - groupAbs.top;
               const hadResizeHandle = isActiveSelection && !!activeSelectionResizeHandle;
               const hadScale = isActiveSelection && activeObj && (hadResizeHandle || Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01);
-              const startSelAngle = (((transformStart == null ? void 0 : transformStart.selectionAngle) ?? 0) % 360 + 360) % 360;
-              const currentSelAngle = isActiveSelection && activeObj ? ((activeObj.angle ?? 0) % 360 + 360) % 360 : 0;
-              const angleDelta = Math.min(
-                Math.abs(currentSelAngle - startSelAngle),
-                360 - Math.abs(currentSelAngle - startSelAngle)
-              );
+              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 hadRotation = isActiveSelection && activeObj && angleDelta > 0.01;
               if (!isActiveSelectionSideResize && !hadScale && !hadRotation && (Math.abs(deltaX) > 0.1 || Math.abs(deltaY) > 0.1)) {
                 const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
@@ -14951,6 +14964,35 @@ 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 = [];
@@ -15466,7 +15508,8 @@ const PageCanvas = react.forwardRef(
           for (const gid of stackGroupsToReflow) {
             useEditorStore.getState().reflowStackGroupInPage(pageId, gid);
           }
-          if (activeObj instanceof fabric__namespace.ActiveSelection && activeObjects.length > 0) {
+          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) {
             const wasGroupSel = activeObj.__pixldocsGroupSelection;
             const membersToReselect = activeObjects.filter((o) => {
               const oid = getObjectId(o);
@@ -24595,9 +24638,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.337";
+const resolvedPackageVersion = "0.5.339";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.337";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.339";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25411,7 +25454,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-11EJIk-M.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-Dh2REogs.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27731,7 +27774,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-11EJIk-M.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-Dh2REogs.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28128,4 +28171,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-Ze4pswgN.cjs.map
+//# sourceMappingURL=index-BLwO7N0h.cjs.map