@pixldocs/canvas-renderer 0.5.271 → 0.5.272

package/dist/{index-BpY8sZ_v.js → index-CHIScvwH.js}

@@ -12704,7 +12704,9 @@ const PageCanvas = forwardRef(
               const selection = new fabric.ActiveSelection(members, { canvas: fc });
               restoreGroupSelectionVisualState(selection, groupId);
               fc.setActiveObject(selection);
-              selection.setCoords();
+              if (!selection.getObjects().every((obj) => !(obj instanceof fabric.Group))) {
+                selection.setCoords();
+              }
               fc.requestRenderAll();
             } finally {
               requestAnimationFrame(() => {
@@ -14338,7 +14340,9 @@ const PageCanvas = forwardRef(
                   const bakedSelection = reselectionObjects.length > 1 ? new fabric.ActiveSelection(reselectionObjects, { canvas: fabricCanvas }) : activeObj;
                   restoreGroupSelectionVisualState(bakedSelection, groupSelectionId);
                   fabricCanvas.setActiveObject(bakedSelection);
-                  bakedSelection.setCoords();
+                  if (!(bakedSelection instanceof fabric.ActiveSelection && bakedSelection.getObjects().every((obj) => !(obj instanceof fabric.Group)))) {
+                    bakedSelection.setCoords();
+                  }
                 }
                 selectElements([groupSelectionId], false, false);
                 fabricCanvas.requestRenderAll();
@@ -15120,9 +15124,42 @@ const PageCanvas = forwardRef(
           };
           fc.add(sectionGroup);
         }
+        const getActiveSelectionContainingObject = (obj) => {
+          const active = fc.getActiveObject();
+          return active instanceof fabric.ActiveSelection && active.getObjects().includes(obj) ? active : null;
+        };
+        const shouldPreserveActiveSelectionMemberPosition = (obj) => {
+          if (syncTriggeredByPanelRef.current) return false;
+          const activeSelection = getActiveSelectionContainingObject(obj);
+          if (!activeSelection) return false;
+          const logicalActiveSelection = activeSelection;
+          const logicalGroupId = logicalActiveSelection.__pixldocsGroupSelection;
+          const logicalGroupIds = logicalActiveSelection.__pixldocsLogicalGroupIds;
+          if (logicalGroupId || Array.isArray(logicalGroupIds)) return true;
+          const id = getObjectId(obj);
+          const preserved = preserveActiveSelectionAfterTransformRef.current;
+          return !!(id && (preserved == null ? void 0 : preserved.memberIds.includes(id)) && (!preserved.expiresAt || preserved.expiresAt > Date.now()));
+        };
+        const getObjectSyncComparePosition = (obj) => {
+          const activeSelection = getActiveSelectionContainingObject(obj);
+          if (!activeSelection) return { left: obj.left ?? 0, top: obj.top ?? 0 };
+          const point = fabric.util.transformPoint({ x: obj.left ?? 0, y: obj.top ?? 0 }, activeSelection.calcTransformMatrix());
+          let left = point.x;
+          let top = point.y;
+          const cropObj = obj;
+          if (obj instanceof fabric.Group && cropObj.__cropGroup) {
+            const ct = cropObj.__cropData;
+            left -= ((ct == null ? void 0 : ct.frameW) ?? obj.width ?? 0) * Math.abs(obj.scaleX ?? 1) / 2;
+            top -= ((ct == null ? void 0 : ct.frameH) ?? obj.height ?? 0) * Math.abs(obj.scaleY ?? 1) / 2;
+          } else if (obj instanceof fabric.FabricImage && (obj.originX === "center" || obj.originY === "center")) {
+            left -= (obj.width ?? 0) * Math.abs(obj.scaleX ?? 1) / 2;
+            top -= (obj.height ?? 0) * Math.abs(obj.scaleY ?? 1) / 2;
+          }
+          return { left, top };
+        };
         for (const element of elementsToSync) {
           if (sectionDescendantIds.has(element.id)) continue;
-          let existingObj = currentFabricObjects.get(element.id);
+          const existingObj = currentFabricObjects.get(element.id);
           const isHidden = !element.visible;
           if (existingObj) {
             const isBeingTransformed = transformingIdsRef.current.has(element.id);
@@ -15416,7 +15453,9 @@ const PageCanvas = forwardRef(
                   const node = findNodeById(pageTree, element.id);
                   return node ? getAbsoluteBounds(node, pageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
                 })() : { left: element.left ?? 0, top: element.top ?? 0 };
-                const positionChanged = Math.abs((existingObj.left ?? 0) - storePosForImg.left) > 0.1 || Math.abs((existingObj.top ?? 0) - storePosForImg.top) > 0.1;
+                const comparePosForImg = getObjectSyncComparePosition(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);
                   const canBeEvented = isEditorMode || isPreviewMode && isDynamicField;
@@ -15431,7 +15470,7 @@ const PageCanvas = forwardRef(
                   previousVisibilityRef.current.set(element.id, currentVisible);
                 } else {
                   if (!visibilityUpdateInProgressRef.current) {
-                    updateFabricObject(existingObj, element, wasJustModified);
+                    updateFabricObject(existingObj, element, wasJustModified || preserveSelectionMemberPosition);
                   }
                   const isDynamicField = dynamicFieldIds.includes(element.id);
                   const canBeEvented = isEditorMode || isPreviewMode && isDynamicField;
@@ -15453,8 +15492,9 @@ const PageCanvas = forwardRef(
               if (!isBeingTransformed && !isBeingTextEdited && !shouldSkipUpdates2) {
                 previousVisibilityRef.current.get(element.id) ?? true;
                 const currentVisible = element.visible !== false;
-                const fabricLeft = existingObj.left ?? 0;
-                const fabricTop = existingObj.top ?? 0;
+                const comparePos = getObjectSyncComparePosition(existingObj);
+                const fabricLeft = comparePos.left;
+                const fabricTop = comparePos.top;
                 const storePos = pageTree.length ? (() => {
                   const node = findNodeById(pageTree, element.id);
                   return node ? getAbsoluteBounds(node, pageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
@@ -15463,7 +15503,8 @@ const PageCanvas = forwardRef(
                 const storeTop = storePos.top;
                 const deltaX = Math.abs(fabricLeft - storeLeft);
                 const deltaY = Math.abs(fabricTop - storeTop);
-                let positionChanged = deltaX > 0.1 || deltaY > 0.1;
+                const preserveSelectionMemberPosition = shouldPreserveActiveSelectionMemberPosition(existingObj);
+                let positionChanged = !preserveSelectionMemberPosition && (deltaX > 0.1 || deltaY > 0.1);
                 const activeObj = fc.getActiveObject();
                 const isInActiveSelection = activeObj && (activeObj instanceof fabric.ActiveSelection ? activeObj.getObjects().includes(existingObj) : activeObj === existingObj);
                 const isInSelectedIds = selectedIdsFromStore.has(element.id);
@@ -15515,7 +15556,7 @@ const PageCanvas = forwardRef(
                   });
                   previousVisibilityRef.current.set(element.id, currentVisible);
                 } else {
-                  const skipPositionBecauseSelection = 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 (!visibilityUpdateInProgressRef.current) {
                     if (anyChange && !skipPositionBecauseSelection) {
@@ -23697,9 +23738,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.271";
+const resolvedPackageVersion = "0.5.272";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.271";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.272";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24513,7 +24554,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-0BizqdiS.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-BySFN17q.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26833,7 +26874,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-0BizqdiS.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BySFN17q.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27233,4 +27274,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-BpY8sZ_v.js.map
+//# sourceMappingURL=index-CHIScvwH.js.map