@pixldocs/canvas-renderer 0.5.271 → 0.5.273

package/dist/{index-6188mLJ2.cjs → index-CeO7JhXA.cjs}

@@ -12722,7 +12722,9 @@ const PageCanvas = react.forwardRef(
               const selection = new fabric__namespace.ActiveSelection(members, { canvas: fc });
               restoreGroupSelectionVisualState(selection, groupId);
               fc.setActiveObject(selection);
-              selection.setCoords();
+              if (!selection.getObjects().every((obj) => !(obj instanceof fabric__namespace.Group))) {
+                selection.setCoords();
+              }
               fc.requestRenderAll();
             } finally {
               requestAnimationFrame(() => {
@@ -14356,7 +14358,9 @@ const PageCanvas = react.forwardRef(
                   const bakedSelection = reselectionObjects.length > 1 ? new fabric__namespace.ActiveSelection(reselectionObjects, { canvas: fabricCanvas }) : activeObj;
                   restoreGroupSelectionVisualState(bakedSelection, groupSelectionId);
                   fabricCanvas.setActiveObject(bakedSelection);
-                  bakedSelection.setCoords();
+                  if (!(bakedSelection instanceof fabric__namespace.ActiveSelection && bakedSelection.getObjects().every((obj) => !(obj instanceof fabric__namespace.Group)))) {
+                    bakedSelection.setCoords();
+                  }
                 }
                 selectElements([groupSelectionId], false, false);
                 fabricCanvas.requestRenderAll();
@@ -15000,6 +15004,22 @@ 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;
+            }
+          }
+        }
         const currentFabricObjects = /* @__PURE__ */ new Map();
         fc.getObjects().forEach((obj) => {
           const id = getObjectId(obj);
@@ -15013,7 +15033,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;
-        if (!skipRestoreSelection && activeSelectionSnapshot && !isActiveTextBeingEdited && !shouldSkipUpdates2) {
+        if (!skipRestoreSelection && activeSelectionSnapshot && !isActiveTextBeingEdited && !shouldSkipUpdates2 && !needsLooseLogicalGroupPositionSync) {
           const freshMembers = activeSelectionSnapshot.memberIds.map((id) => fc.getObjects().find((o) => getObjectId(o) === id)).filter((o) => !!o);
           if (freshMembers.length > 1) {
             isSyncingSelectionToFabricRef.current = true;
@@ -15138,9 +15158,42 @@ const PageCanvas = react.forwardRef(
           };
           fc.add(sectionGroup);
         }
+        const getActiveSelectionContainingObject = (obj) => {
+          const active = fc.getActiveObject();
+          return active instanceof fabric__namespace.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__namespace.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__namespace.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__namespace.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);
@@ -15405,7 +15458,8 @@ const PageCanvas = react.forwardRef(
                   continue;
                 }
                 if (existingObj instanceof fabric__namespace.Group && existingObj.__cropGroup) {
-                  updateFabricObject(existingObj, element, wasJustModified);
+                  const forceStorePositionSync2 = forceLogicalGroupStorePositionSyncIds.has(element.id);
+                  updateFabricObject(existingObj, element, wasJustModified && !forceStorePositionSync2);
                   existingObj.set({
                     flipX: element.flipX ?? false,
                     flipY: element.flipY ?? false,
@@ -15416,7 +15470,7 @@ const PageCanvas = react.forwardRef(
                   if (wasJustModified) justModifiedIdsRef.current.delete(element.id);
                   continue;
                 }
-                if (existingObj instanceof fabric__namespace.Textbox && wasJustModified && !syncTriggeredByPanelRef.current) {
+                if (existingObj instanceof fabric__namespace.Textbox && wasJustModified && !syncTriggeredByPanelRef.current && !forceLogicalGroupStorePositionSyncIds.has(element.id)) {
                   justModifiedIdsRef.current.delete(element.id);
                   continue;
                 }
@@ -15434,7 +15488,10 @@ const PageCanvas = react.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 forceStorePositionSync = forceLogicalGroupStorePositionSyncIds.has(element.id);
+                const preserveSelectionMemberPosition = !forceStorePositionSync && 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;
@@ -15449,7 +15506,7 @@ const PageCanvas = react.forwardRef(
                   previousVisibilityRef.current.set(element.id, currentVisible);
                 } else {
                   if (!visibilityUpdateInProgressRef.current) {
-                    updateFabricObject(existingObj, element, wasJustModified);
+                    updateFabricObject(existingObj, element, wasJustModified && !forceStorePositionSync || preserveSelectionMemberPosition);
                   }
                   const isDynamicField = dynamicFieldIds.includes(element.id);
                   const canBeEvented = isEditorMode || isPreviewMode && isDynamicField;
@@ -15471,8 +15528,9 @@ const PageCanvas = react.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 };
@@ -15481,12 +15539,14 @@ const PageCanvas = react.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 forceStorePositionSync = forceLogicalGroupStorePositionSyncIds.has(element.id);
+                const preserveSelectionMemberPosition = !forceStorePositionSync && 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)) {
+                if (positionChanged && isSelected && (wasJustModified || isBeingTransformed) && !forceStorePositionSync) {
                   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 };
@@ -15533,11 +15593,11 @@ const PageCanvas = react.forwardRef(
                   });
                   previousVisibilityRef.current.set(element.id, currentVisible);
                 } else {
-                  const skipPositionBecauseSelection = isSelected && (deltaX > 0.1 || deltaY > 0.1) && (wasJustModified || isBeingTransformed);
+                  const skipPositionBecauseSelection = preserveSelectionMemberPosition || !forceStorePositionSync && isSelected && (deltaX > 0.1 || deltaY > 0.1) && (wasJustModified || isBeingTransformed);
                   const anyChange = positionChanged || otherPropsChanged || forceApplyFromPanel;
                   if (!visibilityUpdateInProgressRef.current) {
                     if (anyChange && !skipPositionBecauseSelection) {
-                      updateFabricObject(existingObj, element, wasJustModified);
+                      updateFabricObject(existingObj, element, wasJustModified && !forceStorePositionSync);
                       if (wasJustModified) justModifiedIdsRef.current.delete(element.id);
                     } else if (skipPositionBecauseSelection && anyChange) {
                       const savedLeft = existingObj.left;
@@ -23715,9 +23775,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.271";
+const resolvedPackageVersion = "0.5.273";
 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.273";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24531,7 +24591,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-DjBUHamz.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-CATK019f.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26851,7 +26911,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-DjBUHamz.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-CATK019f.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27248,4 +27308,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-6188mLJ2.cjs.map
+//# sourceMappingURL=index-CeO7JhXA.cjs.map