@pixldocs/canvas-renderer 0.5.265 → 0.5.267

package/dist/{index-8qmW0_0N.cjs → index-C_tX_wMV.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) {
@@ -15389,9 +15419,9 @@ const PageCanvas = react.forwardRef(
                 const currentVisible = element.visible !== false;
                 const fabricLeft = existingObj.left ?? 0;
                 const fabricTop = existingObj.top ?? 0;
-                const storePos = pageChildren ? (() => {
-                  const node = findNodeById(pageChildren, element.id);
-                  return node ? getAbsoluteBounds(node, pageChildren) : { left: element.left ?? 0, top: element.top ?? 0 };
+                const storePos = pageTree.length ? (() => {
+                  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 storeLeft = storePos.left;
                 const storeTop = storePos.top;
@@ -15405,7 +15435,7 @@ const PageCanvas = react.forwardRef(
                 if (positionChanged && isSelected && (wasJustModified || isBeingTransformed)) {
                   positionChanged = false;
                 }
-                const resolvedSizeForCompare = (pageChildren == null ? void 0 : pageChildren.length) ? getNodeBounds(element, pageChildren) : { width: typeof element.width === "number" ? element.width : 0, height: typeof element.height === "number" ? element.height : 0 };
+                const resolvedSizeForCompare = pageTree.length ? getNodeBounds(element, pageTree) : { width: typeof element.width === "number" ? element.width : 0, height: typeof element.height === "number" ? element.height : 0 };
                 const fabricText = existingObj.text ?? "";
                 const storeText = element.text ?? "";
                 const otherPropsChanged = Math.abs((existingObj.width ?? 0) - resolvedSizeForCompare.width) > 0.1 || Math.abs((existingObj.height ?? 0) - resolvedSizeForCompare.height) > 0.1 || Math.abs((existingObj.angle ?? 0) - (element.angle ?? 0)) > 0.1 || Math.abs((existingObj.scaleX ?? 1) - (element.scaleX ?? 1)) > 0.01 || Math.abs((existingObj.scaleY ?? 1) - (element.scaleY ?? 1)) > 0.01 || (existingObj.flipX ?? false) !== (element.flipX ?? false) || (existingObj.flipY ?? false) !== (element.flipY ?? false) || fabricText !== storeText || existingObj.fill !== (element.fill ?? "") || existingObj.stroke !== (element.stroke ?? "") || Math.abs((existingObj.strokeWidth ?? 0) - (element.strokeWidth ?? 0)) > 0.01 || Math.abs((existingObj.opacity ?? 1) - (element.opacity ?? 1)) > 0.01 || (existingObj.fontSize ?? 0) !== (element.fontSize ?? 0) || (existingObj.fontFamily ?? "") !== (element.fontFamily ?? "") || // Vertical alignment & min box height: panel-driven changes must trigger a re-apply
@@ -16045,7 +16075,7 @@ const PageCanvas = react.forwardRef(
       if (fc && isTransforming(fc)) {
         return;
       }
-      const currentPageTree = ((pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
+      const currentPageTree = (isPreviewMode && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_a2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
       const fabricPos = currentPageTree.length > 0 ? (() => {
         const node = findNodeById(currentPageTree, element.id);
         return node ? getAbsoluteBounds(node, currentPageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
@@ -23623,9 +23653,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.265";
+const resolvedPackageVersion = "0.5.267";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.265";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.267";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24439,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-C_SPH6M3.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-vH_Qgwx6.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26759,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-C_SPH6M3.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-vH_Qgwx6.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27156,4 +27186,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-8qmW0_0N.cjs.map
+//# sourceMappingURL=index-C_tX_wMV.cjs.map