@pixldocs/canvas-renderer 0.5.274 → 0.5.276

package/dist/{index-C3onaRVR.js → index-CszEZlZ7.js}

@@ -13890,9 +13890,23 @@ const PageCanvas = forwardRef(
       });
       let cropGroupSaveTimer = null;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
         try {
           dragStarted = false;
+          if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove) {
+            const t = e.target;
+            console.log("[GRP-MOVE] object:modified fired", {
+              targetType: (_a2 = t == null ? void 0 : t.constructor) == null ? void 0 : _a2.name,
+              isActiveSelection: t instanceof fabric.ActiveSelection,
+              groupSelectionId: t ? t.__pixldocsGroupSelection : null,
+              memberIds: t instanceof fabric.ActiveSelection ? t.getObjects().map((o) => getObjectId(o)) : [getObjectId(t)],
+              targetLeft: t == null ? void 0 : t.left,
+              targetTop: t == null ? void 0 : t.top,
+              scaleX: t == null ? void 0 : t.scaleX,
+              scaleY: t == null ? void 0 : t.scaleY,
+              angle: t == null ? void 0 : t.angle
+            });
+          }
           setGuides([]);
           setGroupOverlayLiveBoundsRef.current(null);
           objectResizeActiveSnapRef.current = null;
@@ -13934,7 +13948,7 @@ const PageCanvas = forwardRef(
           const active = fabricCanvas.getActiveObject();
           const activeId = active ? getObjectId(active) : null;
           if (active && activeId && activeId !== "__background__" && !(active instanceof fabric.Group)) {
-            const pageChildrenForParent = ((_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
+            const pageChildrenForParent = ((_b2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _b2.children) ?? [];
             const parentGroup = findParentGroup(pageChildrenForParent, activeId);
             if (parentGroup && isGroup(parentGroup) && parentGroup.backgroundColor) {
               let fabricSectionGroup = active.group && active.group instanceof fabric.Group ? active.group : null;
@@ -14016,7 +14030,7 @@ const PageCanvas = forwardRef(
                   useEditorStore.getState().reflowStackGroupInPage(pageId, groupId);
                 }
                 const stateAfter = useEditorStore.getState();
-                const pageAfter = ((_b2 = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _b2.children) ?? [];
+                const pageAfter = ((_c = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c.children) ?? [];
                 const groupNodeAfter = findNodeById(pageAfter, groupId);
                 if (groupNodeAfter) {
                   const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
@@ -14078,7 +14092,7 @@ const PageCanvas = forwardRef(
           }
           if (active && active instanceof fabric.Group && active.__docuforgeSectionGroup && getObjectId(active)) {
             const groupId = getObjectId(active);
-            const pageChildrenSec = ((_c = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c.children) ?? [];
+            const pageChildrenSec = ((_d = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _d.children) ?? [];
             const modifiedTarget2 = e == null ? void 0 : e.target;
             const resizeScaleTarget = lastResizeScaleTargetRef.current;
             lastResizeScaleTargetRef.current = null;
@@ -14109,7 +14123,7 @@ const PageCanvas = forwardRef(
             const node = findNodeById(pageChildrenSec, groupId);
             if (isChildModified && node && !groupMoved) {
               const stateAfter = useEditorStore.getState();
-              const pageAfter = ((_d = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _d.children) ?? [];
+              const pageAfter = ((_e = stateAfter.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _e.children) ?? [];
               const groupNodeAfter = findNodeById(pageAfter, groupId);
               if (groupNodeAfter) {
                 const abs = getAbsoluteBounds(groupNodeAfter, pageAfter);
@@ -14125,7 +14139,7 @@ const PageCanvas = forwardRef(
           }
           if (active && active instanceof fabric.Group && !(active instanceof fabric.ActiveSelection) && getObjectId(active)) {
             const groupId = getObjectId(active);
-            const pageChildren3 = ((_e = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _e.children) ?? [];
+            const pageChildren3 = ((_f = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _f.children) ?? [];
             const w = (active.width ?? 0) * (active.scaleX ?? 1);
             const h = (active.height ?? 0) * (active.scaleY ?? 1);
             const centerX = active.left ?? 0;
@@ -14147,7 +14161,7 @@ const PageCanvas = forwardRef(
           }
           const activeObj = fabricCanvas.getActiveObject();
           let activeObjects = fabricCanvas.getActiveObjects();
-          const activeSelectionMoveStart = activeObj instanceof fabric.ActiveSelection && ((_f = activeSelectionMoveStartRef.current) == null ? void 0 : _f.selection) === activeObj ? activeSelectionMoveStartRef.current : null;
+          const activeSelectionMoveStart = activeObj instanceof fabric.ActiveSelection && ((_g = activeSelectionMoveStartRef.current) == null ? void 0 : _g.selection) === activeObj ? activeSelectionMoveStartRef.current : null;
           const activeSelectionDelta = activeObj instanceof fabric.ActiveSelection && activeSelectionMoveStart ? (() => {
             const rect = activeObj.getBoundingRect();
             return {
@@ -14238,6 +14252,22 @@ const PageCanvas = forwardRef(
               return memberIds.every((mid) => selectedSet.has(mid));
             })();
             const groupToMove = candidateIsStack || allMembersSelected ? candidateGroup : null;
+            if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove) {
+              console.log("[GRP-MOVE] entry", {
+                selectedElementIds,
+                isActiveSelection,
+                activeSelectionGroupId: activeObj instanceof fabric.ActiveSelection ? activeObj.__pixldocsGroupSelection : null,
+                parentGroupIds: parentGroups.map((g) => g.id),
+                sameDirectParent,
+                commonAncestorId: commonAncestor == null ? void 0 : commonAncestor.id,
+                candidateGroupId: candidateGroup == null ? void 0 : candidateGroup.id,
+                candidateIsStack,
+                allMembersSelected,
+                groupToMoveId: (groupToMove == null ? void 0 : groupToMove.id) ?? null,
+                activeSelectionHadTransform,
+                selectedLogicalGroupIds
+              });
+            }
             if (groupToMove) {
               const activeGroupSelectionId = activeObj instanceof fabric.ActiveSelection ? activeObj.__pixldocsGroupSelection : void 0;
               const transformStart = activeGroupSelectionId === groupToMove.id ? groupSelectionTransformStartRef.current : null;
@@ -14298,6 +14328,18 @@ const PageCanvas = forwardRef(
                 const { updateNode: updateNodeStore, commitHistory: commitHistoryStore, getCurrentElements } = useEditorStore.getState();
                 const newLeft = (groupToMove.left ?? 0) + deltaX;
                 const newTop = (groupToMove.top ?? 0) + deltaY;
+                const __dbg = !!(typeof window !== "undefined" && window.__pixldocsDebugGroupMove);
+                if (__dbg) {
+                  console.log("[GRP-MOVE] commit", {
+                    groupId: groupToMove.id,
+                    groupAbs,
+                    movedGroup: { left: movedGroupLeft, top: movedGroupTop },
+                    delta: { x: deltaX, y: deltaY },
+                    newStored: { left: newLeft, top: newTop },
+                    activeSelectionAngle: isActiveSelection && activeObj ? activeObj.angle : null,
+                    hasGroupSelectionId: !!(isActiveSelection && activeObj instanceof fabric.ActiveSelection && activeObj.__pixldocsGroupSelection)
+                  });
+                }
                 updateNodeStore(groupToMove.id, { left: newLeft, top: newTop }, { recordHistory: false, skipLayoutRecalc: true });
                 commitHistoryStore();
                 pendingGroupDrillInRef.current = null;
@@ -14319,7 +14361,7 @@ const PageCanvas = forwardRef(
                     }
                   } catch {
                   }
-                  const pageAfterMove = ((_g = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _g.children) ?? [];
+                  const pageAfterMove = ((_h = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _h.children) ?? [];
                   const groupAfterMove = findNodeById(pageAfterMove, groupToMove.id);
                   const memberIdsAfterMove = groupAfterMove && isGroup(groupAfterMove) ? getAllElementIds(groupAfterMove.children ?? []) : targetObjects.map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__");
                   preservedGroupMemberIds = memberIdsAfterMove;
@@ -14330,12 +14372,25 @@ const PageCanvas = forwardRef(
                     if (!node) continue;
                     const abs = getAbsoluteBounds(node, pageAfterMove, pageBoundsOptions);
                     const bounds = getNodeBounds(node, pageAfterMove, pageBoundsOptions);
+                    const __prevLeft = obj.left;
+                    const __prevTop = obj.top;
                     if (obj instanceof fabric.Group && obj.__cropGroup || obj instanceof fabric.FabricImage && (obj.originX === "center" || obj.originY === "center")) {
                       obj.set({ left: abs.left + Math.max(1, bounds.width) / 2, top: abs.top + Math.max(1, bounds.height) / 2 });
                     } else {
                       obj.set({ left: abs.left, top: abs.top });
                     }
                     obj.setCoords();
+                    if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove) {
+                      console.log("[GRP-MOVE] rebake-member", {
+                        id,
+                        nodeType: node.type,
+                        storeAbs: abs,
+                        bounds,
+                        origin: { x: obj.originX, y: obj.originY },
+                        prev: { left: __prevLeft, top: __prevTop },
+                        after: { left: obj.left, top: obj.top }
+                      });
+                    }
                   }
                   const bakedSelection = reselectionObjects.length > 1 ? new fabric.ActiveSelection(reselectionObjects, { canvas: fabricCanvas }) : activeObj;
                   restoreGroupSelectionVisualState(bakedSelection, groupSelectionId);
@@ -14621,7 +14676,7 @@ const PageCanvas = forwardRef(
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
-          const pageChildrenForReflow = ((_h = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _h.children) ?? [];
+          const pageChildrenForReflow = ((_i = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _i.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -15579,6 +15634,27 @@ const PageCanvas = forwardRef(
                 } else {
                   const skipPositionBecauseSelection = preserveSelectionMemberPosition || !forceStorePositionSync && isSelected && (deltaX > 0.1 || deltaY > 0.1) && (wasJustModified || isBeingTransformed);
                   const anyChange = positionChanged || otherPropsChanged || forceApplyFromPanel;
+                  if (typeof window !== "undefined" && window.__pixldocsDebugGroupMove && (forceStorePositionSync || preserveSelectionMemberPosition || (deltaX > 0.1 || deltaY > 0.1))) {
+                    console.log("[GRP-MOVE] doSync-member", {
+                      id: element.id,
+                      type: element.type,
+                      fabric: { left: fabricLeft, top: fabricTop },
+                      store: { left: storeLeft, top: storeTop },
+                      delta: { x: deltaX, y: deltaY },
+                      flags: {
+                        forceStorePositionSync,
+                        preserveSelectionMemberPosition,
+                        isSelected,
+                        wasJustModified,
+                        isBeingTransformed,
+                        positionChanged,
+                        otherPropsChanged,
+                        skipPositionBecauseSelection,
+                        anyChange,
+                        syncTriggeredByPanel: syncTriggeredByPanelRef.current
+                      }
+                    });
+                  }
                   if (!visibilityUpdateInProgressRef.current) {
                     if (anyChange && !skipPositionBecauseSelection) {
                       updateFabricObject(existingObj, element, wasJustModified && !forceStorePositionSync);
@@ -23761,9 +23837,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.274";
+const resolvedPackageVersion = "0.5.276";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.274";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.276";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24577,7 +24653,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-oOUmmqgb.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-C9akdCtS.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26897,7 +26973,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-oOUmmqgb.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-C9akdCtS.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27297,4 +27373,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-C3onaRVR.js.map
+//# sourceMappingURL=index-CszEZlZ7.js.map