@pixldocs/canvas-renderer 0.5.422 → 0.5.424

package/dist/{index-yOZRi1jo.cjs → index-4LN7KRW_.cjs}

@@ -12746,6 +12746,64 @@ const PageCanvas = react.forwardRef(
           prevKey = null;
         });
       }
+      {
+        const EDGE_HIT_ALONG_MIN = 44;
+        const CORNER_BUFFER = 24;
+        const syncEdgeHitSizes = (obj) => {
+          var _a2;
+          if (!obj || !obj.controls) return;
+          try {
+            const zoom3 = fabricCanvas.getZoom() || 1;
+            let scaleX = obj.scaleX ?? 1;
+            let scaleY = obj.scaleY ?? 1;
+            try {
+              const m = (_a2 = obj.calcTransformMatrix) == null ? void 0 : _a2.call(obj);
+              if (m) {
+                const dec = fabric__namespace.util.qrDecompose(m);
+                scaleX = Math.abs(dec.scaleX ?? scaleX);
+                scaleY = Math.abs(dec.scaleY ?? scaleY);
+              }
+            } catch {
+            }
+            const screenW = (obj.width ?? 0) * scaleX * zoom3;
+            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);
+            for (const k of ["ml", "mr"]) {
+              const c = obj.controls[k];
+              if (!c) continue;
+              c.sizeY = alongH;
+              c.touchSizeY = alongH;
+            }
+            for (const k of ["mt", "mb"]) {
+              const c = obj.controls[k];
+              if (!c) continue;
+              c.sizeX = alongW;
+              c.touchSizeX = alongW;
+            }
+          } catch {
+          }
+        };
+        const syncActive = () => {
+          const obj = fabricCanvas.getActiveObject();
+          if (obj) syncEdgeHitSizes(obj);
+        };
+        fabricCanvas.on("selection:created", syncActive);
+        fabricCanvas.on("selection:updated", syncActive);
+        fabricCanvas.on("object:scaling", (e) => syncEdgeHitSizes(e == null ? void 0 : e.target));
+        fabricCanvas.on("object:modified", (e) => syncEdgeHitSizes(e == null ? void 0 : e.target));
+        fabricCanvas.on("object:resizing", (e) => syncEdgeHitSizes(e == null ? void 0 : e.target));
+        fabricCanvas.on("after:render", () => {
+          const obj = fabricCanvas.getActiveObject();
+          if (!obj) return;
+          const lastZoom = obj.__pixldocsLastEdgeHitZoom;
+          const z = fabricCanvas.getZoom() || 1;
+          if (lastZoom !== z) {
+            obj.__pixldocsLastEdgeHitZoom = z;
+            syncEdgeHitSizes(obj);
+          }
+        });
+      }
       const initFonts = async () => {
         try {
           await preloadAllFonts();
@@ -14372,7 +14430,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14662,20 +14720,12 @@ const PageCanvas = react.forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
-              if (child.__asLiveOrigAngle == null) {
-                const currentLocalAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : void 0;
-                let matrixLocalAngle;
-                try {
-                  const selectionMatrix = obj.calcTransformMatrix();
-                  const childMatrix = child.calcOwnMatrix();
-                  const worldMatrix = fabric__namespace.util.multiplyTransformMatrices(selectionMatrix, childMatrix);
-                  const liveWorldAngle = fabric__namespace.util.qrDecompose(worldMatrix).angle ?? 0;
-                  matrixLocalAngle = liveWorldAngle - (obj.angle ?? 0);
-                } catch {
-                }
-                child.__asLiveOrigAngle = currentLocalAngle ?? matrixLocalAngle ?? 0;
+              const liveGestureKey = `${obj.__pixldocsGroupSelection ?? "selection"}:${corner}:${((_k = groupSelectionTransformStartRef.current) == null ? void 0 : _k.selectionLeft) ?? obj.left ?? 0}:${((_l = groupSelectionTransformStartRef.current) == null ? void 0 : _l.selectionTop) ?? obj.top ?? 0}`;
+              if (child.__asLiveGestureKey !== liveGestureKey) {
+                child.__asLiveGestureKey = liveGestureKey;
+                child.__asLiveOrigAngle = Number.isFinite(child.angle) ? child.angle ?? 0 : 0;
               }
-              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_k = child._ct) == null ? void 0 : _k.isCropGroup))) {
+              if (child instanceof fabric__namespace.Group && (child.__cropGroup || ((_m = child._ct) == null ? void 0 : _m.isCropGroup))) {
                 const ct = child.__cropData;
                 if (!ct) continue;
                 if (child.__asLiveOrigAngle == null) {
@@ -14844,7 +14894,7 @@ const PageCanvas = react.forwardRef(
               child.dirty = true;
               didReflowTextChild = true;
             }
-            if (isXSide && ((_l = groupShiftReflowSnapshotRef.current) == null ? void 0 : _l.selection) === obj) {
+            if (isXSide && ((_n = groupShiftReflowSnapshotRef.current) == null ? void 0 : _n.selection) === obj) {
               const snap = groupShiftReflowSnapshotRef.current;
               const anchorEntry = snap.children[0];
               const anchorTopLive = anchorEntry.obj.top ?? 0;
@@ -15005,7 +15055,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_m = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _m.call(fabricCanvas);
+            (_o = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _o.call(fabricCanvas);
           } catch {
           }
         }
@@ -15229,6 +15279,7 @@ const PageCanvas = react.forwardRef(
                 delete child.__asLiveOrigW;
                 delete child.__asLiveOrigH;
                 delete child.__asLiveRotSnap;
+                delete child.__asLiveGestureKey;
               }
             }
           } catch {
@@ -16505,6 +16556,7 @@ const PageCanvas = react.forwardRef(
             if (t instanceof fabric__namespace.ActiveSelection) {
               for (const child of t.getObjects()) {
                 delete child.__asLiveOrigAngle;
+                delete child.__asLiveGestureKey;
                 delete child.__asLiveWorldAngle;
                 delete child.__asLiveWorldCenterX;
                 delete child.__asLiveWorldCenterY;
@@ -25582,9 +25634,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.422";
+const resolvedPackageVersion = "0.5.424";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.422";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.424";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -26398,7 +26450,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-DdBfenYt.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-JXuSAPvC.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28718,7 +28770,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-DdBfenYt.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-JXuSAPvC.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29115,4 +29167,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-yOZRi1jo.cjs.map
+//# sourceMappingURL=index-4LN7KRW_.cjs.map