@pixldocs/canvas-renderer 0.5.451 → 0.5.452

package/dist/{index-xHv8_Y1M.cjs → index-L5Rj-oYv.cjs}

@@ -11711,13 +11711,13 @@ const angleDistanceDeg = (a, b) => {
   const delta = Math.abs(((a - b) % 360 + 540) % 360 - 180);
   return Number.isFinite(delta) ? delta : Number.POSITIVE_INFINITY;
 };
-const normalizeMatrixForPersistedFlip = (matrix, persistedFlipX, persistedFlipY, expectedCleanAngle) => {
+const stripPersistedFlipForStableAngle = (matrix, persistedFlipX, persistedFlipY, expectedCleanAngle) => {
   if (!persistedFlipX && !persistedFlipY) return matrix;
-  if (!Number.isFinite(expectedCleanAngle)) return matrix;
-  const toggledVisual = toggleLogicalFlipInMatrix(matrix, persistedFlipX, persistedFlipY);
-  const cleanIfMatrixAlreadyHasFlip = fabric__namespace.util.qrDecompose(toggleLogicalFlipInMatrix(matrix, persistedFlipX, persistedFlipY)).angle ?? 0;
-  const cleanIfMatrixLostFlip = fabric__namespace.util.qrDecompose(matrix).angle ?? 0;
-  return angleDistanceDeg(cleanIfMatrixLostFlip, expectedCleanAngle) + 0.1 < angleDistanceDeg(cleanIfMatrixAlreadyHasFlip, expectedCleanAngle) ? toggledVisual : matrix;
+  const toggled = toggleLogicalFlipInMatrix(matrix, persistedFlipX, persistedFlipY);
+  if (!Number.isFinite(expectedCleanAngle)) return toggled;
+  const asIsAngle = fabric__namespace.util.qrDecompose(matrix).angle ?? 0;
+  const toggledAngle = fabric__namespace.util.qrDecompose(toggled).angle ?? 0;
+  return angleDistanceDeg(toggledAngle, expectedCleanAngle) <= angleDistanceDeg(asIsAngle, expectedCleanAngle) ? toggled : matrix;
 };
 function applyWarpAwareSelectionBorders(selection) {
   var _a2;
@@ -14662,7 +14662,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14957,10 +14957,17 @@ const PageCanvas = react.forwardRef(
                 child.__asLiveGestureKey = liveGestureKey;
                 const childIdForAngle = getObjectId(child);
                 const sourceChildForAngle = childIdForAngle ? elementsRef.current.find((el) => el.id === childIdForAngle) : null;
-                const isFlippedImageLikeChild = (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) && !!((sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipX) || (sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipY)) && Number.isFinite(sourceChildForAngle == null ? void 0 : sourceChildForAngle.angle);
+                const persistedChildFlipX = (sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipX) ?? child.flipX ?? false;
+                const persistedChildFlipY = (sourceChildForAngle == null ? void 0 : sourceChildForAngle.flipY) ?? child.flipY ?? false;
+                const isFlippedImageLikeChild = (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) && !!(persistedChildFlipX || persistedChildFlipY) && Number.isFinite(sourceChildForAngle == null ? void 0 : sourceChildForAngle.angle);
+                if (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_n = child._ct) == null ? void 0 : _n.isCropGroup))) {
+                  child.set({ flipX: persistedChildFlipX, flipY: persistedChildFlipY });
+                  child.__asLivePersistedFlipX = persistedChildFlipX;
+                  child.__asLivePersistedFlipY = persistedChildFlipY;
+                }
                 child.__asLiveOrigAngle = isFlippedImageLikeChild ? sourceChildForAngle.angle ?? 0 : Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
               }
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_n = child._ct) == null ? void 0 : _n.isCropGroup))) {
+              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_o = child._ct) == null ? void 0 : _o.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
                 if (child.__asLiveOrigAngle == null) {
@@ -15012,6 +15019,8 @@ const PageCanvas = react.forwardRef(
                   child._set("scaleY", decC.scaleY);
                   child._set("skewX", decC.skewX);
                   child._set("skewY", decC.skewY);
+                  child._set("flipX", child.__asLivePersistedFlipX ?? child.flipX ?? false);
+                  child._set("flipY", child.__asLivePersistedFlipY ?? child.flipY ?? false);
                 } catch {
                 }
                 try {
@@ -15069,6 +15078,8 @@ const PageCanvas = react.forwardRef(
                   child._set("scaleY", decI.scaleY);
                   child._set("skewX", decI.skewX);
                   child._set("skewY", decI.skewY);
+                  child._set("flipX", child.__asLivePersistedFlipX ?? child.flipX ?? false);
+                  child._set("flipY", child.__asLivePersistedFlipY ?? child.flipY ?? false);
                 } catch {
                 }
                 child.setCoords();
@@ -15129,7 +15140,7 @@ const PageCanvas = react.forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_o = groupShiftReflowSnapshotRef.current) == null ? void 0 : _o.selection) === obj) {
+            if (isXSide && ((_p = groupShiftReflowSnapshotRef.current) == null ? void 0 : _p.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -15291,7 +15302,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_p = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _p.call(fabricCanvas);
+            (_q = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _q.call(fabricCanvas);
           } catch {
           }
         }
@@ -15964,12 +15975,15 @@ const PageCanvas = react.forwardRef(
                 360 - Math.abs(currentSelAngle - startSelAngle)
               );
               const hadRotation = isActiveSelection && activeObj && angleDelta > 0.01;
-              if (!hadScale && !hadRotation && (Math.abs(deltaX) > 0.1 || Math.abs(deltaY) > 0.1)) {
+              const isMoveOnlyLogicalGroupGesture = !hadScale && !hadRotation && (Math.abs(deltaX) > 0.1 || Math.abs(deltaY) > 0.1);
+              if (isMoveOnlyLogicalGroupGesture || !hadScale && !hadRotation && activeGroupSelectionId === groupToMove.id) {
                 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 });
-                commitHistoryStore();
+                if (isMoveOnlyLogicalGroupGesture) {
+                  const newLeft = (groupToMove.left ?? 0) + deltaX;
+                  const newTop = (groupToMove.top ?? 0) + deltaY;
+                  updateNodeStore(groupToMove.id, { left: newLeft, top: newTop }, { recordHistory: false, skipLayoutRecalc: true });
+                  commitHistoryStore();
+                }
                 pendingGroupDrillInRef.current = null;
                 fabricCanvas.__activeEditingGroupId = null;
                 setDrilledGroupBounds(null);
@@ -16527,17 +16541,17 @@ const PageCanvas = react.forwardRef(
             const persistedFlipY = (sourceElement == null ? void 0 : sourceElement.flipY) ?? objectFlipY;
             const isActiveSelectionResizeGesture = activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb" || activeSelectionResizeHandle === "tl" || activeSelectionResizeHandle === "tr" || activeSelectionResizeHandle === "bl" || activeSelectionResizeHandle === "br";
             const expectedCleanAngle = isActiveSelection && isActiveSelectionResizeGesture ? Number.isFinite(sourceElement == null ? void 0 : sourceElement.angle) ? (sourceElement == null ? void 0 : sourceElement.angle) ?? 0 : Number.isFinite(obj.angle) ? obj.angle ?? 0 : void 0 : void 0;
-            const normalizedFinalAbsoluteMatrix = normalizeMatrixForPersistedFlip(
-              toggleLogicalFlipInMatrix(
-                finalAbsoluteMatrix,
-                objectFlipX !== persistedFlipX,
-                objectFlipY !== persistedFlipY
-              ),
+            const matrixWithPersistedFlipState = toggleLogicalFlipInMatrix(
+              finalAbsoluteMatrix,
+              objectFlipX !== persistedFlipX,
+              objectFlipY !== persistedFlipY
+            );
+            const cleanTransformMatrix = stripPersistedFlipForStableAngle(
+              matrixWithPersistedFlipState,
               persistedFlipX,
               persistedFlipY,
               expectedCleanAngle
             );
-            const cleanTransformMatrix = toggleLogicalFlipInMatrix(normalizedFinalAbsoluteMatrix, persistedFlipX, persistedFlipY);
             const persistedDecomposed = fabric__namespace.util.qrDecompose(cleanTransformMatrix);
             const elementUpdate = {
               left: storePos.left,
@@ -16858,6 +16872,8 @@ const PageCanvas = react.forwardRef(
                 delete child.__asLiveParentWorldAngle;
                 delete child.__asLiveFinalW;
                 delete child.__asLiveFinalH;
+                delete child.__asLivePersistedFlipX;
+                delete child.__asLivePersistedFlipY;
               }
             }
           } catch {
@@ -25961,9 +25977,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.451";
+const resolvedPackageVersion = "0.5.452";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.451";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.452";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26777,7 +26793,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-a8L9h6E3.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DLdSAaBB.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29097,7 +29113,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-a8L9h6E3.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DLdSAaBB.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29494,4 +29510,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-xHv8_Y1M.cjs.map
+//# sourceMappingURL=index-L5Rj-oYv.cjs.map