@pixldocs/canvas-renderer 0.5.439 → 0.5.441

package/dist/{index-CfAPR8q1.cjs → index-BPlFxSU1.cjs}

@@ -11663,6 +11663,28 @@ const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   };
   return updates;
 };
+const applyTransformPreservingFlip = (obj, matrix) => {
+  fabric__namespace.util.applyTransformToObject(obj, matrix);
+  let sx = obj.scaleX ?? 1;
+  let sy = obj.scaleY ?? 1;
+  let flipX = false;
+  let flipY = false;
+  if (sx < 0) {
+    flipX = true;
+    sx = -sx;
+  }
+  if (sy < 0) {
+    flipY = true;
+    sy = -sy;
+  }
+  obj.set({ scaleX: sx, scaleY: sy, flipX, flipY });
+};
+const toggleLogicalFlipInMatrix = (matrix, flipX, flipY) => {
+  if (!flipX && !flipY) return matrix;
+  const sx = flipX ? -1 : 1;
+  const sy = flipY ? -1 : 1;
+  return [matrix[0] * sx, matrix[1] * sx, matrix[2] * sy, matrix[3] * sy, matrix[4], matrix[5]];
+};
 function applyWarpAwareSelectionBorders(selection) {
   var _a2;
   if (selection.__pixldocsOrigASHasBorders !== void 0) {
@@ -11760,7 +11782,7 @@ function applyWarpAwareSelectionBorders(selection) {
               const savedLayout = k.layoutManager;
               try {
                 if (savedLayout) k.layoutManager = void 0;
-                fabric__namespace.util.applyTransformToObject(k, localMatrix);
+                applyTransformPreservingFlip(k, localMatrix);
                 const decomposed = fabric__namespace.util.qrDecompose(
                   localMatrix
                 );
@@ -16454,6 +16476,10 @@ 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 persistedDecomposed = fabric__namespace.util.qrDecompose(cleanTransformMatrix);
             const elementUpdate = {
               left: storePos.left,
               top: storePos.top,
@@ -16462,11 +16488,13 @@ const PageCanvas = react.forwardRef(
               // so finalWidth already reflects the new width chosen by the user.
               width: finalWidth,
               height: isLineObj ? 0 : isAutoShrinkText ? typeof autoShrinkStoredHeight === "number" ? autoShrinkStoredHeight : finalHeight : finalHeight,
-              angle: decomposed.angle,
-              skewX: isLineObj ? 0 : decomposed.skewX,
-              skewY: isLineObj ? 0 : decomposed.skewY,
+              angle: persistedDecomposed.angle,
+              skewX: isLineObj ? 0 : persistedDecomposed.skewX,
+              skewY: isLineObj ? 0 : persistedDecomposed.skewY,
               scaleX: finalScaleX,
               scaleY: finalScaleY,
+              flipX: persistedFlipX,
+              flipY: persistedFlipY,
               transformMatrix: finalAbsoluteMatrix
             };
             if (obj instanceof fabric__namespace.Textbox) {
@@ -16516,15 +16544,19 @@ const PageCanvas = react.forwardRef(
                   elementUpdate.scaleY = 1;
                   elementUpdate.skewX = 0;
                   elementUpdate.skewY = 0;
-                  elementUpdate.transformMatrix = fabric__namespace.util.composeMatrix({
-                    translateX: cx,
-                    translateY: cy,
-                    angle: cleanAngle,
-                    scaleX: 1,
-                    scaleY: 1,
-                    skewX: 0,
-                    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
+                  );
                 } catch {
                 }
               }
@@ -16558,15 +16590,19 @@ const PageCanvas = react.forwardRef(
                   elementUpdate.scaleY = 1;
                   elementUpdate.skewX = 0;
                   elementUpdate.skewY = 0;
-                  elementUpdate.transformMatrix = fabric__namespace.util.composeMatrix({
-                    translateX: cx,
-                    translateY: cy,
-                    angle: cleanAngleI,
-                    scaleX: 1,
-                    scaleY: 1,
-                    skewX: 0,
-                    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
+                  );
                 } catch {
                 }
               }
@@ -16793,7 +16829,7 @@ const PageCanvas = react.forwardRef(
           if (!objId || objId === "__background__") continue;
           const objOwnMatrix = obj.calcOwnMatrix();
           const absoluteMatrix = fabric__namespace.util.multiplyTransformMatrices(selectionMatrix, objOwnMatrix);
-          fabric__namespace.util.applyTransformToObject(obj, absoluteMatrix);
+          applyTransformPreservingFlip(obj, absoluteMatrix);
           obj.setCoords();
         }
       });
@@ -25853,9 +25889,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.439";
+const resolvedPackageVersion = "0.5.441";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.439";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.441";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26669,7 +26705,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-CTMHlR-q.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BKPFy7-t.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28989,7 +29025,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-CTMHlR-q.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BKPFy7-t.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29386,4 +29422,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CfAPR8q1.cjs.map
+//# sourceMappingURL=index-BPlFxSU1.cjs.map