@pixldocs/canvas-renderer 0.5.287 → 0.5.289

package/dist/{index-B8mo_6bC.cjs → index-p4V6omIL.cjs}

@@ -11018,10 +11018,12 @@ const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
   const sy = Math.abs(obj.scaleY ?? 1) || 1;
   if (Math.abs(sx - 1) < 1e-3 && Math.abs(sy - 1) < 1e-3) return null;
   const isUniform = Math.abs(sx - sy) < 0.01;
-  const fontScale = isUniform ? (sx + sy) / 2 : Math.abs(sy - 1) > 1e-3 ? sy : 1;
+  const isHeightOnly = !isUniform && Math.abs(sx - 1) < 0.01 && Math.abs(sy - 1) > 1e-3;
+  const fontScale = isUniform ? (sx + sy) / 2 : 1;
   const effectScale = isUniform ? fontScale : Math.max(1e-3, Math.sqrt(sx * sy));
+  const newWidth = isHeightOnly ? obj.width ?? (sourceElement == null ? void 0 : sourceElement.width) ?? 20 : Math.max(20, (obj.width ?? (sourceElement == null ? void 0 : sourceElement.width) ?? 20) * sx);
   const updates = {
-    width: Math.max(20, (obj.width ?? (sourceElement == null ? void 0 : sourceElement.width) ?? 20) * sx),
+    width: newWidth,
     scaleX: 1,
     scaleY: 1
   };
@@ -11029,6 +11031,10 @@ const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
     updates.fontSize = Math.max(1, Number(obj.fontSize || (sourceElement == null ? void 0 : sourceElement.fontSize) || 16) * fontScale);
     const minBoxHeight = Number(obj.minBoxHeight ?? (sourceElement == null ? void 0 : sourceElement.minBoxHeight));
     if (Number.isFinite(minBoxHeight) && minBoxHeight > 0) updates.minBoxHeight = minBoxHeight * sy;
+  } else if (isHeightOnly) {
+    const baseMinH = Number(obj.minBoxHeight ?? (sourceElement == null ? void 0 : sourceElement.minBoxHeight));
+    const baselineH = Number.isFinite(baseMinH) && baseMinH > 0 ? baseMinH : obj.height ?? (sourceElement == null ? void 0 : sourceElement.height) ?? 0;
+    if (baselineH > 0) updates.minBoxHeight = Math.max(0, baselineH * sy);
   }
   scaleUpdateNumber(updates, sourceElement ?? void 0, "strokeWidth", effectScale);
   scaleUpdateNumber(updates, sourceElement ?? void 0, "textShadowBlur", effectScale);
@@ -11232,6 +11238,7 @@ const PageCanvas = react.forwardRef(
     react.useRef(null);
     const lastTextEditDimensionsRef = react.useRef(null);
     const lastResizeScaleTargetRef = react.useRef(null);
+    const activeSelectionResizeHandleRef = react.useRef(null);
     const preserveSelectionAfterTransformIdRef = react.useRef(null);
     const groupSelectionTransformStartRef = react.useRef(null);
     const activeSelectionMoveStartRef = react.useRef(null);
@@ -12054,6 +12061,7 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("mouse:down", () => {
         groupSelectionTransformStartRef.current = null;
         activeSelectionMoveStartRef.current = null;
+        activeSelectionResizeHandleRef.current = null;
         const active = fabricCanvas.getActiveObject();
         if (active instanceof fabric__namespace.ActiveSelection) {
           const rect = active.getBoundingRect();
@@ -13520,6 +13528,9 @@ const PageCanvas = react.forwardRef(
         }
         const transform = e.transform;
         const corner = (transform == null ? void 0 : transform.corner) || "";
+        if (obj instanceof fabric__namespace.ActiveSelection && corner) {
+          activeSelectionResizeHandleRef.current = corner;
+        }
         if (obj instanceof fabric__namespace.ActiveSelection && (corner === "ml" || corner === "mr" || corner === "mt" || corner === "mb")) {
           const isXSide = corner === "ml" || corner === "mr";
           const sAxis = isXSide ? Math.abs(obj.scaleX ?? 1) : Math.abs(obj.scaleY ?? 1);
@@ -14142,6 +14153,7 @@ const PageCanvas = react.forwardRef(
             activeObjects = activeObjects[0].getObjects();
           }
           const isActiveSelection = activeObj instanceof fabric__namespace.ActiveSelection || activeObjects.length > 1;
+          const activeSelectionResizeHandle = isActiveSelection ? activeSelectionResizeHandleRef.current : null;
           if (activeObj instanceof fabric__namespace.ActiveSelection && activeObjects.length > 1) {
             const memberIds = activeObjects.map((o) => getObjectId(o)).filter((id) => !!id && id !== "__background__");
             if (memberIds.length > 1) {
@@ -14474,15 +14486,32 @@ const PageCanvas = react.forwardRef(
             } 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);
+              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 bakedHeight = Math.max(1, intrinsicHeight * sy);
-              finalWidth = bakedWidth;
-              finalHeight = bakedHeight;
+              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 bakedTextScaleUpdates = { width: bakedWidth };
               finalScaleX = 1;
               finalScaleY = 1;
               try {
+                if (isCornerHandle) {
+                  const baseFontSize = Number((sourceElement == null ? void 0 : sourceElement.fontSize) ?? obj.fontSize ?? 16);
+                  const nextFontSize = Math.max(1, baseFontSize * fontScale);
+                  bakedTextScaleUpdates.fontSize = nextFontSize;
+                  obj.set({ fontSize: nextFontSize });
+                }
+                if (nextMinH !== void 0) {
+                  bakedTextScaleUpdates.minBoxHeight = Math.max(0, nextMinH);
+                  obj.minBoxHeight = bakedTextScaleUpdates.minBoxHeight;
+                }
                 obj.set({ width: bakedWidth, scaleX: 1, scaleY: 1 });
                 obj.initDimensions();
+                finalWidth = bakedWidth;
+                finalHeight = Math.max(1, obj.height ?? intrinsicHeight * sy);
+                obj.__pixldocsBakedTextScaleUpdates = bakedTextScaleUpdates;
                 obj.setCoords();
               } catch {
               }
@@ -14626,6 +14655,7 @@ const PageCanvas = react.forwardRef(
           }
           groupSelectionTransformStartRef.current = null;
           activeSelectionMoveStartRef.current = null;
+          activeSelectionResizeHandleRef.current = null;
           setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
           commitHistory();
           unlockEditsSoon();
@@ -23637,9 +23667,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.287";
+const resolvedPackageVersion = "0.5.289";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.287";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.289";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24453,7 +24483,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-PuXmC5oW.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BqZjcl8_.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26773,7 +26803,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-PuXmC5oW.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BqZjcl8_.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27170,4 +27200,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-B8mo_6bC.cjs.map
+//# sourceMappingURL=index-p4V6omIL.cjs.map