@pixldocs/canvas-renderer 0.5.244 → 0.5.245

package/dist/{index-xJBNIfjT.js → index-FE8QLDiA.js}

@@ -11120,6 +11120,8 @@ const PageCanvas = forwardRef(
     const [guides, setGuides] = useState([]);
     const [gridResizeLabel, setGridResizeLabel] = useState(null);
     const [hoverBounds, setHoverBounds] = useState(null);
+    const [drilledGroupBounds, setDrilledGroupBounds] = useState(null);
+    const drilledGroupIdRef = useRef(null);
     const [rotationLabel, setRotationLabel] = useState(null);
     const [sizeLabel, setSizeLabel] = useState(null);
     const [ready, setReady] = useState(false);
@@ -11987,16 +11989,29 @@ const PageCanvas = forwardRef(
         }
       });
       fabricCanvas.on("object:scaling", () => {
+        var _a2;
         fabricCanvas.__isUserTransforming = true;
+        if (drilledGroupIdRef.current) {
+          try {
+            (_a2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fabricCanvas);
+          } catch {
+          }
+        }
       });
       fabricCanvas.on("object:moving", () => {
-        var _a2;
+        var _a2, _b2;
         fabricCanvas.__isUserTransforming = true;
         didTransformRef.current = true;
+        if (drilledGroupIdRef.current) {
+          try {
+            (_a2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fabricCanvas);
+          } catch {
+          }
+        }
         const active = fabricCanvas.getActiveObject();
         if (!active) return;
         const state = useEditorStore.getState();
-        const canvasPage = (_a2 = state.canvas.pages) == null ? void 0 : _a2.find((p) => p.id === pageId);
+        const canvasPage = (_b2 = state.canvas.pages) == null ? void 0 : _b2.find((p) => p.id === pageId);
         const children = (canvasPage == null ? void 0 : canvasPage.children) ?? [];
         if (!canvasPage) return;
         const ids = state.canvas.selectedIds ?? [];
@@ -12027,8 +12042,15 @@ const PageCanvas = forwardRef(
         }
       });
       fabricCanvas.on("object:rotating", () => {
+        var _a2;
         fabricCanvas.__isUserTransforming = true;
         didTransformRef.current = true;
+        if (drilledGroupIdRef.current) {
+          try {
+            (_a2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fabricCanvas);
+          } catch {
+          }
+        }
       });
       const syncSelectionToStore = () => {
         var _a2, _b2, _c, _d;
@@ -12239,7 +12261,7 @@ const PageCanvas = forwardRef(
         }
       });
       fabricCanvas.on("mouse:dblclick", (opt) => {
-        var _a2, _b2;
+        var _a2, _b2, _c;
         const target = opt == null ? void 0 : opt.target;
         if (!target) return;
         if (target.isEditing) return;
@@ -12334,6 +12356,10 @@ const PageCanvas = forwardRef(
         }
         const selectedId = selectionIdx < 0 ? childId : chain[selectionIdx].id;
         selectElements([selectedId], false, false);
+        try {
+          (_c = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _c.call(fabricCanvas);
+        } catch {
+        }
       });
       fabricCanvas.on("selection:cleared", () => {
         if (!isActiveRef.current || isRebuildingRef.current || !allowSelection) return;
@@ -12341,6 +12367,8 @@ const PageCanvas = forwardRef(
         groupBoundsResizingRef.current = false;
         if (!preserveEditingScopeOnSelectionClearRef.current) {
           fabricCanvas.__activeEditingGroupId = null;
+          setDrilledGroupBounds(null);
+          drilledGroupIdRef.current = null;
         }
         const preservedGroupSelection = preserveActiveSelectionAfterTransformRef.current;
         const shouldRestoreGroupSelection = !!((preservedGroupSelection == null ? void 0 : preservedGroupSelection.groupSelectionId) && (!preservedGroupSelection.expiresAt || preservedGroupSelection.expiresAt > Date.now()));
@@ -12744,6 +12772,32 @@ const PageCanvas = forwardRef(
         }
         return pick;
       };
+      const updateDrilledGroupOutline = () => {
+        const gid = fabricCanvas.__activeEditingGroupId ?? null;
+        drilledGroupIdRef.current = gid;
+        if (!gid) {
+          setDrilledGroupBounds(null);
+          return;
+        }
+        const pageNow = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId);
+        const node = pageNow ? findNodeById(pageNow.children ?? [], gid) : null;
+        if (!node || !isGroup(node) || node.backgroundColor) {
+          setDrilledGroupBounds(null);
+          return;
+        }
+        const b = groupFabricUnionBBox(node);
+        if (!b) {
+          setDrilledGroupBounds(null);
+          return;
+        }
+        setDrilledGroupBounds({
+          left: b.left,
+          top: b.top,
+          width: b.right - b.left,
+          height: b.bottom - b.top
+        });
+      };
+      fabricCanvas.__updateDrilledGroupOutline = updateDrilledGroupOutline;
       fabricCanvas.on("mouse:down:before", (opt) => {
         var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
         if (editLockRef.current) {
@@ -12878,7 +12932,11 @@ const PageCanvas = forwardRef(
             opt.target = effectiveTarget;
             pendingGroupPromotionRef.current = null;
             pendingGroupDrillInRef.current = { groupId: drillGroup.id, childId: effectiveTargetId, target: effectiveTarget };
+            effectiveTarget.selected = false;
+            effectiveTarget.__lastSelected = false;
+            effectiveTarget.__corner = void 0;
             selectElements([effectiveTargetId], false, false);
+            updateDrilledGroupOutline();
             fabricCanvas.requestRenderAll();
           }
         } else if (!target || targetId === "__background__") {
@@ -13046,6 +13104,9 @@ const PageCanvas = forwardRef(
               (_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();
+              pendingDrillIn.target.selected = false;
+              pendingDrillIn.target.__lastSelected = false;
+              pendingDrillIn.target.__corner = void 0;
               fabricCanvas.requestRenderAll();
             } finally {
               requestAnimationFrame(() => {
@@ -13053,6 +13114,7 @@ const PageCanvas = forwardRef(
               });
             }
             selectElements([pendingDrillIn.childId], false, false);
+            updateDrilledGroupOutline();
           }
         }
         const pendingPromotion = pendingGroupPromotionRef.current;
@@ -17181,6 +17243,28 @@ const PageCanvas = forwardRef(
               )
             }
           ),
+          drilledGroupBounds && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "absolute inset-0 pointer-events-none",
+              style: { width: scaledWidth, height: scaledHeight },
+              viewBox: `0 0 ${canvasWidth} ${canvasHeight}`,
+              children: /* @__PURE__ */ jsx(
+                "rect",
+                {
+                  x: drilledGroupBounds.left,
+                  y: drilledGroupBounds.top,
+                  width: drilledGroupBounds.width,
+                  height: drilledGroupBounds.height,
+                  fill: "none",
+                  stroke: "rgba(100, 116, 139, 0.7)",
+                  strokeWidth: 1,
+                  strokeDasharray: "4 4",
+                  vectorEffect: "non-scaling-stroke"
+                }
+              )
+            }
+          ),
           canvas.projectSettings.showGrid && (() => {
             const ps = canvas.projectSettings;
             const gx = Math.max(1, ps.gridSizeX ?? ps.gridSize ?? 0);
@@ -23292,9 +23376,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.244";
+const resolvedPackageVersion = "0.5.245";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.244";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.245";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24108,7 +24192,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-BWQ8fyXp.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-qzZ0kZCI.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26428,7 +26512,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-BWQ8fyXp.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-qzZ0kZCI.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -26828,4 +26912,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-xJBNIfjT.js.map
+//# sourceMappingURL=index-FE8QLDiA.js.map