@pixldocs/canvas-renderer 0.5.375 → 0.5.376

package/dist/{index-DGMdAoOS.cjs → index-UF12OZmE.cjs}

@@ -10694,6 +10694,53 @@ try {
       if (p < 1) ctx.stroke();
       ctx.restore();
     };
+    const ROTATE_PATHS_2D = [
+      new Path2D("M22 12l-3 3-3-3"),
+      new Path2D("M2 12l3-3 3 3"),
+      new Path2D("M19.016 14v-1.95A7.05 7.05 0 0 0 8 6.22"),
+      new Path2D("M16.016 17.845A7.05 7.05 0 0 1 5 12.015V10"),
+      new Path2D("M5 10V9"),
+      new Path2D("M19 15v-1")
+    ];
+    const renderRotateHandle = (ctx, left, top, _styleOverride, fabricObject) => {
+      var _a2, _b2;
+      const action = (_b2 = (_a2 = fabricObject.canvas) == null ? void 0 : _a2._currentTransform) == null ? void 0 : _b2.action;
+      if (action === "drag" && fabricObject.__pixldocsDragMoved) return;
+      const scale = getVisualScale(fabricObject);
+      const p = getHoverProgress(fabricObject, "mtr");
+      const r = 11 * scale;
+      ctx.save();
+      ctx.beginPath();
+      ctx.arc(left, top, r, 0, Math.PI * 2);
+      ctx.closePath();
+      ctx.fillStyle = lerpFill(p);
+      ctx.strokeStyle = `rgba(15, 23, 42, ${0.18 * (1 - p)})`;
+      ctx.lineWidth = 0.75 * (1 - p);
+      ctx.shadowColor = "rgba(15, 23, 42, 0.4)";
+      ctx.shadowBlur = 10;
+      ctx.shadowOffsetY = 2;
+      ctx.fill();
+      if (p < 1) ctx.stroke();
+      ctx.shadowColor = "transparent";
+      ctx.shadowBlur = 0;
+      ctx.shadowOffsetY = 0;
+      const iconColor = p > 0.5 ? "#ffffff" : "rgba(15, 23, 42, 0.85)";
+      const target = r * 1.55;
+      const s = target / 24;
+      ctx.translate(left, top);
+      ctx.scale(s, s);
+      ctx.translate(-12, -12);
+      ctx.strokeStyle = iconColor;
+      ctx.fillStyle = iconColor;
+      ctx.lineJoin = "miter";
+      ctx.miterLimit = 4;
+      ctx.lineWidth = 1 / s;
+      ROTATE_PATHS_2D.forEach((p2d, index) => {
+        ctx.lineCap = index >= 4 ? "round" : "square";
+        ctx.stroke(p2d);
+      });
+      ctx.restore();
+    };
     const installPillRenders = (controls) => {
       var _a2;
       const CUR_SIZE = 22;
@@ -10758,14 +10805,6 @@ try {
         new Path2D("M12 21L12.3648 21.342L12 21.7311L11.6352 21.342L12 21ZM11.5 15C11.5 14.7239 11.7239 14.5 12 14.5C12.2761 14.5 12.5 14.7239 12.5 15H11.5ZM15.3648 18.142L12.3648 21.342L11.6352 20.658L14.6352 17.458L15.3648 18.142ZM11.6352 21.342L8.63523 18.142L9.36477 17.458L12.3648 20.658L11.6352 21.342ZM11.5 21V15H12.5V21H11.5Z"),
         new Path2D("M3 12L2.65803 12.3648L2.26894 12L2.65803 11.6352L3 12ZM9 11.5C9.27614 11.5 9.5 11.7239 9.5 12C9.5 12.2761 9.27614 12.5 9 12.5L9 11.5ZM5.85803 15.3648L2.65803 12.3648L3.34197 11.6352L6.54197 14.6352L5.85803 15.3648ZM2.65803 11.6352L5.85803 8.63523L6.54197 9.36477L3.34197 12.3648L2.65803 11.6352ZM3 11.5L9 11.5L9 12.5L3 12.5L3 11.5Z")
       ];
-      const ROTATE_PATHS_2D = [
-        new Path2D("M22 12l-3 3-3-3"),
-        new Path2D("M2 12l3-3 3 3"),
-        new Path2D("M19.016 14v-1.95A7.05 7.05 0 0 0 8 6.22"),
-        new Path2D("M16.016 17.845A7.05 7.05 0 0 1 5 12.015V10"),
-        new Path2D("M5 10V9"),
-        new Path2D("M19 15v-1")
-      ];
       const baseAngleFor = {
         ml: 0,
         mr: 0,
@@ -10846,48 +10885,7 @@ try {
           }
           return cursor;
         };
-        mtr.render = (ctx, left, top, _styleOverride, fabricObject) => {
-          var _a3, _b2;
-          const action = (_b2 = (_a3 = fabricObject.canvas) == null ? void 0 : _a3._currentTransform) == null ? void 0 : _b2.action;
-          if (action === "drag" && fabricObject.__pixldocsDragMoved) return;
-          const scale = getVisualScale(fabricObject);
-          const p = getHoverProgress(fabricObject, "mtr");
-          const r = 11 * scale;
-          ctx.save();
-          ctx.beginPath();
-          ctx.arc(left, top, r, 0, Math.PI * 2);
-          ctx.closePath();
-          ctx.fillStyle = lerpFill(p);
-          ctx.strokeStyle = `rgba(15, 23, 42, ${0.18 * (1 - p)})`;
-          ctx.lineWidth = 0.75 * (1 - p);
-          ctx.shadowColor = "rgba(15, 23, 42, 0.4)";
-          ctx.shadowBlur = 10;
-          ctx.shadowOffsetY = 2;
-          ctx.fill();
-          if (p < 1) ctx.stroke();
-          ctx.shadowColor = "transparent";
-          ctx.shadowBlur = 0;
-          ctx.shadowOffsetY = 0;
-          const iconColor = p > 0.5 ? "#ffffff" : "rgba(15, 23, 42, 0.85)";
-          ctx.strokeStyle = iconColor;
-          ctx.fillStyle = iconColor;
-          ctx.lineJoin = "miter";
-          ctx.miterLimit = 4;
-          {
-            const target = r * 1.55;
-            const s = target / 24;
-            ctx.translate(left, top);
-            ctx.scale(s, s);
-            ctx.translate(-12, -12);
-            ctx.strokeStyle = iconColor;
-            ctx.lineWidth = 1 / s;
-            ROTATE_PATHS_2D.forEach((p2d, index) => {
-              ctx.lineCap = index >= 4 ? "round" : "square";
-              ctx.stroke(p2d);
-            });
-          }
-          ctx.restore();
-        };
+        mtr.render = renderRotateHandle;
       }
       const moveActionHandler = (eventData, transform, x, y) => {
         const target = transform.target;
@@ -10983,6 +10981,8 @@ try {
       const originalControlRender = ControlProto.render;
       ControlProto.render = function(ctx, left, top, styleOverride, fabricObject) {
         const actionName = String(this.actionName ?? "");
+        const isRotateHandle = actionName === "rotate" || Math.abs(Number(this.x ?? 0)) < 1e-3 && Math.abs(Number(this.y ?? 0) + 0.5) < 1e-3 && Number(this.offsetY ?? 0) < 0;
+        if (isRotateHandle) return renderRotateHandle(ctx, left, top, styleOverride, fabricObject);
         if (actionName !== "rotate" && actionName !== "drag") {
           const x = Number(this.x ?? 0);
           const y = Number(this.y ?? 0);
@@ -24728,9 +24728,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.375";
+const resolvedPackageVersion = "0.5.376";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.375";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.376";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25544,7 +25544,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-DsexMYcA.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BkHsGRzd.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27864,7 +27864,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-DsexMYcA.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BkHsGRzd.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28261,4 +28261,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DGMdAoOS.cjs.map
+//# sourceMappingURL=index-UF12OZmE.cjs.map