@pixldocs/canvas-renderer 0.5.264 → 0.5.266

package/dist/{index-D_rGYvZm.cjs → index-BTlyH7B1.cjs}

@@ -13020,7 +13020,14 @@ const PageCanvas = react.forwardRef(
             pendingGroupDrillInRef.current = null;
           } else if (drillGroup && !drillGroup.backgroundColor && !targetIsInCrop && alreadyThisGroup && !isMultiSelectKey && effectiveTarget !== activeNow) {
             pendingGroupPromotionRef.current = null;
-            pendingGroupDrillInRef.current = { groupId: drillGroup.id, childId: effectiveTargetId, target: effectiveTarget };
+            const pointer = fabricCanvas.getPointer(opt.e);
+            pendingGroupDrillInRef.current = {
+              groupId: drillGroup.id,
+              childId: effectiveTargetId,
+              target: effectiveTarget,
+              startX: pointer.x,
+              startY: pointer.y
+            };
             if (effectiveTarget instanceof fabric__namespace.Textbox) {
               suppressTextEditForClick(effectiveTarget);
             }
@@ -13167,7 +13174,7 @@ const PageCanvas = react.forwardRef(
         o.__lockScaleDuringCrop = false;
       });
       fabricCanvas.on("mouse:up", (e) => {
-        var _a2, _b2, _c;
+        var _a2, _b2, _c, _d;
         clearTransforming();
         setGuides([]);
         setRotationLabel(null);
@@ -13177,7 +13184,21 @@ const PageCanvas = react.forwardRef(
         dragStarted = false;
         const pendingDrillIn = pendingGroupDrillInRef.current;
         pendingGroupDrillInRef.current = null;
-        if (pendingDrillIn && didTransformRef.current) {
+        let movedPendingDrillPointer = false;
+        if (pendingDrillIn && pendingDrillIn.startX !== void 0 && pendingDrillIn.startY !== void 0) {
+          try {
+            const pointer = fabricCanvas.getPointer(e == null ? void 0 : e.e);
+            const zoom3 = ((_a2 = fabricCanvas.getZoom) == null ? void 0 : _a2.call(fabricCanvas)) || 1;
+            const dragThreshold = Math.max(2, 4 / zoom3);
+            movedPendingDrillPointer = Math.hypot(pointer.x - pendingDrillIn.startX, pointer.y - pendingDrillIn.startY) > dragThreshold;
+          } catch {
+            movedPendingDrillPointer = false;
+          }
+        }
+        if (movedPendingDrillPointer) {
+          didTransformRef.current = true;
+        }
+        if (pendingDrillIn && (didTransformRef.current || movedPendingDrillPointer)) {
           const activeNow = fabricCanvas.getActiveObject();
           fabricCanvas.__activeEditingGroupId = null;
           setDrilledGroupBounds(null);
@@ -13207,7 +13228,7 @@ const PageCanvas = react.forwardRef(
               fabricCanvas.__activeEditingGroupId = pendingDrillIn.groupId;
               delete pendingDrillIn.target.__pixldocsGroupSelection;
               delete pendingDrillIn.target.__pixldocsLogicalGroupIds;
-              (_b2 = (_a2 = pendingDrillIn.target).set) == null ? void 0 : _b2.call(_a2, { selectable: true, evented: true, hasBorders: true, hasControls: true });
+              (_c = (_b2 = pendingDrillIn.target).set) == null ? void 0 : _c.call(_b2, { selectable: true, evented: true, hasBorders: true, hasControls: true });
               fabricCanvas.setActiveObject(pendingDrillIn.target);
               pendingDrillIn.target.setCoords();
               if (pendingDrillIn.target instanceof fabric__namespace.Textbox) {
@@ -13260,7 +13281,7 @@ const PageCanvas = react.forwardRef(
           }
         }
         const activeObj = fabricCanvas.getActiveObject();
-        if (activeObj && (activeObj.__cropGroup || ((_c = activeObj._ct) == null ? void 0 : _c.isCropGroup))) {
+        if (activeObj && (activeObj.__cropGroup || ((_d = activeObj._ct) == null ? void 0 : _d.isCropGroup))) {
           activeObj.__lockScaleDuringCrop = false;
           if (activeObj.__cropDrag) {
             delete activeObj.__cropDrag;
@@ -13278,7 +13299,9 @@ const PageCanvas = react.forwardRef(
             syncLockedRef.current = false;
           }, 50);
         }
-        didTransformRef.current = false;
+        requestAnimationFrame(() => {
+          didTransformRef.current = false;
+        });
         setTimeout(() => {
           if (!fabricCanvas._currentTransform) {
             editLockRef.current = false;
@@ -13806,19 +13829,26 @@ const PageCanvas = react.forwardRef(
         const activeDuringMove = fabricCanvas.getActiveObject();
         const movingLogicalGroupId = activeDuringMove instanceof fabric__namespace.ActiveSelection ? activeDuringMove.__pixldocsGroupSelection : void 0;
         const pendingMoveDrill = pendingGroupDrillInRef.current;
+        const groupIdToKeep = movingLogicalGroupId ?? (pendingMoveDrill == null ? void 0 : pendingMoveDrill.groupId);
         if (movingLogicalGroupId || pendingMoveDrill) {
-          const groupIdToKeep = movingLogicalGroupId ?? (pendingMoveDrill == null ? void 0 : pendingMoveDrill.groupId);
           pendingGroupDrillInRef.current = null;
           fabricCanvas.__activeEditingGroupId = null;
           setDrilledGroupBounds(null);
           drilledGroupIdRef.current = null;
           if (activeDuringMove instanceof fabric__namespace.ActiveSelection && groupIdToKeep) {
             restoreGroupSelectionVisualState(activeDuringMove, groupIdToKeep);
+            const memberIds = activeDuringMove.getObjects().map((obj2) => getObjectId(obj2)).filter((id) => !!id && id !== "__background__");
+            if (memberIds.length > 1) {
+              preserveActiveSelectionAfterTransformRef.current = { memberIds, groupSelectionId: groupIdToKeep, expiresAt: Date.now() + 1200 };
+            }
+            preserveSelectionAfterTransformIdRef.current = groupIdToKeep;
           }
         }
         if (e.target) e.target.__pixldocsDragMoved = true;
         const moveTargetId = e.target ? getObjectId(e.target) : null;
-        if (moveTargetId && moveTargetId !== "__background__") {
+        if (groupIdToKeep) {
+          preserveSelectionAfterTransformIdRef.current = groupIdToKeep;
+        } else if (moveTargetId && moveTargetId !== "__background__") {
           preserveSelectionAfterTransformIdRef.current = moveTargetId;
         }
         if (!dragStarted) {
@@ -14273,12 +14303,18 @@ const PageCanvas = react.forwardRef(
                 const newTop = (groupToMove.top ?? 0) + deltaY;
                 updateNodeStore(groupToMove.id, { left: newLeft, top: newTop }, { recordHistory: false, skipLayoutRecalc: true });
                 commitHistoryStore();
+                pendingGroupDrillInRef.current = null;
+                fabricCanvas.__activeEditingGroupId = null;
+                setDrilledGroupBounds(null);
+                drilledGroupIdRef.current = null;
                 const groupSelectionId = (isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.__pixldocsGroupSelection : void 0) ?? groupToMove.id;
                 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) {
@@ -23617,9 +23653,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.264";
+const resolvedPackageVersion = "0.5.266";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.264";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.266";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24433,7 +24469,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-DFWs6eXH.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-i1DTwWah.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26753,7 +26789,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-DFWs6eXH.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-i1DTwWah.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27150,4 +27186,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-D_rGYvZm.cjs.map
+//# sourceMappingURL=index-BTlyH7B1.cjs.map