@pixldocs/canvas-renderer 0.5.243 → 0.5.244

package/dist/{index-UuNicsNZ.cjs → index-Bu8x_hs7.cjs}

@@ -11194,6 +11194,7 @@ const PageCanvas = react.forwardRef(
     const preserveEditingScopeOnSelectionClearRef = react.useRef(false);
     const preserveActiveSelectionAfterTransformRef = react.useRef(null);
     const pendingGroupPromotionRef = react.useRef(null);
+    const pendingGroupDrillInRef = react.useRef(null);
     const imageReloadRequestSeqRef = react.useRef(/* @__PURE__ */ new Map());
     react.useRef(null);
     const groupBoundsResizingRef = react.useRef(false);
@@ -12264,7 +12265,7 @@ const PageCanvas = react.forwardRef(
         const active = fabricCanvas.getActiveObject();
         let hitChild = null;
         if (active instanceof fabric__namespace.ActiveSelection) {
-          const pointer = fabricCanvas.getViewportPoint(opt.e);
+          const pointer = fabricCanvas.getPointer(opt.e);
           const objs = active.getObjects();
           for (let i = objs.length - 1; i >= 0; i--) {
             const o = objs[i];
@@ -12485,10 +12486,36 @@ const PageCanvas = react.forwardRef(
         }
       };
       const isMultiSelectModifier = (event) => !!((event == null ? void 0 : event.shiftKey) || (event == null ? void 0 : event.metaKey) || (event == null ? void 0 : event.ctrlKey));
+      const pickChildInActiveSelectionAtPointer = (selection, event) => {
+        var _a2, _b2, _c, _d, _e;
+        try {
+          const pointer = fabricCanvas.getPointer(event);
+          const viewportPointer = (_a2 = fabricCanvas.getViewportPoint) == null ? void 0 : _a2.call(fabricCanvas, event);
+          const zoom3 = ((_b2 = fabricCanvas.getZoom) == null ? void 0 : _b2.call(fabricCanvas)) || 1;
+          const tolerance = Math.max(3, 6 / zoom3);
+          const members = selection.getObjects();
+          for (let i = members.length - 1; i >= 0; i--) {
+            const obj = members[i];
+            const id = getObjectId(obj);
+            if (!id || id === "__background__" || obj.visible === false) continue;
+            (_c = obj.setCoords) == null ? void 0 : _c.call(obj);
+            const containsScene = typeof obj.containsPoint === "function" && obj.containsPoint(pointer);
+            const containsViewport = !!(viewportPointer && typeof obj.containsPoint === "function" && obj.containsPoint(viewportPointer));
+            if (containsScene || containsViewport) return obj;
+            const br = ((_d = obj.getBoundingRect) == null ? void 0 : _d.call(obj, true, true)) ?? ((_e = obj.getBoundingRect) == null ? void 0 : _e.call(obj));
+            if (br && pointer.x >= br.left - tolerance && pointer.x <= br.left + br.width + tolerance && pointer.y >= br.top - tolerance && pointer.y <= br.top + br.height + tolerance) {
+              return obj;
+            }
+          }
+        } catch {
+          return null;
+        }
+        return null;
+      };
       const pickSelectableObjectAtPointer = (event) => {
         var _a2;
         try {
-          const pointer = fabricCanvas.getViewportPoint(event);
+          const pointer = fabricCanvas.getPointer(event);
           const objects = fabricCanvas.getObjects();
           for (let i = objects.length - 1; i >= 0; i--) {
             const obj = objects[i];
@@ -12755,22 +12782,11 @@ const PageCanvas = react.forwardRef(
         let target = opt.target;
         let targetId = target ? getObjectId(target) : null;
         if (target instanceof fabric__namespace.ActiveSelection && target.__pixldocsGroupSelection && target === fabricCanvas.getActiveObject()) {
-          try {
-            const pointer = fabricCanvas.getViewportPoint(opt.e);
-            const members = target.getObjects();
-            for (let i = members.length - 1; i >= 0; i--) {
-              const m = members[i];
-              if (m.visible === false) continue;
-              if (typeof m.containsPoint === "function" && m.containsPoint(pointer)) {
-                const mid = getObjectId(m);
-                if (mid) {
-                  target = m;
-                  targetId = mid;
-                }
-                break;
-              }
-            }
-          } catch {
+          const child = pickChildInActiveSelectionAtPointer(target, opt.e);
+          const childId = child ? getObjectId(child) : null;
+          if (child && childId) {
+            target = child;
+            targetId = childId;
           }
         }
         const activeEditingGroupId = fabricCanvas.__activeEditingGroupId ?? null;
@@ -12789,6 +12805,7 @@ const PageCanvas = react.forwardRef(
               activeObjects: fabricCanvas.getActiveObjects().slice()
             };
             pendingGroupPromotionRef.current = null;
+            pendingGroupDrillInRef.current = null;
             return;
           }
         }
@@ -12811,28 +12828,21 @@ const PageCanvas = react.forwardRef(
           const activeNowEarly = fabricCanvas.getActiveObject();
           const asGroupId = target instanceof fabric__namespace.ActiveSelection ? target.__pixldocsGroupSelection : void 0;
           if (target instanceof fabric__namespace.ActiveSelection && asGroupId && target === activeNowEarly) {
-            try {
-              const pointer = fabricCanvas.getViewportPoint(opt.e);
-              const members = target.getObjects();
-              for (let i = members.length - 1; i >= 0; i--) {
-                const m = members[i];
-                if (m.visible === false) continue;
-                if (typeof m.containsPoint === "function" && m.containsPoint(pointer)) {
-                  const mid = getObjectId(m);
-                  if (mid) {
-                    effectiveTarget = m;
-                    effectiveTargetId = mid;
-                  }
-                  break;
-                }
-              }
-            } catch {
+            const child = pickChildInActiveSelectionAtPointer(target, opt.e);
+            const childId = child ? getObjectId(child) : null;
+            if (child && childId) {
+              effectiveTarget = child;
+              effectiveTargetId = childId;
             }
           }
           const parent = findTopmostPromotableGroup(effectiveTargetId);
           const targetIsInCrop = !!(effectiveTarget instanceof fabric__namespace.Group && isCropGroupInCropMode(effectiveTarget) || (effectiveTarget == null ? void 0 : effectiveTarget.group) instanceof fabric__namespace.Group && isCropGroupInCropMode(effectiveTarget.group));
           const activeNow = fabricCanvas.getActiveObject();
-          const alreadyThisGroup = activeNow instanceof fabric__namespace.ActiveSelection && activeNow.__pixldocsGroupSelection === (parent == null ? void 0 : parent.id);
+          const activeGroupSelectionId = activeNow instanceof fabric__namespace.ActiveSelection ? activeNow.__pixldocsGroupSelection : void 0;
+          const activeGroupNode = activeGroupSelectionId ? findNodeById(childrenNow, activeGroupSelectionId) : null;
+          const activeGroupContainsTarget = !!(activeGroupNode && isGroup(activeGroupNode) && getAllElementIds(activeGroupNode.children ?? []).includes(effectiveTargetId));
+          const alreadyThisGroup = !!(activeGroupSelectionId && activeGroupContainsTarget);
+          const drillGroup = alreadyThisGroup && activeGroupNode && isGroup(activeGroupNode) ? activeGroupNode : parent;
           const isMultiSelectKey = !!(((_f = opt.e) == null ? void 0 : _f.shiftKey) || ((_g = opt.e) == null ? void 0 : _g.metaKey) || ((_h = opt.e) == null ? void 0 : _h.ctrlKey));
           const isDeepSelectKey = !!((_i = opt.e) == null ? void 0 : _i.altKey);
           if (isDeepSelectKey) {
@@ -12862,7 +12872,8 @@ const PageCanvas = react.forwardRef(
               opt.target = only;
               pendingGroupPromotionRef.current = { groupId: parent.id, selection: only };
             }
-          } else if (parent && !parent.backgroundColor && !targetIsInCrop && alreadyThisGroup && !isMultiSelectKey && effectiveTarget !== activeNow) {
+            pendingGroupDrillInRef.current = null;
+          } else if (drillGroup && !drillGroup.backgroundColor && !targetIsInCrop && alreadyThisGroup && !isMultiSelectKey && effectiveTarget !== activeNow) {
             try {
               skipSelectionClearOnDiscardRef.current = true;
               preserveEditingScopeOnSelectionClearRef.current = true;
@@ -12872,7 +12883,7 @@ const PageCanvas = react.forwardRef(
               skipSelectionClearOnDiscardRef.current = false;
               preserveEditingScopeOnSelectionClearRef.current = false;
             }
-            fabricCanvas.__activeEditingGroupId = parent.id;
+            fabricCanvas.__activeEditingGroupId = drillGroup.id;
             delete effectiveTarget.__pixldocsGroupSelection;
             delete effectiveTarget.__pixldocsLogicalGroupIds;
             try {
@@ -12884,6 +12895,9 @@ const PageCanvas = react.forwardRef(
             fabricCanvas._target = effectiveTarget;
             opt.target = effectiveTarget;
             pendingGroupPromotionRef.current = null;
+            pendingGroupDrillInRef.current = { groupId: drillGroup.id, childId: effectiveTargetId, target: effectiveTarget };
+            selectElements([effectiveTargetId], false, false);
+            fabricCanvas.requestRenderAll();
           }
         } else if (!target || targetId === "__background__") {
           const isMultiSelectKey = !!(((_k = opt.e) == null ? void 0 : _k.shiftKey) || ((_l = opt.e) == null ? void 0 : _l.metaKey) || ((_m = opt.e) == null ? void 0 : _m.ctrlKey));
@@ -12910,6 +12924,7 @@ const PageCanvas = react.forwardRef(
                   fabricCanvas._target = selection;
                   opt.target = selection;
                   pendingGroupPromotionRef.current = { groupId: parent.id, selection };
+                  pendingGroupDrillInRef.current = null;
                 } else if (memberObjs.length === 1) {
                   const only = memberObjs[0];
                   only.__pixldocsGroupSelection = parent.id;
@@ -12917,6 +12932,7 @@ const PageCanvas = react.forwardRef(
                   fabricCanvas._target = only;
                   opt.target = only;
                   pendingGroupPromotionRef.current = { groupId: parent.id, selection: only };
+                  pendingGroupDrillInRef.current = null;
                 }
               }
             }
@@ -13026,7 +13042,7 @@ const PageCanvas = react.forwardRef(
         o.__lockScaleDuringCrop = false;
       });
       fabricCanvas.on("mouse:up", (e) => {
-        var _a2;
+        var _a2, _b2, _c;
         clearTransforming();
         setGuides([]);
         setRotationLabel(null);
@@ -13034,6 +13050,29 @@ const PageCanvas = react.forwardRef(
         objectResizeActiveSnapRef.current = null;
         groupResizeActiveSnapRef.current = null;
         dragStarted = false;
+        const pendingDrillIn = pendingGroupDrillInRef.current;
+        pendingGroupDrillInRef.current = null;
+        if (pendingDrillIn && !didTransformRef.current) {
+          const activeNow = fabricCanvas.getActiveObject();
+          if (activeNow !== pendingDrillIn.target) {
+            isSyncingSelectionToFabricRef.current = true;
+            try {
+              restoreSuppressedGroupBorders();
+              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 });
+              fabricCanvas.setActiveObject(pendingDrillIn.target);
+              pendingDrillIn.target.setCoords();
+              fabricCanvas.requestRenderAll();
+            } finally {
+              requestAnimationFrame(() => {
+                isSyncingSelectionToFabricRef.current = false;
+              });
+            }
+            selectElements([pendingDrillIn.childId], false, false);
+          }
+        }
         const pendingPromotion = pendingGroupPromotionRef.current;
         pendingGroupPromotionRef.current = null;
         if (pendingPromotion && !didTransformRef.current) {
@@ -13067,7 +13106,7 @@ const PageCanvas = react.forwardRef(
           }
         }
         const activeObj = fabricCanvas.getActiveObject();
-        if (activeObj && (activeObj.__cropGroup || ((_a2 = activeObj._ct) == null ? void 0 : _a2.isCropGroup))) {
+        if (activeObj && (activeObj.__cropGroup || ((_c = activeObj._ct) == null ? void 0 : _c.isCropGroup))) {
           activeObj.__lockScaleDuringCrop = false;
           if (activeObj.__cropDrag) {
             delete activeObj.__cropDrag;
@@ -23271,9 +23310,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.243";
+const resolvedPackageVersion = "0.5.244";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.243";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.244";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24087,7 +24126,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-V2qBQ4Xs.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BUlPzdRT.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26407,7 +26446,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-V2qBQ4Xs.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BUlPzdRT.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -26804,4 +26843,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-UuNicsNZ.cjs.map
+//# sourceMappingURL=index-Bu8x_hs7.cjs.map