@pixldocs/canvas-renderer 0.5.302 → 0.5.304

package/dist/{index-Basn7lBW.cjs → index-C4r2zesf.cjs}

@@ -11366,6 +11366,7 @@ const PageCanvas = react.forwardRef(
     const lastTextEditDimensionsRef = react.useRef(null);
     const lastResizeScaleTargetRef = react.useRef(null);
     const activeSelectionResizeHandleRef = react.useRef(null);
+    const groupShiftReflowSnapshotRef = react.useRef(null);
     const preserveSelectionAfterTransformIdRef = react.useRef(null);
     const groupSelectionTransformStartRef = react.useRef(null);
     const activeSelectionMoveStartRef = react.useRef(null);
@@ -13523,7 +13524,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c;
+        var _a2, _b2, _c, _d, _e, _f;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -13700,6 +13701,33 @@ const PageCanvas = react.forwardRef(
           const isXSide = corner === "ml" || corner === "mr";
           const sAxis = isXSide ? Math.abs(obj.scaleX ?? 1) : Math.abs(obj.scaleY ?? 1);
           if (sAxis > 1e-3) {
+            if (isXSide && ((_b2 = groupShiftReflowSnapshotRef.current) == null ? void 0 : _b2.selection) !== obj) {
+              groupShiftReflowSnapshotRef.current = null;
+              const logicalGroupId = obj.__pixldocsGroupSelection;
+              if (logicalGroupId) {
+                try {
+                  const state = useEditorStore.getState();
+                  const pageChildren2 = ((_c = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c.children) ?? [];
+                  const groupNode = findNodeById(pageChildren2, logicalGroupId);
+                  if (groupNode && isGroup(groupNode) && !isStackLayoutMode(groupNode.layoutMode)) {
+                    const entries = obj.getObjects().map((c) => ({
+                      obj: c,
+                      id: getObjectId(c) ?? "",
+                      top0: c.top ?? 0,
+                      height0: (c.height ?? 0) * Math.abs(c.scaleY ?? 1)
+                    })).filter((e2) => e2.id).sort((a, b) => a.top0 - b.top0);
+                    if (entries.length > 1) {
+                      const gaps = [];
+                      for (let i = 1; i < entries.length; i++) {
+                        gaps.push(Math.max(0, entries[i].top0 - (entries[i - 1].top0 + entries[i - 1].height0)));
+                      }
+                      groupShiftReflowSnapshotRef.current = { selection: obj, groupId: logicalGroupId, children: entries, gaps };
+                    }
+                  }
+                } catch {
+                }
+              }
+            }
             const asW0 = obj.width ?? 0;
             const asH0 = obj.height ?? 0;
             const asSx0 = obj.scaleX ?? 1;
@@ -13709,7 +13737,7 @@ const PageCanvas = react.forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_b2 = child._ct) == null ? void 0 : _b2.isCropGroup))) {
+              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) {
@@ -13814,6 +13842,34 @@ const PageCanvas = react.forwardRef(
                 didReflowTextChild = true;
               }
             }
+            if (isXSide && ((_e = groupShiftReflowSnapshotRef.current) == null ? void 0 : _e.selection) === obj) {
+              const snap = groupShiftReflowSnapshotRef.current;
+              const anchorEntry = snap.children[0];
+              const anchorTopLive = anchorEntry.obj.top ?? 0;
+              const anchorTop0 = anchorEntry.top0;
+              const liveHeightOf = (entry) => {
+                const c = entry.obj;
+                if (c instanceof fabric__namespace.Textbox) return c.height ?? entry.height0;
+                return (c.height ?? entry.height0) * Math.abs(c.scaleY ?? 1);
+              };
+              let prevBottom = anchorTopLive + liveHeightOf(anchorEntry);
+              let didShift = false;
+              for (let i = 1; i < snap.children.length; i++) {
+                const entry = snap.children[i];
+                const c = entry.obj;
+                const naturalTop = anchorTopLive + (entry.top0 - anchorTop0);
+                const minTop = prevBottom + snap.gaps[i - 1];
+                const targetTop = Math.max(naturalTop, minTop);
+                if (Math.abs((c.top ?? 0) - targetTop) > 0.5) {
+                  c._set("top", targetTop);
+                  c.setCoords();
+                  c.dirty = true;
+                  didShift = true;
+                }
+                prevBottom = targetTop + liveHeightOf(entry);
+              }
+              if (didShift) didReflowTextChild = true;
+            }
             if (isXSide && didReflowTextChild && typeof obj.triggerLayout === "function") {
               try {
                 obj.triggerLayout();
@@ -13927,7 +13983,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_c = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _c.call(fabricCanvas);
+            (_f = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _f.call(fabricCanvas);
           } catch {
           }
         }
@@ -14134,6 +14190,7 @@ const PageCanvas = react.forwardRef(
             }
           } catch {
           }
+          groupShiftReflowSnapshotRef.current = null;
           lockEdits();
           const modifiedTarget = e.target;
           const modifiedTargetId = modifiedTarget ? getObjectId(modifiedTarget) : null;
@@ -24122,9 +24179,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.302";
+const resolvedPackageVersion = "0.5.304";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.302";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.304";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24938,7 +24995,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-DXYVw9V2.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BwdX7s-7.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27258,7 +27315,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-DXYVw9V2.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BwdX7s-7.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27655,4 +27712,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-Basn7lBW.cjs.map
+//# sourceMappingURL=index-C4r2zesf.cjs.map