@pixldocs/canvas-renderer 0.5.424 → 0.5.426

package/dist/{index-4LN7KRW_.cjs → index-ScUMI-6A.cjs}

@@ -10726,6 +10726,8 @@ const SELECTION_PRIMARY = "hsl(217, 91%, 60%)";
 const SELECTION_BORDER_SCALE = 2;
 let ensureCanvaControlRenders = () => {
 };
+let ensureCanvaEdgeHitArea = () => {
+};
 try {
   const InteractiveBase = fabric__namespace.InteractiveFabricObject ?? fabric__namespace.Object;
   if ((InteractiveBase == null ? void 0 : InteractiveBase.prototype) && !InteractiveBase.prototype.__pixldocsCenteredSelectionBorder) {
@@ -12504,6 +12506,7 @@ const PageCanvas = react.forwardRef(
       installCanvaMaskControls(group);
       applyControlSizeForZoom(group.canvas ?? fabricRef.current, group);
       ensureCanvaControlRenders(group);
+      ensureCanvaEdgeHitArea(group);
     }, [calculateScaleSnapGuidesCallback, canvasHeight, canvasWidth, getLogicalGroupSnapBoundsCallback, getResizeExcludeIdsCallback, snapDuringScaleCallback]);
     const isTransforming = react.useCallback((canvas2) => {
       if (!canvas2) return false;
@@ -12750,14 +12753,16 @@ const PageCanvas = react.forwardRef(
         const EDGE_HIT_ALONG_MIN = 44;
         const CORNER_BUFFER = 24;
         const syncEdgeHitSizes = (obj) => {
-          var _a2;
+          var _a2, _b2, _c2;
           if (!obj || !obj.controls) return;
           try {
-            const zoom3 = fabricCanvas.getZoom() || 1;
+            ensureCanvaControlRenders(obj);
+            const canvasForObj = obj.canvas ?? fabricCanvas;
+            const zoom3 = ((_a2 = canvasForObj.getZoom) == null ? void 0 : _a2.call(canvasForObj)) || 1;
             let scaleX = obj.scaleX ?? 1;
             let scaleY = obj.scaleY ?? 1;
             try {
-              const m = (_a2 = obj.calcTransformMatrix) == null ? void 0 : _a2.call(obj);
+              const m = (_b2 = obj.calcTransformMatrix) == null ? void 0 : _b2.call(obj);
               if (m) {
                 const dec = fabric__namespace.util.qrDecompose(m);
                 scaleX = Math.abs(dec.scaleX ?? scaleX);
@@ -12769,24 +12774,32 @@ const PageCanvas = react.forwardRef(
             const screenH = (obj.height ?? 0) * scaleY * zoom3;
             const alongW = Math.max(EDGE_HIT_ALONG_MIN, screenW - CORNER_BUFFER);
             const alongH = Math.max(EDGE_HIT_ALONG_MIN, screenH - CORNER_BUFFER);
+            let changed = false;
             for (const k of ["ml", "mr"]) {
               const c = obj.controls[k];
               if (!c) continue;
+              if (c.sizeY !== alongH || c.touchSizeY !== alongH) changed = true;
               c.sizeY = alongH;
               c.touchSizeY = alongH;
             }
             for (const k of ["mt", "mb"]) {
               const c = obj.controls[k];
               if (!c) continue;
+              if (c.sizeX !== alongW || c.touchSizeX !== alongW) changed = true;
               c.sizeX = alongW;
               c.touchSizeX = alongW;
             }
+            if (changed) (_c2 = obj.setCoords) == null ? void 0 : _c2.call(obj);
           } catch {
           }
         };
+        ensureCanvaEdgeHitArea = syncEdgeHitSizes;
         const syncActive = () => {
           const obj = fabricCanvas.getActiveObject();
-          if (obj) syncEdgeHitSizes(obj);
+          if (obj) {
+            syncEdgeHitSizes(obj);
+            requestAnimationFrame(() => syncEdgeHitSizes(obj));
+          }
         };
         fabricCanvas.on("selection:created", syncActive);
         fabricCanvas.on("selection:updated", syncActive);
@@ -13295,9 +13308,11 @@ const PageCanvas = react.forwardRef(
         if (activeObj instanceof fabric__namespace.ActiveSelection) applyWarpAwareSelectionBorders(activeObj);
         if (activeObj) applyControlSizeForZoom(fabricCanvas, activeObj);
         if (activeObj) ensureCanvaControlRenders(activeObj);
+        if (activeObj) ensureCanvaEdgeHitArea(activeObj);
         if (activeObj && !(activeObj instanceof fabric__namespace.ActiveSelection) && (((_a2 = activeObj._ct) == null ? void 0 : _a2.isCropGroup) || activeObj.__cropGroup)) {
           installImageResizeControlsWithSnap(activeObj);
           ensureCanvaControlRenders(activeObj);
+          ensureCanvaEdgeHitArea(activeObj);
         }
       });
       fabricCanvas.on("selection:updated", () => {
@@ -13311,9 +13326,11 @@ const PageCanvas = react.forwardRef(
         if (activeObj instanceof fabric__namespace.ActiveSelection) applyWarpAwareSelectionBorders(activeObj);
         if (activeObj) applyControlSizeForZoom(fabricCanvas, activeObj);
         if (activeObj) ensureCanvaControlRenders(activeObj);
+        if (activeObj) ensureCanvaEdgeHitArea(activeObj);
         if (activeObj && !(activeObj instanceof fabric__namespace.ActiveSelection) && (((_a2 = activeObj._ct) == null ? void 0 : _a2.isCropGroup) || activeObj.__cropGroup)) {
           installImageResizeControlsWithSnap(activeObj);
           ensureCanvaControlRenders(activeObj);
+          ensureCanvaEdgeHitArea(activeObj);
         }
       });
       fabricCanvas.on("mouse:dblclick", (opt) => {
@@ -14342,6 +14359,10 @@ const PageCanvas = react.forwardRef(
           if (activeObj.__cornerResizeStart) {
             delete activeObj.__cornerResizeStart;
           }
+          installImageResizeControlsWithSnap(activeObj);
+          ensureCanvaControlRenders(activeObj);
+          ensureCanvaEdgeHitArea(activeObj);
+          activeObj.setCoords();
         }
         if (!didTransformRef.current) {
           editLockRef.current = false;
@@ -16786,7 +16807,10 @@ const PageCanvas = react.forwardRef(
       fc.setViewportTransform([zoom2, 0, 0, zoom2, 0, 0]);
       fc.getObjects().forEach((obj) => applyControlSizeForZoom(fc, obj));
       const active = fc.getActiveObject();
-      if (active && active instanceof fabric__namespace.ActiveSelection) applyControlSizeForZoom(fc, active);
+      if (active) {
+        if (active instanceof fabric__namespace.ActiveSelection) applyControlSizeForZoom(fc, active);
+        ensureCanvaEdgeHitArea(active);
+      }
       fc.requestRenderAll();
     }, [workspaceZoom, canvasWidth, canvasHeight]);
     react.useEffect(() => {
@@ -25634,9 +25658,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.424";
+const resolvedPackageVersion = "0.5.426";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.424";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.426";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26450,7 +26474,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-JXuSAPvC.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-onpGluLh.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28770,7 +28794,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-JXuSAPvC.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-onpGluLh.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29167,4 +29191,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-4LN7KRW_.cjs.map
+//# sourceMappingURL=index-ScUMI-6A.cjs.map