@pixldocs/canvas-renderer 0.5.331 → 0.5.332

package/dist/{index-COZR9zOa.cjs → index-B9Lpo1N6.cjs}

@@ -13761,7 +13761,10 @@ const PageCanvas = react.forwardRef(
               const a = ((c.angle ?? 0) % 180 + 180) % 180;
               return !(a < 0.5 || a > 179.5);
             });
-            if ((isXSide || hasRotatedChild) && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
+            const selectionAngle = ((obj.angle ?? 0) % 180 + 180) % 180;
+            const isSelectionRotated = !(selectionAngle < 0.5 || selectionAngle > 179.5);
+            const shouldPinNonTextChildren = hasRotatedChild || isSelectionRotated;
+            if ((isXSide || shouldPinNonTextChildren) && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
               if (logicalGroupId) {
@@ -13808,16 +13811,31 @@ const PageCanvas = react.forwardRef(
               }
             }
             const childCounterScale = hasRotatedChild ? 1 : 1 / sAxis;
+            let restoredNonTextAfterLayout = false;
             const restoreNonTextChildren = (pins) => {
               var _a3, _b3;
-              if (!hasRotatedChild || ((_a3 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _a3.selection) !== obj) return;
+              if (!shouldPinNonTextChildren || ((_a3 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _a3.selection) !== obj) return;
               for (const entry of groupShiftReflowSnapshotRef.current.children) {
                 const child = entry.obj;
                 if (child instanceof fabric__namespace.Textbox) continue;
                 if (child instanceof fabric__namespace.FabricImage || child instanceof fabric__namespace.Group && (child.__cropGroup || ((_b3 = child._ct) == null ? void 0 : _b3.isCropGroup))) {
                   const pin = pins == null ? void 0 : pins.get(child);
-                  const targetLeft = (pin == null ? void 0 : pin.left) ?? (isXSide ? entry.left0 * sAxis : entry.left0);
-                  const targetTop = (pin == null ? void 0 : pin.top) ?? (isXSide ? entry.top0 : entry.top0 * sAxis);
+                  let targetLeft = hasRotatedChild && isXSide ? entry.left0 * sAxis : entry.left0;
+                  let targetTop = hasRotatedChild && !isXSide ? entry.top0 * sAxis : entry.top0;
+                  if (pin == null ? void 0 : pin.worldCenter) {
+                    try {
+                      const invSelectionMatrix = fabric__namespace.util.invertTransform(obj.calcTransformMatrix());
+                      const localCenter = fabric__namespace.util.transformPoint(pin.worldCenter, invSelectionMatrix);
+                      targetLeft = localCenter.x;
+                      targetTop = localCenter.y;
+                    } catch {
+                      targetLeft = pin.left ?? targetLeft;
+                      targetTop = pin.top ?? targetTop;
+                    }
+                  } else {
+                    targetLeft = (pin == null ? void 0 : pin.left) ?? targetLeft;
+                    targetTop = (pin == null ? void 0 : pin.top) ?? targetTop;
+                  }
                   if (Math.abs((child.left ?? 0) - targetLeft) > 0.01) child._set("left", targetLeft);
                   if (Math.abs((child.top ?? 0) - targetTop) > 0.01) child._set("top", targetTop);
                   if (isXSide) child._set("scaleX", childCounterScale);
@@ -13923,7 +13941,7 @@ const PageCanvas = react.forwardRef(
                 didReflowTextChild = true;
               }
             }
-            if (isXSide && ((_e = groupShiftReflowSnapshotRef.current) == null ? void 0 : _e.selection) === obj) {
+            if (isXSide && !shouldPinNonTextChildren && ((_e = groupShiftReflowSnapshotRef.current) == null ? void 0 : _e.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -13956,12 +13974,17 @@ const PageCanvas = react.forwardRef(
               if (cornersBefore) {
                 fixedMidBefore = corner === "ml" ? { x: (cornersBefore.tr.x + cornersBefore.br.x) / 2, y: (cornersBefore.tr.y + cornersBefore.br.y) / 2 } : { x: (cornersBefore.tl.x + cornersBefore.bl.x) / 2, y: (cornersBefore.tl.y + cornersBefore.bl.y) / 2 };
               }
-              const nonTextPinsBeforeLayout = hasRotatedChild ? new Map(obj.getObjects().map((child) => [child, { left: child.left ?? 0, top: child.top ?? 0 }])) : void 0;
+              const nonTextPinsBeforeLayout = shouldPinNonTextChildren ? new Map(obj.getObjects().map((child) => [child, {
+                left: child.left ?? 0,
+                top: child.top ?? 0,
+                worldCenter: child instanceof fabric__namespace.Textbox ? void 0 : child.getCenterPoint()
+              }])) : void 0;
               try {
                 obj.triggerLayout();
               } catch {
               }
               restoreNonTextChildren(nonTextPinsBeforeLayout);
+              restoredNonTextAfterLayout = !!nonTextPinsBeforeLayout;
               obj._set("width", asW0);
               obj._set("scaleX", asSx0);
               obj._set("scaleY", asSy0);
@@ -13987,7 +14010,7 @@ const PageCanvas = react.forwardRef(
               obj._set("left", asLeft0);
               obj._set("top", asTop0);
             }
-            restoreNonTextChildren();
+            if (!restoredNonTextAfterLayout) restoreNonTextChildren();
             obj._set("width", asW0);
             obj._set("scaleX", asSx0);
             obj._set("scaleY", asSy0);
@@ -14811,11 +14834,17 @@ const PageCanvas = react.forwardRef(
                 absoluteTop = (decomposed.translateY ?? absoluteTop ?? 0) - w / 2 * Math.sin(angleRad) - h / 2 * Math.cos(angleRad);
               }
             } else if (obj instanceof fabric__namespace.FabricImage && (obj.originX === "center" || obj.originY === "center")) {
-              const w = (obj.width ?? 0) * (obj.scaleX ?? 1);
-              const h = (obj.height ?? 0) * (obj.scaleY ?? 1);
-              const angleRad = (decomposed.angle ?? obj.angle ?? 0) * Math.PI / 180;
-              absoluteLeft = (decomposed.translateX ?? absoluteLeft ?? 0) - w / 2 * Math.cos(angleRad) + h / 2 * Math.sin(angleRad);
-              absoluteTop = (decomposed.translateY ?? absoluteTop ?? 0) - w / 2 * Math.sin(angleRad) - h / 2 * Math.cos(angleRad);
+              if (isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection) {
+                const frameBounds = getObjectFrameBoundsInSelection(activeObj, obj, obj.width ?? 0, obj.height ?? 0);
+                absoluteLeft = frameBounds.left;
+                absoluteTop = frameBounds.top;
+              } else {
+                const w = (obj.width ?? 0) * (obj.scaleX ?? 1);
+                const h = (obj.height ?? 0) * (obj.scaleY ?? 1);
+                const angleRad = (decomposed.angle ?? obj.angle ?? 0) * Math.PI / 180;
+                absoluteLeft = (decomposed.translateX ?? absoluteLeft ?? 0) - w / 2 * Math.cos(angleRad) + h / 2 * Math.sin(angleRad);
+                absoluteTop = (decomposed.translateY ?? absoluteTop ?? 0) - w / 2 * Math.sin(angleRad) - h / 2 * Math.cos(angleRad);
+              }
             }
             const preserveCornerGeometry = (sourceElement == null ? void 0 : sourceElement.type) === "shape" && (sourceElement.shapeType === "circle" || sourceElement.shapeType === "rounded-rect" || sourceElement.shapeType === "triangle");
             let finalWidth = intrinsicWidth;
@@ -24314,9 +24343,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.331";
+const resolvedPackageVersion = "0.5.332";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.331";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.332";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25130,7 +25159,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-07IeD7w3.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BnF6Lk4i.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27450,7 +27479,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-07IeD7w3.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BnF6Lk4i.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27847,4 +27876,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-COZR9zOa.cjs.map
+//# sourceMappingURL=index-B9Lpo1N6.cjs.map