@pixldocs/canvas-renderer 0.5.416 → 0.5.418

package/dist/{index-CZU1DIVy.js → index-DUYPnOdV.js}

@@ -14592,6 +14592,22 @@ const PageCanvas = 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.util.multiplyTransformMatrices(selectionMatrix, childMatrix);
+                const live = fabric.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;
@@ -14690,6 +14706,7 @@ const PageCanvas = forwardRef(
                 } catch {
                 }
                 child.setCoords();
+                captureAsLiveWorldSnapshot(child, ct.frameW ?? child.width ?? 0, ct.frameH ?? child.height ?? 0);
                 child.dirty = true;
                 continue;
               }
@@ -14742,6 +14759,7 @@ const PageCanvas = forwardRef(
                 } catch {
                 }
                 child.setCoords();
+                captureAsLiveWorldSnapshot(child, child.width ?? 0, child.height ?? 0);
                 child.dirty = true;
                 continue;
               }
@@ -15765,13 +15783,13 @@ const PageCanvas = 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;
@@ -15895,13 +15913,13 @@ const PageCanvas = 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.util.composeMatrix({
@@ -16252,11 +16270,12 @@ const PageCanvas = forwardRef(
               if (isRotatedImg && activeObj instanceof fabric.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.util.degreesToRadians(cleanAngleI);
                   const cosI = Math.cos(thetaI);
                   const sinI = Math.sin(thetaI);
@@ -16450,6 +16469,12 @@ const PageCanvas = forwardRef(
             if (t instanceof fabric.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 {
@@ -25521,9 +25546,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;
@@ -26337,7 +26362,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 import("./vectorPdfExport-BFThdYPo.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-oncH5akF.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28657,7 +28682,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BFThdYPo.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-oncH5akF.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29057,4 +29082,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-CZU1DIVy.js.map
+//# sourceMappingURL=index-DUYPnOdV.js.map