@pixldocs/canvas-renderer 0.5.328 → 0.5.330

package/dist/{index-DhowYy-T.cjs → index-DyarJoo_.cjs}

@@ -13758,7 +13758,7 @@ const PageCanvas = react.forwardRef(
               const a = ((c.angle ?? 0) % 180 + 180) % 180;
               return !(a < 0.5 || a > 179.5);
             });
-            if (isXSide && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
+            if ((isXSide || hasRotatedChild) && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
               groupShiftReflowSnapshotRef.current = null;
               const logicalGroupId = obj.__pixldocsGroupSelection;
               if (logicalGroupId) {
@@ -13770,7 +13770,9 @@ const PageCanvas = react.forwardRef(
                     const entries = obj.getObjects().map((c) => ({
                       obj: c,
                       id: getObjectId(c) ?? "",
+                      left0: c.left ?? 0,
                       top0: c.top ?? 0,
+                      width0: (c.width ?? 0) * Math.abs(c.scaleX ?? 1),
                       height0: (c.height ?? 0) * Math.abs(c.scaleY ?? 1)
                     })).filter((e2) => e2.id).sort((a, b) => a.top0 - b.top0);
                     if (entries.length > 1) {
@@ -13803,78 +13805,50 @@ const PageCanvas = react.forwardRef(
               }
             }
             const childCounterScale = hasRotatedChild ? 1 : 1 / sAxis;
+            const restoreNonTextChildren = (pins) => {
+              var _a3, _b3;
+              if (!hasRotatedChild || ((_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);
+                  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);
+                  else child._set("scaleY", childCounterScale);
+                  child.setCoords();
+                  child.dirty = true;
+                }
+              }
+            };
+            const projectRotatedTextPosition = (child) => {
+              var _a3;
+              if (!hasRotatedChild || ((_a3 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _a3.selection) !== obj) return;
+              const entry = groupShiftReflowSnapshotRef.current.children.find((candidate) => candidate.obj === child);
+              if (!entry) return;
+              if (isXSide) child._set("left", entry.left0 * sAxis);
+              else child._set("top", entry.top0 * sAxis);
+            };
             for (const child of obj.getObjects()) {
               if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_d = child._ct) == null ? void 0 : _d.isCropGroup))) {
-                const ct = child.__cropData;
-                if (!ct) continue;
-                if (isXSide) {
-                  if (child.__asLiveOrigW == null) {
-                    const baseW = child.width ?? ct.frameW ?? 0;
-                    child.__asLiveOrigW = baseW * (child.scaleX ?? 1);
-                  }
-                  const origW = child.__asLiveOrigW;
-                  const newW = Math.max(20, origW * sAxis);
-                  if (Math.abs((child.width ?? 0) - newW) > 0.5) {
-                    ct.frameW = newW;
-                    child._set("width", newW);
-                    child._set("scaleX", childCounterScale);
-                    try {
-                      updateCoverLayout(child);
-                    } catch {
-                    }
-                    child.setCoords();
-                    child.dirty = true;
-                  }
-                } else {
-                  if (child.__asLiveOrigH == null) {
-                    const baseH = child.height ?? ct.frameH ?? 0;
-                    child.__asLiveOrigH = baseH * (child.scaleY ?? 1);
-                  }
-                  const origH = child.__asLiveOrigH;
-                  const newH = Math.max(20, origH * sAxis);
-                  if (Math.abs((child.height ?? 0) - newH) > 0.5) {
-                    ct.frameH = newH;
-                    child._set("height", newH);
-                    child._set("scaleY", childCounterScale);
-                    try {
-                      updateCoverLayout(child);
-                    } catch {
-                    }
-                    child.setCoords();
-                    child.dirty = true;
-                  }
-                }
+                if (isXSide) child._set("scaleX", childCounterScale);
+                else child._set("scaleY", childCounterScale);
+                child.setCoords();
+                child.dirty = true;
                 continue;
               }
               if (child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
-                if (isXSide) {
-                  if (child.__asLiveOrigW == null) {
-                    child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
-                  }
-                  const origW = child.__asLiveOrigW;
-                  const newW = Math.max(1, origW * sAxis);
-                  if (Math.abs((child.width ?? 0) - newW) > 0.5) {
-                    child._set("width", newW);
-                    child._set("scaleX", childCounterScale);
-                    child.setCoords();
-                    child.dirty = true;
-                  }
-                } else {
-                  if (child.__asLiveOrigH == null) {
-                    child.__asLiveOrigH = (child.height ?? 0) * (child.scaleY ?? 1);
-                  }
-                  const origH = child.__asLiveOrigH;
-                  const newH = Math.max(1, origH * sAxis);
-                  if (Math.abs((child.height ?? 0) - newH) > 0.5) {
-                    child._set("height", newH);
-                    child._set("scaleY", childCounterScale);
-                    child.setCoords();
-                    child.dirty = true;
-                  }
-                }
+                if (isXSide) child._set("scaleX", childCounterScale);
+                else child._set("scaleY", childCounterScale);
+                child.setCoords();
+                child.dirty = true;
                 continue;
               }
               if (!(child instanceof fabric__namespace.Textbox)) continue;
+              projectRotatedTextPosition(child);
               if (isXSide) {
                 if (child.__asLiveOrigW == null) {
                   child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
@@ -13942,10 +13916,12 @@ 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;
               try {
                 obj.triggerLayout();
               } catch {
               }
+              restoreNonTextChildren(nonTextPinsBeforeLayout);
               obj._set("width", asW0);
               obj._set("scaleX", asSx0);
               obj._set("scaleY", asSy0);
@@ -13971,6 +13947,7 @@ const PageCanvas = react.forwardRef(
               obj._set("left", asLeft0);
               obj._set("top", asTop0);
             }
+            restoreNonTextChildren();
             obj._set("width", asW0);
             obj._set("scaleX", asSx0);
             obj._set("scaleY", asSy0);
@@ -14611,6 +14588,7 @@ const PageCanvas = react.forwardRef(
               return;
             }
           }
+          const isActiveSelectionSideResize = isActiveSelection && (activeSelectionResizeHandle === "ml" || activeSelectionResizeHandle === "mr" || activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb");
           if (selectedElementIds.length > 0 && !anyCropGroup) {
             const firstObj = activeObjects[0];
             const firstId = getObjectId(firstObj);
@@ -14672,7 +14650,8 @@ const PageCanvas = react.forwardRef(
               }
               const deltaX = movedGroupLeft - groupAbs.left;
               const deltaY = movedGroupTop - groupAbs.top;
-              const hadScale = isActiveSelection && activeObj && (Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01);
+              const hadResizeHandle = isActiveSelection && !!activeSelectionResizeHandle;
+              const hadScale = isActiveSelection && activeObj && (hadResizeHandle || Math.abs((activeObj.scaleX ?? 1) - 1) > 0.01 || Math.abs((activeObj.scaleY ?? 1) - 1) > 0.01);
               const startSelAngle = (((transformStart == null ? void 0 : transformStart.selectionAngle) ?? 0) % 360 + 360) % 360;
               const currentSelAngle = isActiveSelection && activeObj ? ((activeObj.angle ?? 0) % 360 + 360) % 360 : 0;
               const angleDelta = Math.min(
@@ -14680,7 +14659,7 @@ const PageCanvas = react.forwardRef(
                 360 - Math.abs(currentSelAngle - startSelAngle)
               );
               const hadRotation = isActiveSelection && activeObj && angleDelta > 0.01;
-              if (!hadScale && !hadRotation && (Math.abs(deltaX) > 0.1 || Math.abs(deltaY) > 0.1)) {
+              if (!isActiveSelectionSideResize && !hadScale && !hadRotation && (Math.abs(deltaX) > 0.1 || Math.abs(deltaY) > 0.1)) {
                 const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
                 const newLeft = (groupToMove.left ?? 0) + deltaX;
                 const newTop = (groupToMove.top ?? 0) + deltaY;
@@ -24286,9 +24265,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.328";
+const resolvedPackageVersion = "0.5.330";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.328";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.330";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25102,7 +25081,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-B4Vpz8di.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CJBVK7bd.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27422,7 +27401,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-B4Vpz8di.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CJBVK7bd.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27819,4 +27798,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DhowYy-T.cjs.map
+//# sourceMappingURL=index-DyarJoo_.cjs.map