@pixldocs/canvas-renderer 0.5.416 → 0.5.418

package/dist/{index-BcxRNI0T.cjs → index-VBLDPtqv.cjs}

@@ -14610,6 +14610,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;
@@ -14708,6 +14724,7 @@ const PageCanvas = react.forwardRef(
                 } catch {
                 }
                 child.setCoords();
+                captureAsLiveWorldSnapshot(child, ct.frameW ?? child.width ?? 0, ct.frameH ?? child.height ?? 0);
                 child.dirty = true;
                 continue;
               }
@@ -14760,6 +14777,7 @@ const PageCanvas = react.forwardRef(
                 } catch {
                 }
                 child.setCoords();
+                captureAsLiveWorldSnapshot(child, child.width ?? 0, child.height ?? 0);
                 child.dirty = true;
                 continue;
               }
@@ -15783,13 +15801,13 @@ const PageCanvas = react.forwardRef(
                   const ownSy = Math.abs(obj.scaleY ?? 1);
                   const newFrameW = cropIsXSide ? sourceFrameW * ownSx * sLocal : sourceFrameW * ownSx;
                   const newFrameH = cropIsXSide ? sourceFrameH * ownSy : sourceFrameH * ownSy * sLocal;
-                  finalWidth = Math.max(1, newFrameW);
-                  finalHeight = Math.max(1, newFrameH);
+                  finalWidth = Math.max(1, Number(obj.__asLiveFinalW ?? newFrameW));
+                  finalHeight = Math.max(1, Number(obj.__asLiveFinalH ?? newFrameH));
                   finalScaleX = 1;
                   finalScaleY = 1;
-                  const worldCx = decomposed.translateX ?? 0;
-                  const worldCy = decomposed.translateY ?? 0;
-                  const liveWorldAngle = Number.isFinite(decomposed.angle) ? decomposed.angle : (activeObj.angle ?? 0) + cropChildLocalAngle;
+                  const worldCx = Number.isFinite(obj.__asLiveWorldCenterX) ? obj.__asLiveWorldCenterX : decomposed.translateX ?? 0;
+                  const worldCy = Number.isFinite(obj.__asLiveWorldCenterY) ? obj.__asLiveWorldCenterY : decomposed.translateY ?? 0;
+                  const liveWorldAngle = Number.isFinite(obj.__asLiveWorldAngle) ? obj.__asLiveWorldAngle : (activeObj.angle ?? 0) + cropChildLocalAngle;
                   const worldAngle = liveWorldAngle;
                   absoluteLeft = worldCx - finalWidth / 2;
                   absoluteTop = worldCy - finalHeight / 2;
@@ -15913,13 +15931,13 @@ const PageCanvas = react.forwardRef(
                     obj.setCoords();
                   } catch {
                   }
-                  finalWidth = bakedW;
-                  finalHeight = bakedH;
+                  finalWidth = Math.max(1, Number(obj.__asLiveFinalW ?? bakedW));
+                  finalHeight = Math.max(1, Number(obj.__asLiveFinalH ?? bakedH));
                   finalScaleX = 1;
                   finalScaleY = 1;
-                  const worldCx = decomposed.translateX ?? 0;
-                  const worldCy = decomposed.translateY ?? 0;
-                  const worldAngleI = Number.isFinite(decomposed.angle) ? decomposed.angle : (activeObj.angle ?? 0) + imgChildLocalAngle;
+                  const worldCx = Number.isFinite(obj.__asLiveWorldCenterX) ? obj.__asLiveWorldCenterX : decomposed.translateX ?? 0;
+                  const worldCy = Number.isFinite(obj.__asLiveWorldCenterY) ? obj.__asLiveWorldCenterY : decomposed.translateY ?? 0;
+                  const worldAngleI = Number.isFinite(obj.__asLiveWorldAngle) ? obj.__asLiveWorldAngle : (activeObj.angle ?? 0) + imgChildLocalAngle;
                   absoluteLeft = worldCx - finalWidth / 2;
                   absoluteTop = worldCy - finalHeight / 2;
                   finalAbsoluteMatrix = fabric__namespace.util.composeMatrix({
@@ -16270,11 +16288,12 @@ const PageCanvas = react.forwardRef(
               if (isRotatedImg && activeObj instanceof fabric__namespace.ActiveSelection) {
                 try {
                   const parentWorldAngle = activeObj.angle ?? 0;
-                  const cleanAngleI = Number.isFinite(decomposed.angle) ? decomposed.angle - parentWorldAngle : childLocalAngleSrc;
-                  const cleanW = Math.max(1, Number(elementUpdate.width ?? finalWidth));
-                  const cleanH = Math.max(1, Number(elementUpdate.height ?? finalHeight));
-                  const cx = decomposed.translateX ?? absoluteLeft + cleanW / 2;
-                  const cy = decomposed.translateY ?? absoluteTop + cleanH / 2;
+                  const liveWorldAngleI = Number.isFinite(obj.__asLiveWorldAngle) ? obj.__asLiveWorldAngle : (activeObj.angle ?? 0) + childLocalAngleSrc;
+                  const cleanAngleI = Number.isFinite(liveWorldAngleI) ? liveWorldAngleI - parentWorldAngle : childLocalAngleSrc;
+                  const cleanW = Math.max(1, Number(obj.__asLiveFinalW ?? elementUpdate.width ?? finalWidth));
+                  const cleanH = Math.max(1, Number(obj.__asLiveFinalH ?? elementUpdate.height ?? finalHeight));
+                  const cx = Number.isFinite(obj.__asLiveWorldCenterX) ? obj.__asLiveWorldCenterX : decomposed.translateX ?? absoluteLeft + cleanW / 2;
+                  const cy = Number.isFinite(obj.__asLiveWorldCenterY) ? obj.__asLiveWorldCenterY : decomposed.translateY ?? absoluteTop + cleanH / 2;
                   const thetaI = fabric__namespace.util.degreesToRadians(cleanAngleI);
                   const cosI = Math.cos(thetaI);
                   const sinI = Math.sin(thetaI);
@@ -16468,6 +16487,12 @@ const PageCanvas = react.forwardRef(
             if (t instanceof fabric__namespace.ActiveSelection) {
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigAngle;
+                delete child.__asLiveWorldAngle;
+                delete child.__asLiveWorldCenterX;
+                delete child.__asLiveWorldCenterY;
+                delete child.__asLiveParentWorldAngle;
+                delete child.__asLiveFinalW;
+                delete child.__asLiveFinalH;
               }
             }
           } catch {
@@ -25539,9 +25564,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.416";
+const resolvedPackageVersion = "0.5.418";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.416";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.418";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26355,7 +26380,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-D6fEgUkM.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-D0hfLxQU.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28675,7 +28700,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-D6fEgUkM.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-D0hfLxQU.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29072,4 +29097,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BcxRNI0T.cjs.map
+//# sourceMappingURL=index-VBLDPtqv.cjs.map