@pixldocs/canvas-renderer 0.5.442 → 0.5.443

package/dist/{index-SGFlXODe.cjs → index-BxmYD_or.cjs}

@@ -11685,6 +11685,18 @@ const toggleLogicalFlipInMatrix = (matrix, flipX, flipY) => {
   const sy = flipY ? -1 : 1;
   return [matrix[0] * sx, matrix[1] * sx, matrix[2] * sy, matrix[3] * sy, matrix[4], matrix[5]];
 };
+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) => {
+  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;
+};
 function applyWarpAwareSelectionBorders(selection) {
   var _a2;
   if (selection.__pixldocsOrigASHasBorders !== void 0) {
@@ -15963,6 +15975,7 @@ const PageCanvas = react.forwardRef(
             }
           }
           const pendingCropGroupFrameBakes = [];
+          const activeSelectionFlipRestores = [];
           for (const obj of activeObjects) {
             const objId = getObjectId(obj);
             if (!objId || objId === "__background__") continue;
@@ -16477,10 +16490,27 @@ const PageCanvas = react.forwardRef(
             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;
-            const persistedFlipX = (sourceElement == null ? void 0 : sourceElement.flipX) ?? obj.flipX ?? false;
-            const persistedFlipY = (sourceElement == null ? void 0 : sourceElement.flipY) ?? obj.flipY ?? false;
-            const cleanTransformMatrix = toggleLogicalFlipInMatrix(finalAbsoluteMatrix, persistedFlipX, persistedFlipY);
+            const objectFlipX = obj.flipX ?? false;
+            const objectFlipY = obj.flipY ?? false;
+            const persistedFlipX = (sourceElement == null ? void 0 : sourceElement.flipX) ?? objectFlipX;
+            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
+              ),
+              persistedFlipX,
+              persistedFlipY,
+              expectedCleanAngle
+            );
+            const cleanTransformMatrix = toggleLogicalFlipInMatrix(normalizedFinalAbsoluteMatrix, persistedFlipX, persistedFlipY);
             const persistedDecomposed = fabric__namespace.util.qrDecompose(cleanTransformMatrix);
+            if (isActiveSelection && (obj instanceof fabric__namespace.FabricImage || obj instanceof fabric__namespace.Group && obj.__cropGroup)) {
+              activeSelectionFlipRestores.push({ obj, flipX: persistedFlipX, flipY: persistedFlipY });
+            }
             const elementUpdate = {
               left: storePos.left,
               top: storePos.top,
@@ -16496,7 +16526,7 @@ const PageCanvas = react.forwardRef(
               scaleY: finalScaleY,
               flipX: persistedFlipX,
               flipY: persistedFlipY,
-              transformMatrix: finalAbsoluteMatrix
+              transformMatrix: cleanTransformMatrix
             };
             if (obj instanceof fabric__namespace.Textbox) {
               const bakedTextScaleUpdates = obj.__pixldocsBakedTextScaleUpdates;
@@ -16545,19 +16575,15 @@ const PageCanvas = react.forwardRef(
                   elementUpdate.scaleY = 1;
                   elementUpdate.skewX = 0;
                   elementUpdate.skewY = 0;
-                  elementUpdate.transformMatrix = toggleLogicalFlipInMatrix(
-                    fabric__namespace.util.composeMatrix({
-                      translateX: cx,
-                      translateY: cy,
-                      angle: cleanAngle,
-                      scaleX: 1,
-                      scaleY: 1,
-                      skewX: 0,
-                      skewY: 0
-                    }),
-                    elementUpdate.flipX,
-                    elementUpdate.flipY
-                  );
+                  elementUpdate.transformMatrix = fabric__namespace.util.composeMatrix({
+                    translateX: cx,
+                    translateY: cy,
+                    angle: cleanAngle,
+                    scaleX: 1,
+                    scaleY: 1,
+                    skewX: 0,
+                    skewY: 0
+                  });
                 } catch {
                 }
               }
@@ -16591,19 +16617,15 @@ const PageCanvas = react.forwardRef(
                   elementUpdate.scaleY = 1;
                   elementUpdate.skewX = 0;
                   elementUpdate.skewY = 0;
-                  elementUpdate.transformMatrix = toggleLogicalFlipInMatrix(
-                    fabric__namespace.util.composeMatrix({
-                      translateX: cx,
-                      translateY: cy,
-                      angle: cleanAngleI,
-                      scaleX: 1,
-                      scaleY: 1,
-                      skewX: 0,
-                      skewY: 0
-                    }),
-                    elementUpdate.flipX,
-                    elementUpdate.flipY
-                  );
+                  elementUpdate.transformMatrix = fabric__namespace.util.composeMatrix({
+                    translateX: cx,
+                    translateY: cy,
+                    angle: cleanAngleI,
+                    scaleX: 1,
+                    scaleY: 1,
+                    skewX: 0,
+                    skewY: 0
+                  });
                 } catch {
                 }
               }
@@ -16712,6 +16734,11 @@ const PageCanvas = react.forwardRef(
             skipSelectionClearOnDiscardRef.current = true;
             skipActiveSelectionBakeOnClearRef.current = true;
             try {
+              for (const restore of activeSelectionFlipRestores) {
+                restore.obj.set({ flipX: restore.flipX, flipY: restore.flipY });
+                restore.obj.setCoords();
+                restore.obj.dirty = true;
+              }
               fabricCanvas.discardActiveObject();
             } finally {
               skipActiveSelectionBakeOnClearRef.current = false;
@@ -25902,9 +25929,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.442";
+const resolvedPackageVersion = "0.5.443";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.442";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.443";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26718,7 +26745,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-m9l318xa.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-C6WM_grg.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29038,7 +29065,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-m9l318xa.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-C6WM_grg.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29435,4 +29462,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-SGFlXODe.cjs.map
+//# sourceMappingURL=index-BxmYD_or.cjs.map