@pixldocs/canvas-renderer 0.5.446 → 0.5.447

package/dist/{index-BAQIJf_b.cjs → index-D7JnQkpf.cjs}

@@ -14655,7 +14655,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;
+        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;
@@ -14893,6 +14893,22 @@ const PageCanvas = react.forwardRef(
           const startSy = Math.abs(Number(((_h = _cur == null ? void 0 : _cur.original) == null ? void 0 : _h.scaleY) ?? 1)) || 1;
           const sAxis = isXSide ? Math.abs((obj.scaleX ?? 1) / startSx) : Math.abs((obj.scaleY ?? 1) / startSy);
           if (sAxis > 1e-3) {
+            const captureAsLiveWorldSnapshot = (childObj, liveW, liveH) => {
+              try {
+                const selectionMatrix = obj.calcTransformMatrix();
+                const childMatrix = childObj.calcOwnMatrix();
+                const worldMatrix = fabric__namespace.util.multiplyTransformMatrices(selectionMatrix, childMatrix);
+                const live = fabric__namespace.util.qrDecompose(worldMatrix);
+                const childOrigLocalAngle = Number.isFinite(childObj.__asLiveOrigAngle) ? childObj.__asLiveOrigAngle : childObj.angle ?? 0;
+                childObj.__asLiveWorldAngle = (obj.angle ?? 0) + childOrigLocalAngle;
+                childObj.__asLiveWorldCenterX = live.translateX;
+                childObj.__asLiveWorldCenterY = live.translateY;
+                childObj.__asLiveParentWorldAngle = obj.angle ?? 0;
+                if (Number.isFinite(liveW)) childObj.__asLiveFinalW = liveW;
+                if (Number.isFinite(liveH)) childObj.__asLiveFinalH = liveH;
+              } catch {
+              }
+            };
             if (isXSide && ((_i = groupShiftReflowSnapshotRef.current) == null ? void 0 : _i.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
@@ -14933,13 +14949,45 @@ const PageCanvas = react.forwardRef(
               if (child.__asLiveGestureKey !== liveGestureKey) {
                 child.__asLiveGestureKey = liveGestureKey;
                 child.__asLiveOrigAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
+                child.__asLiveOrigFlipX = !!child.flipX;
+                child.__asLiveOrigFlipY = !!child.flipY;
               }
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) {
-                child.setCoords();
-                child.dirty = true;
-                continue;
-              }
-              if (child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
+              const liveAsSx = isXSide ? sAxis : 1;
+              const liveAsSy = isXSide ? 1 : sAxis;
+              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup)) || child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
+                const childAngleDeg2 = child.__asLiveOrigAngle ?? (child.angle ?? 0);
+                const theta2 = fabric__namespace.util.degreesToRadians(childAngleDeg2);
+                const cosT2 = Math.cos(theta2);
+                const sinT2 = Math.sin(theta2);
+                const dX = isXSide ? Math.max(1e-3, liveAsSx * cosT2 * cosT2 + sinT2 * sinT2) : 1;
+                const dY = isXSide ? 1 : Math.max(1e-3, liveAsSy * cosT2 * cosT2 + sinT2 * sinT2);
+                if (child.__asLiveOrigScaleX == null) child.__asLiveOrigScaleX = Math.abs(Number(child.scaleX ?? 1)) || 1;
+                if (child.__asLiveOrigScaleY == null) child.__asLiveOrigScaleY = Math.abs(Number(child.scaleY ?? 1)) || 1;
+                const origScaleX = child.__asLiveOrigScaleX;
+                const origScaleY = child.__asLiveOrigScaleY;
+                const baseW = Math.max(1, Number(((_n = child.__cropData) == null ? void 0 : _n.frameW) ?? child.width ?? 1));
+                const baseH = Math.max(1, Number(((_o = child.__cropData) == null ? void 0 : _o.frameH) ?? child.height ?? 1));
+                const liveW = baseW * origScaleX * dX;
+                const liveH = baseH * origScaleY * dY;
+                try {
+                  const inv = [1 / liveAsSx, 0, 0, 1 / liveAsSy, 0, 0];
+                  const Rtheta = fabric__namespace.util.composeMatrix({ angle: childAngleDeg2, scaleX: 1, scaleY: 1, translateX: 0, translateY: 0 });
+                  const Dscale = fabric__namespace.util.composeMatrix({ angle: 0, scaleX: origScaleX * dX, scaleY: origScaleY * dY, translateX: 0, translateY: 0 });
+                  const M = fabric__namespace.util.multiplyTransformMatrices(
+                    fabric__namespace.util.multiplyTransformMatrices(inv, Rtheta),
+                    Dscale
+                  );
+                  const dec = fabric__namespace.util.qrDecompose(M);
+                  child._set("angle", dec.angle);
+                  child._set("scaleX", dec.scaleX);
+                  child._set("scaleY", dec.scaleY);
+                  child._set("skewX", dec.skewX);
+                  child._set("skewY", dec.skewY);
+                  child._set("flipX", !!(child.__asLiveOrigFlipX ?? child.flipX));
+                  child._set("flipY", !!(child.__asLiveOrigFlipY ?? child.flipY));
+                } catch {
+                }
+                captureAsLiveWorldSnapshot(child, liveW, liveH);
                 child.setCoords();
                 child.dirty = true;
                 continue;
@@ -14997,7 +15045,7 @@ const PageCanvas = react.forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_n = groupShiftReflowSnapshotRef.current) == null ? void 0 : _n.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;
@@ -15159,7 +15207,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_o = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _o.call(fabricCanvas);
+            (_q = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _q.call(fabricCanvas);
           } catch {
           }
         }
@@ -15386,6 +15434,8 @@ const PageCanvas = react.forwardRef(
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
+                delete child.__asLiveOrigScaleX;
+                delete child.__asLiveOrigScaleY;
                 delete child.__asLiveRotSnap;
                 delete child.__asLiveGestureKey;
               }
@@ -16088,10 +16138,12 @@ const PageCanvas = react.forwardRef(
                   const ownSy = Math.abs(obj.scaleY ?? 1);
                   const bakedW = Math.max(1, intrinsicWidth * ownSx * (imgIsXSide ? sLocalI : 1));
                   const bakedH = Math.max(1, intrinsicHeight * ownSy * (imgIsXSide ? 1 : sLocalI));
+                  const cleanW = Math.max(1, Number(obj.__asLiveFinalW ?? bakedW));
+                  const cleanH = Math.max(1, Number(obj.__asLiveFinalH ?? bakedH));
                   try {
                     obj.set({
-                      width: bakedW,
-                      height: bakedH,
+                      width: cleanW,
+                      height: cleanH,
                       scaleX: 1,
                       scaleY: 1,
                       skewX: 0,
@@ -16110,8 +16162,8 @@ const PageCanvas = react.forwardRef(
                     obj.setCoords();
                   } catch {
                   }
-                  finalWidth = Math.max(1, Number(obj.__asLiveFinalW ?? bakedW));
-                  finalHeight = Math.max(1, Number(obj.__asLiveFinalH ?? bakedH));
+                  finalWidth = cleanW;
+                  finalHeight = cleanH;
                   finalScaleX = 1;
                   finalScaleY = 1;
                   const worldCx = Number.isFinite(obj.__asLiveWorldCenterX) ? obj.__asLiveWorldCenterX : decomposed.translateX ?? 0;
@@ -16533,6 +16585,12 @@ const PageCanvas = react.forwardRef(
                 objectBeforeStoreWrite: summarizeFabricObjectForResizeDebug(obj)
               });
             }
+            if (isActiveSelection && (obj instanceof fabric__namespace.FabricImage || obj instanceof fabric__namespace.Group && obj.__cropGroup)) {
+              const restore = activeSelectionFlipRestores.find((entry) => entry.obj === obj);
+              if (restore) {
+                restore.angle = Number.isFinite(elementUpdate.angle) ? elementUpdate.angle : persistedAngle;
+              }
+            }
             if (isActiveSelection) {
               logRotGroupImageDrift("store-update-child", {
                 time: Math.round(performance.now()),
@@ -16717,6 +16775,10 @@ const PageCanvas = react.forwardRef(
             if (t instanceof fabric__namespace.ActiveSelection) {
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigAngle;
+                delete child.__asLiveOrigFlipX;
+                delete child.__asLiveOrigFlipY;
+                delete child.__asLiveOrigScaleX;
+                delete child.__asLiveOrigScaleY;
                 delete child.__asLiveGestureKey;
                 delete child.__asLiveWorldAngle;
                 delete child.__asLiveWorldCenterX;
@@ -25827,9 +25889,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.446";
+const resolvedPackageVersion = "0.5.447";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.446";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.447";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26643,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-D7WHhcGD.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BVQkDFXD.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28963,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-D7WHhcGD.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BVQkDFXD.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29360,4 +29422,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BAQIJf_b.cjs.map
+//# sourceMappingURL=index-D7JnQkpf.cjs.map