@pixldocs/canvas-renderer 0.5.282 → 0.5.284

package/dist/{index-DeBKmZZc.cjs → index-n9HBI3ow.cjs}

@@ -10496,7 +10496,7 @@ let ensureCanvaControlRenders = () => {
 };
 const shouldLogGroupMove = () => {
   if (typeof window === "undefined") return false;
-  return window.__pixldocsDebugGroupMove !== false;
+  return window.__pixldocsDebugGroupMove === true;
 };
 try {
   const InteractiveBase = fabric__namespace.InteractiveFabricObject ?? fabric__namespace.Object;
@@ -13923,7 +13923,7 @@ const PageCanvas = react.forwardRef(
       let cropGroupSaveTimer = null;
       let objectModifiedInFlight = false;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
         if (objectModifiedInFlight) {
           if (shouldLogGroupMove()) {
             console.log("[GRP-MOVE] object:modified re-entry skipped", {
@@ -14316,10 +14316,7 @@ const PageCanvas = react.forwardRef(
               const groupAbs = getAbsoluteBounds(groupToMove, pageChildren2);
               let movedGroupLeft = groupAbs.left;
               let movedGroupTop = groupAbs.top;
-              if (activeObj instanceof fabric__namespace.ActiveSelection && activeSelectionDelta) {
-                movedGroupLeft = groupAbs.left + activeSelectionDelta.x;
-                movedGroupTop = groupAbs.top + activeSelectionDelta.y;
-              } else if (activeObj instanceof fabric__namespace.ActiveSelection && (transformStart == null ? void 0 : transformStart.groupId) === groupToMove.id) {
+              if (activeObj instanceof fabric__namespace.ActiveSelection && (transformStart == null ? void 0 : transformStart.groupId) === groupToMove.id) {
                 const selectionRect = activeObj.getBoundingRect();
                 movedGroupLeft = transformStart.groupLeft + (selectionRect.left - transformStart.selectionLeft);
                 movedGroupTop = transformStart.groupTop + (selectionRect.top - transformStart.selectionTop);
@@ -14389,26 +14386,29 @@ const PageCanvas = react.forwardRef(
                 setDrilledGroupBounds(null);
                 drilledGroupIdRef.current = null;
                 const groupSelectionId = (isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.__pixldocsGroupSelection : void 0) ?? groupToMove.id;
-                const pageAfterMove = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
-                const groupAfterMove = findNodeById(pageAfterMove, groupToMove.id);
-                const preservedGroupMemberIds = groupAfterMove && isGroup(groupAfterMove) ? getAllElementIds(groupAfterMove.children ?? []) : selectedElementIds;
-                if (activeObj instanceof fabric__namespace.ActiveSelection) {
-                  preserveActiveSelectionAfterTransformRef.current = {
-                    memberIds: preservedGroupMemberIds,
-                    groupSelectionId,
-                    expiresAt: Date.now() + 1200
-                  };
-                  preservedGroupMemberIds.forEach((id) => {
-                    justModifiedIdsRef.current.add(id);
-                    modifiedIdsThisRound.add(id);
-                  });
-                  setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
+                const targetObjects = isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.getObjects() : activeObjects;
+                if (groupSelectionId && activeObj instanceof fabric__namespace.ActiveSelection) {
+                  restoreGroupSelectionVisualState(activeObj, groupSelectionId);
+                  fabricCanvas.setActiveObject(activeObj);
+                  activeObj.setCoords();
                 }
                 selectElements([groupSelectionId], false, false);
                 fabricCanvas.requestRenderAll();
                 elementsRef.current = getCurrentElements();
+                for (const obj of targetObjects) {
+                  const objId = getObjectId(obj);
+                  if (objId && objId !== "__background__") {
+                    justModifiedIdsRef.current.add(objId);
+                    modifiedIdsThisRound.add(objId);
+                  }
+                }
+                setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
                 groupSelectionTransformStartRef.current = null;
                 activeSelectionMoveStartRef.current = null;
+                restorePreservedGroupSelectionSoon({
+                  memberIds: targetObjects.map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__"),
+                  groupSelectionId
+                });
                 unlockEditsSoon();
                 return;
               }
@@ -14670,7 +14670,7 @@ const PageCanvas = react.forwardRef(
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
-          const pageChildrenForReflow = ((_k = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _k.children) ?? [];
+          const pageChildrenForReflow = ((_j = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _j.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -15037,23 +15037,6 @@ const PageCanvas = react.forwardRef(
             fc.discardActiveObject();
           }
         }
-        const forceLogicalGroupStorePositionSyncIds = /* @__PURE__ */ new Set();
-        const needsLooseLogicalGroupPositionSync = !!((activeSelectionSnapshot == null ? void 0 : activeSelectionSnapshot.groupSelectionId) && !syncTriggeredByPanelRef.current && !shouldSkipUpdates2 && !isTransforming2 && activeSelectionSnapshot.memberIds.some((id) => justModifiedIdsRef.current.has(id)));
-        if (needsLooseLogicalGroupPositionSync) {
-          activeSelectionSnapshot.memberIds.forEach((id) => forceLogicalGroupStorePositionSyncIds.add(id));
-          const activeForLooseSync = fc.getActiveObject();
-          if (activeForLooseSync instanceof fabric__namespace.ActiveSelection && activeForLooseSync.__pixldocsGroupSelection === activeSelectionSnapshot.groupSelectionId) {
-            try {
-              skipSelectionClearOnDiscardRef.current = true;
-              skipActiveSelectionBakeOnClearRef.current = true;
-              fc.discardActiveObject();
-            } finally {
-              skipActiveSelectionBakeOnClearRef.current = false;
-              skipSelectionClearOnDiscardRef.current = false;
-            }
-          }
-          activeSelectionSnapshot.memberIds.forEach((id) => justModifiedIdsRef.current.delete(id));
-        }
         const currentFabricObjects = /* @__PURE__ */ new Map();
         fc.getObjects().forEach((obj) => {
           const id = getObjectId(obj);
@@ -15067,8 +15050,7 @@ const PageCanvas = react.forwardRef(
         const replacementById = !activeStillOnCanvas && activeId ? fc.getObjects().find((o) => getObjectId(o) === activeId) ?? null : null;
         const restoreTarget = activeStillOnCanvas ? activeBeforeSync : replacementById;
         const isActiveTextBeingEdited = activeId && editingTextIdRef.current === activeId && activeBeforeSync instanceof fabric__namespace.Textbox;
-        const keepLiveLogicalActiveSelection = !!((activeSelectionSnapshot == null ? void 0 : activeSelectionSnapshot.groupSelectionId) && activeBeforeSync instanceof fabric__namespace.ActiveSelection && fc.getActiveObject() === activeBeforeSync && activeBeforeSync.__pixldocsGroupSelection === activeSelectionSnapshot.groupSelectionId && activeSelectionSnapshot.memberIds.length > 1);
-        if (!skipRestoreSelection && activeSelectionSnapshot && !isActiveTextBeingEdited && !shouldSkipUpdates2 && !needsLooseLogicalGroupPositionSync && !keepLiveLogicalActiveSelection) {
+        if (!skipRestoreSelection && activeSelectionSnapshot && !isActiveTextBeingEdited && !shouldSkipUpdates2) {
           const freshMembers = activeSelectionSnapshot.memberIds.map((id) => fc.getObjects().find((o) => getObjectId(o) === id)).filter((o) => !!o);
           if (freshMembers.length > 1) {
             isSyncingSelectionToFabricRef.current = true;
@@ -15078,9 +15060,7 @@ const PageCanvas = react.forwardRef(
                 applyLogicalGroupSelectionVisualState(newSel, activeSelectionSnapshot.groupSelectionId);
               }
               fc.setActiveObject(newSel);
-              if (!(activeSelectionSnapshot.groupSelectionId && newSel.getObjects().every((obj) => !(obj instanceof fabric__namespace.Group)))) {
-                newSel.setCoords();
-              }
+              newSel.setCoords();
               fc.requestRenderAll();
             } finally {
               isSyncingSelectionToFabricRef.current = false;
@@ -15495,8 +15475,7 @@ const PageCanvas = react.forwardRef(
                   continue;
                 }
                 if (existingObj instanceof fabric__namespace.Group && existingObj.__cropGroup) {
-                  const forceStorePositionSync2 = forceLogicalGroupStorePositionSyncIds.has(element.id);
-                  updateFabricObject(existingObj, element, wasJustModified && !forceStorePositionSync2);
+                  updateFabricObject(existingObj, element, wasJustModified);
                   existingObj.set({
                     flipX: element.flipX ?? false,
                     flipY: element.flipY ?? false,
@@ -15507,7 +15486,7 @@ const PageCanvas = react.forwardRef(
                   if (wasJustModified) justModifiedIdsRef.current.delete(element.id);
                   continue;
                 }
-                if (existingObj instanceof fabric__namespace.Textbox && wasJustModified && !syncTriggeredByPanelRef.current && !forceLogicalGroupStorePositionSyncIds.has(element.id)) {
+                if (existingObj instanceof fabric__namespace.Textbox && wasJustModified && !syncTriggeredByPanelRef.current) {
                   justModifiedIdsRef.current.delete(element.id);
                   continue;
                 }
@@ -15526,8 +15505,7 @@ const PageCanvas = react.forwardRef(
                   return node ? getAbsoluteBounds(node, pageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
                 })() : { left: element.left ?? 0, top: element.top ?? 0 };
                 const comparePosForImg = getObjectSyncComparePosition(existingObj);
-                const forceStorePositionSync = forceLogicalGroupStorePositionSyncIds.has(element.id);
-                const preserveSelectionMemberPosition = !forceStorePositionSync && shouldPreserveActiveSelectionMemberPosition(existingObj);
+                const preserveSelectionMemberPosition = shouldPreserveActiveSelectionMemberPosition(existingObj);
                 const positionChanged = !preserveSelectionMemberPosition && (Math.abs(comparePosForImg.left - storePosForImg.left) > 0.1 || Math.abs(comparePosForImg.top - storePosForImg.top) > 0.1);
                 if (visibilityChanged && !positionChanged || visibilityUpdateInProgressRef.current) {
                   const isDynamicField = dynamicFieldIds.includes(element.id);
@@ -15543,7 +15521,7 @@ const PageCanvas = react.forwardRef(
                   previousVisibilityRef.current.set(element.id, currentVisible);
                 } else {
                   if (!visibilityUpdateInProgressRef.current) {
-                    updateFabricObject(existingObj, element, wasJustModified && !forceStorePositionSync || preserveSelectionMemberPosition);
+                    updateFabricObject(existingObj, element, wasJustModified || preserveSelectionMemberPosition);
                   }
                   const isDynamicField = dynamicFieldIds.includes(element.id);
                   const canBeEvented = isEditorMode || isPreviewMode && isDynamicField;
@@ -15576,14 +15554,13 @@ const PageCanvas = react.forwardRef(
                 const storeTop = storePos.top;
                 const deltaX = Math.abs(fabricLeft - storeLeft);
                 const deltaY = Math.abs(fabricTop - storeTop);
-                const forceStorePositionSync = forceLogicalGroupStorePositionSyncIds.has(element.id);
-                const preserveSelectionMemberPosition = !forceStorePositionSync && shouldPreserveActiveSelectionMemberPosition(existingObj);
+                const preserveSelectionMemberPosition = shouldPreserveActiveSelectionMemberPosition(existingObj);
                 let positionChanged = !preserveSelectionMemberPosition && (deltaX > 0.1 || deltaY > 0.1);
                 const activeObj = fc.getActiveObject();
                 const isInActiveSelection = activeObj && (activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.getObjects().includes(existingObj) : activeObj === existingObj);
                 const isInSelectedIds = selectedIdsFromStore.has(element.id);
                 const isSelected = isInActiveSelection || isInSelectedIds;
-                if (positionChanged && isSelected && (wasJustModified || isBeingTransformed) && !forceStorePositionSync) {
+                if (positionChanged && isSelected && (wasJustModified || isBeingTransformed)) {
                   positionChanged = false;
                 }
                 const resolvedSizeForCompare = pageTree.length ? getNodeBounds(element, pageTree) : { width: typeof element.width === "number" ? element.width : 0, height: typeof element.height === "number" ? element.height : 0 };
@@ -15630,9 +15607,9 @@ const PageCanvas = react.forwardRef(
                   });
                   previousVisibilityRef.current.set(element.id, currentVisible);
                 } else {
-                  const skipPositionBecauseSelection = preserveSelectionMemberPosition || !forceStorePositionSync && isSelected && (deltaX > 0.1 || deltaY > 0.1) && (wasJustModified || isBeingTransformed);
+                  const skipPositionBecauseSelection = preserveSelectionMemberPosition || isSelected && (deltaX > 0.1 || deltaY > 0.1) && (wasJustModified || isBeingTransformed);
                   const anyChange = positionChanged || otherPropsChanged || forceApplyFromPanel;
-                  if (shouldLogGroupMove() && (forceStorePositionSync || preserveSelectionMemberPosition || (deltaX > 0.1 || deltaY > 0.1))) {
+                  if (shouldLogGroupMove() && (preserveSelectionMemberPosition || (deltaX > 0.1 || deltaY > 0.1))) {
                     console.log("[GRP-MOVE] doSync-member", {
                       id: element.id,
                       type: element.type,
@@ -15640,7 +15617,6 @@ const PageCanvas = react.forwardRef(
                       store: { left: storeLeft, top: storeTop },
                       delta: { x: deltaX, y: deltaY },
                       flags: {
-                        forceStorePositionSync,
                         preserveSelectionMemberPosition,
                         isSelected,
                         wasJustModified,
@@ -15655,7 +15631,7 @@ const PageCanvas = react.forwardRef(
                   }
                   if (!visibilityUpdateInProgressRef.current) {
                     if (anyChange && !skipPositionBecauseSelection) {
-                      updateFabricObject(existingObj, element, wasJustModified && !forceStorePositionSync);
+                      updateFabricObject(existingObj, element, wasJustModified);
                       if (wasJustModified) justModifiedIdsRef.current.delete(element.id);
                     } else if (skipPositionBecauseSelection && anyChange) {
                       const savedLeft = existingObj.left;
@@ -15823,7 +15799,9 @@ const PageCanvas = react.forwardRef(
           const groupSelectionId = activeAfterObjectSync.__pixldocsGroupSelection;
           if (groupSelectionId) {
             applyLogicalGroupSelectionVisualState(activeAfterObjectSync, groupSelectionId);
-            activeAfterObjectSync.setCoords();
+            if (!activeAfterObjectSync.getObjects().every((obj) => !(obj instanceof fabric__namespace.Group))) {
+              activeAfterObjectSync.setCoords();
+            }
           }
         }
         isRebuildingRef.current = false;
@@ -23834,9 +23812,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.282";
+const resolvedPackageVersion = "0.5.284";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.282";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.284";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24650,7 +24628,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-CIvJyIlB.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-C28yMJ_a.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26970,7 +26948,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-CIvJyIlB.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-C28yMJ_a.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27367,4 +27345,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DeBKmZZc.cjs.map
+//# sourceMappingURL=index-n9HBI3ow.cjs.map