@pixldocs/canvas-renderer 0.5.352 → 0.5.354

package/dist/{index-BBwoWejC.cjs → index-BUYWcO1C.cjs}

@@ -13312,6 +13312,30 @@ const PageCanvas = react.forwardRef(
         });
       };
       fabricCanvas.__updateDrilledGroupOutline = updateDrilledGroupOutline;
+      const isPointerOnSelectionControl = (selection, event) => {
+        var _a2;
+        try {
+          selection.setCoords();
+          const controls = selection.oCoords ?? ((_a2 = selection.calcOCoords) == null ? void 0 : _a2.call(selection));
+          const el = fabricCanvas.upperCanvasEl ?? fabricCanvas.lowerCanvasEl;
+          const rect = el == null ? void 0 : el.getBoundingClientRect();
+          if (!controls || !rect || !event) return false;
+          const x = Number(event.clientX) - rect.left;
+          const y = Number(event.clientY) - rect.top;
+          return Object.values(controls).some((control) => {
+            const pts = (control == null ? void 0 : control.touchCorner) ?? (control == null ? void 0 : control.corner);
+            const corners = pts ? Object.values(pts) : [];
+            if (!corners.length) return false;
+            const minX = Math.min(...corners.map((p) => p.x)) - 2;
+            const maxX = Math.max(...corners.map((p) => p.x)) + 2;
+            const minY = Math.min(...corners.map((p) => p.y)) - 2;
+            const maxY = Math.max(...corners.map((p) => p.y)) + 2;
+            return x >= minX && x <= maxX && y >= minY && y <= maxY;
+          });
+        } catch {
+          return false;
+        }
+      };
       fabricCanvas.on("mouse:down:before", (opt) => {
         var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         const activeBeforeMouseDown = fabricCanvas.getActiveObject();
@@ -13335,7 +13359,8 @@ 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()) {
+        const pointerOnActiveSelectionControl = activeBeforeMouseDown instanceof fabric__namespace.ActiveSelection ? isPointerOnSelectionControl(activeBeforeMouseDown, opt.e) : false;
+        if (target instanceof fabric__namespace.ActiveSelection && target.__pixldocsGroupSelection && target === fabricCanvas.getActiveObject() && !target.__corner && !pointerOnActiveSelectionControl) {
           const child = pickChildInActiveSelectionAtPointer(target, opt.e);
           const childId = child ? getObjectId(child) : null;
           if (child && childId) {
@@ -13384,7 +13409,7 @@ const PageCanvas = react.forwardRef(
           let effectiveTargetId = targetId;
           const activeNowEarly = fabricCanvas.getActiveObject();
           const asGroupId = target instanceof fabric__namespace.ActiveSelection ? target.__pixldocsGroupSelection : void 0;
-          if (target instanceof fabric__namespace.ActiveSelection && asGroupId && target === activeNowEarly) {
+          if (target instanceof fabric__namespace.ActiveSelection && asGroupId && target === activeNowEarly && !target.__corner && !pointerOnActiveSelectionControl) {
             const child = pickChildInActiveSelectionAtPointer(target, opt.e);
             const childId = child ? getObjectId(child) : null;
             if (child && childId) {
@@ -14187,6 +14212,10 @@ const PageCanvas = react.forwardRef(
                 if (child.__asLiveOrigH == null) {
                   child.__asLiveOrigH = (child.height ?? 0) * (child.scaleY ?? 1);
                 }
+                if (child.__asLiveOrigMinH == null) {
+                  const m = Number(child.minBoxHeight);
+                  if (Number.isFinite(m) && m > 0) child.__asLiveOrigMinH = m;
+                }
                 const origH = child.__asLiveOrigH;
                 const newH = Math.max(20, origH * sAxis);
                 child.minBoxHeight = newH;
@@ -14474,6 +14503,7 @@ const PageCanvas = react.forwardRef(
       });
       fabricCanvas.on("object:rotating", (e) => {
         var _a2, _b2;
+        prepareGroupSelectionTransformStart(e.target);
         markSimpleTransform(e);
         didTransformRef.current = true;
         const tr = e.target;
@@ -14642,16 +14672,6 @@ const PageCanvas = react.forwardRef(
             unlockEditsSoon();
             return;
           }
-          try {
-            const t = e.target;
-            if (t instanceof fabric__namespace.ActiveSelection) {
-              for (const child of t.getObjects()) {
-                delete child.__asLiveOrigW;
-                delete child.__asLiveOrigH;
-              }
-            }
-          } catch {
-          }
           groupShiftReflowSnapshotRef.current = null;
           lockEdits();
           const modifiedTargetId = modifiedTarget ? getObjectId(modifiedTarget) : null;
@@ -15479,16 +15499,27 @@ const PageCanvas = react.forwardRef(
                 finalSkewY = (sourceElement == null ? void 0 : sourceElement.skewY) ?? obj.skewY ?? 0;
                 if ((sourceElement == null ? void 0 : sourceElement.angle) !== void 0 || obj.angle !== void 0) finalAngleFromDecomposed = false;
               }
-            } else if (obj instanceof fabric__namespace.Textbox && isActiveSelection && (Math.abs((decomposed.scaleX ?? 1) - 1) > 1e-3 || Math.abs((decomposed.scaleY ?? 1) - 1) > 1e-3)) {
-              const sx = Math.abs(decomposed.scaleX || 1);
-              const sy = Math.abs(decomposed.scaleY || 1);
+            } else if (obj instanceof fabric__namespace.Textbox && isActiveSelection && (activeSelectionResizeHandle != null || obj.__asLiveOrigW != null || obj.__asLiveOrigH != null || Math.abs((decomposed.scaleX ?? 1) - 1) > 1e-3 || Math.abs((decomposed.scaleY ?? 1) - 1) > 1e-3)) {
+              const liveOrigW = obj.__asLiveOrigW;
+              const liveOrigH = obj.__asLiveOrigH;
+              const decSx = Math.abs(decomposed.scaleX || 1);
+              const decSy = Math.abs(decomposed.scaleY || 1);
+              const sx = Math.abs(decSx - 1) < 1e-3 && liveOrigW && liveOrigW > 0 ? Math.max(1e-3, (obj.width ?? liveOrigW) / liveOrigW) : decSx;
+              const baseHForRecover = Number(
+                obj.minBoxHeight ?? obj.height ?? liveOrigH ?? 1
+              );
+              const sy = Math.abs(decSy - 1) < 1e-3 && liveOrigH && liveOrigH > 0 ? Math.max(1e-3, baseHForRecover / liveOrigH) : decSy;
               const isLikelyUniformCorner = !activeSelectionResizeHandle && Math.abs(sx - sy) < 0.01 && Math.abs(sx - 1) > 1e-3;
               const isCornerHandle = activeSelectionResizeHandle === "tl" || activeSelectionResizeHandle === "tr" || activeSelectionResizeHandle === "bl" || activeSelectionResizeHandle === "br" || isLikelyUniformCorner;
               const isHeightSideHandle = activeSelectionResizeHandle === "mt" || activeSelectionResizeHandle === "mb";
               const fontScale = isCornerHandle ? Math.max(1e-3, Math.sqrt(sx * sy)) : 1;
-              const bakedWidth = Math.max(20, intrinsicWidth * sx);
-              const baseMinH = Number(obj.minBoxHeight ?? (sourceElement == null ? void 0 : sourceElement.minBoxHeight));
-              const nextMinH = Number.isFinite(baseMinH) && baseMinH > 0 ? baseMinH * sy : isHeightSideHandle ? Math.max(1, intrinsicHeight * sy) : void 0;
+              const widthBase = liveOrigW && liveOrigW > 0 ? liveOrigW : intrinsicWidth;
+              const heightBase = liveOrigH && liveOrigH > 0 ? liveOrigH : intrinsicHeight;
+              const bakedWidth = Math.max(20, widthBase * sx);
+              const liveMinHOrig = obj.__asLiveOrigMinH;
+              const currentMinH = Number(obj.minBoxHeight ?? (sourceElement == null ? void 0 : sourceElement.minBoxHeight));
+              const minHBase = Number.isFinite(liveMinHOrig) && liveMinHOrig > 0 ? liveMinHOrig : liveOrigH && liveOrigH > 0 ? currentMinH / sy : currentMinH;
+              const nextMinH = Number.isFinite(minHBase) && minHBase > 0 ? minHBase * sy : isHeightSideHandle ? Math.max(1, heightBase * sy) : void 0;
               const bakedTextScaleUpdates = { width: bakedWidth };
               const debugTextBeforeBake = debugGroupTextCornerResize ? summarizeFabricObjectForResizeDebug(obj) : null;
               finalScaleX = 1;
@@ -15712,6 +15743,9 @@ const PageCanvas = react.forwardRef(
             }
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
+            delete obj.__asLiveOrigW;
+            delete obj.__asLiveOrigH;
+            delete obj.__asLiveOrigMinH;
           }
           if (isLogicalGroupAS && logicalGroupSelectionId && activeObj instanceof fabric__namespace.ActiveSelection) {
             try {
@@ -17294,6 +17328,7 @@ const PageCanvas = react.forwardRef(
         const node = findNodeById(currentPageTree, element.id);
         return node && isElement(node) ? getElementFabricPlacement(node, currentPageTree) : { left: element.left ?? 0, top: element.top ?? 0, angle: element.angle ?? 0 };
       })() : { left: element.left ?? 0, top: element.top ?? 0, angle: element.angle ?? 0 };
+      const fabricAngle = fabricPos.angle ?? element.angle ?? 0;
       const resolvedSize = currentPageTree.length > 0 ? getNodeBounds(element, currentPageTree) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
       const shouldPreserveSmallSize = typeof element.width === "number" && Number.isFinite(element.width) && element.width > 0 && typeof element.height === "number" && Number.isFinite(element.height) && element.height > 0;
       const minVisible = shouldPreserveSmallSize ? 1 : 20;
@@ -17550,7 +17585,7 @@ const PageCanvas = react.forwardRef(
           y1: 0,
           x2: lineLen,
           y2: 0,
-          angle: element.angle ?? 0,
+          angle: fabricAngle,
           scaleX: 1,
           scaleY: 1,
           skewX: 0,
@@ -17580,7 +17615,7 @@ const PageCanvas = react.forwardRef(
               width: rW,
               scaleX: effectiveScaleX,
               scaleY: effectiveScaleY,
-              angle: element.angle ?? 0,
+              angle: fabricAngle,
               skewX: element.skewX ?? 0,
               skewY: appliedSkewY
             });
@@ -17589,7 +17624,7 @@ const PageCanvas = react.forwardRef(
               ...posIfNotSkipped,
               scaleX: effectiveScaleX,
               scaleY: effectiveScaleY,
-              angle: element.angle ?? 0,
+              angle: fabricAngle,
               skewX: element.skewX ?? 0,
               skewY: element.skewY ?? 0
             });
@@ -17600,7 +17635,7 @@ const PageCanvas = react.forwardRef(
             obj.set({
               ...posIfNotSkipped,
               width: rW,
-              angle: element.angle ?? 0,
+              angle: fabricAngle,
               skewX: element.skewX ?? 0,
               skewY: appliedSkewY,
               scaleX: effectiveScaleX * baseScaleX,
@@ -17609,7 +17644,7 @@ const PageCanvas = react.forwardRef(
           } else {
             obj.set({
               ...posIfNotSkipped,
-              angle: element.angle ?? 0,
+              angle: fabricAngle,
               skewX: element.skewX ?? 0,
               skewY: element.skewY ?? 0,
               scaleX: effectiveScaleX * baseScaleX,
@@ -24870,9 +24905,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.352";
+const resolvedPackageVersion = "0.5.354";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.352";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.354";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -25686,7 +25721,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-DssfP9Fv.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DnoKFr-R.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -28006,7 +28041,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-DssfP9Fv.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DnoKFr-R.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28403,4 +28438,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-BBwoWejC.cjs.map
+//# sourceMappingURL=index-BUYWcO1C.cjs.map