@pixldocs/canvas-renderer 0.5.297 → 0.5.299

package/dist/{index-CrvU0g7N.cjs → index-DUUr9uZ0.cjs}

@@ -13618,6 +13618,34 @@ const PageCanvas = react.forwardRef(
             const asRect0 = obj.getBoundingRect();
             let didReflowTextChild = false;
             for (const child of obj.getObjects()) {
+              if (child instanceof fabric__namespace.FabricImage && !child.__cropGroup && !child.smartElementType) {
+                if (isXSide) {
+                  if (child.__asLiveOrigW == null) {
+                    child.__asLiveOrigW = (child.width ?? 0) * (child.scaleX ?? 1);
+                  }
+                  const origW = child.__asLiveOrigW;
+                  const newW = Math.max(1, origW * sAxis);
+                  if (Math.abs((child.width ?? 0) - newW) > 0.5) {
+                    child._set("width", newW);
+                    child._set("scaleX", 1 / sAxis);
+                    child.setCoords();
+                    child.dirty = true;
+                  }
+                } else {
+                  if (child.__asLiveOrigH == null) {
+                    child.__asLiveOrigH = (child.height ?? 0) * (child.scaleY ?? 1);
+                  }
+                  const origH = child.__asLiveOrigH;
+                  const newH = Math.max(1, origH * sAxis);
+                  if (Math.abs((child.height ?? 0) - newH) > 0.5) {
+                    child._set("height", newH);
+                    child._set("scaleY", 1 / sAxis);
+                    child.setCoords();
+                    child.dirty = true;
+                  }
+                }
+                continue;
+              }
               if (!(child instanceof fabric__namespace.Textbox)) continue;
               if (isXSide) {
                 if (child.__asLiveOrigW == null) {
@@ -13955,7 +13983,7 @@ const PageCanvas = react.forwardRef(
       });
       let cropGroupSaveTimer = null;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
         try {
           dragStarted = false;
           setGuides([]);
@@ -14562,6 +14590,94 @@ const PageCanvas = react.forwardRef(
                   };
                   useEditorStore.getState().updateElement(objId, { src: newSrc }, { recordHistory: false, skipLayoutRecalc: true });
                 }
+              } else if (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 handle = activeSelectionResizeHandle;
+                const isCornerHandle = handle === "tl" || handle === "tr" || handle === "bl" || handle === "br" || // Fallback: if handle ref is missing and sx≈sy with non-1 magnitude,
+                // treat as a uniform corner drag.
+                !handle && Math.abs(sx - sy) < 0.01 && Math.abs(sx - 1) > 1e-3;
+                let fx;
+                let fy;
+                if (isCornerHandle) {
+                  const u = Math.max(1e-3, Math.sqrt(sx * sy));
+                  fx = u;
+                  fy = u;
+                } else {
+                  fx = sx;
+                  fy = sy;
+                }
+                const bakedW = Math.max(1, intrinsicWidth * fx);
+                const bakedH = Math.max(1, intrinsicHeight * fy);
+                try {
+                  const preBakeCenter = obj.getCenterPoint();
+                  const prevObjCaching = obj.objectCaching;
+                  obj.set({
+                    width: bakedW,
+                    height: bakedH,
+                    scaleX: 1,
+                    scaleY: 1,
+                    objectCaching: false
+                  });
+                  obj.objectCaching = prevObjCaching;
+                  if (sx > 0 && sy > 0) {
+                    const localScaleX = 1 / sx;
+                    const localScaleY = 1 / sy;
+                    obj.set({ scaleX: localScaleX, scaleY: localScaleY });
+                    const selectionMatrix = (_g = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _g.call(activeObj);
+                    const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
+                    const localWidth = bakedW * localScaleX;
+                    const localHeight = bakedH * localScaleY;
+                    const isCenterOrigin = obj.originX === "center" || obj.originY === "center";
+                    if (isCenterOrigin) {
+                      obj.set({
+                        left: localCenter.x,
+                        top: localCenter.y
+                      });
+                    } else {
+                      obj.set({
+                        left: localCenter.x - localWidth / 2,
+                        top: localCenter.y - localHeight / 2
+                      });
+                    }
+                  }
+                  obj.dirty = true;
+                  if (activeObj) activeObj.dirty = true;
+                  obj.setCoords();
+                } catch {
+                }
+                finalWidth = bakedW;
+                finalHeight = bakedH;
+                finalScaleX = 1;
+                finalScaleY = 1;
+                try {
+                  const angleRad = (decomposed.angle ?? 0) * Math.PI / 180;
+                  const cos = Math.cos(angleRad);
+                  const sin = Math.sin(angleRad);
+                  const hw = finalWidth / 2;
+                  const hh = finalHeight / 2;
+                  const corners = [
+                    { x: -hw, y: -hh },
+                    { x: hw, y: -hh },
+                    { x: hw, y: hh },
+                    { x: -hw, y: hh }
+                  ].map((p) => ({
+                    x: decomposed.translateX + p.x * cos - p.y * sin,
+                    y: decomposed.translateY + p.x * sin + p.y * cos
+                  }));
+                  absoluteLeft = Math.min(...corners.map((p) => p.x));
+                  absoluteTop = Math.min(...corners.map((p) => p.y));
+                } catch {
+                }
+                finalAbsoluteMatrix = fabric__namespace.util.composeMatrix({
+                  translateX: decomposed.translateX,
+                  translateY: decomposed.translateY,
+                  angle: decomposed.angle ?? 0,
+                  scaleX: 1,
+                  scaleY: 1,
+                  skewX: 0,
+                  skewY: 0
+                });
               } else {
                 finalWidth = intrinsicWidth;
                 finalHeight = intrinsicHeight;
@@ -14605,7 +14721,7 @@ const PageCanvas = react.forwardRef(
                   const localScaleX = 1 / sx;
                   const localScaleY = 1 / sy;
                   obj.set({ scaleX: localScaleX, scaleY: localScaleY });
-                  const selectionMatrix = (_g = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _g.call(activeObj);
+                  const selectionMatrix = (_h = activeObj == null ? void 0 : activeObj.calcTransformMatrix) == null ? void 0 : _h.call(activeObj);
                   const localCenter = selectionMatrix ? fabric__namespace.util.transformPoint(preBakeCenter, fabric__namespace.util.invertTransform(selectionMatrix)) : preBakeCenter;
                   const localWidth = bakedWidth * localScaleX;
                   const localHeight = (obj.height ?? intrinsicHeight) * localScaleY;
@@ -14757,7 +14873,7 @@ const PageCanvas = react.forwardRef(
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
-          const pageChildrenForReflow = ((_h = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _h.children) ?? [];
+          const pageChildrenForReflow = ((_i = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _i.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -23857,9 +23973,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.297";
+const resolvedPackageVersion = "0.5.299";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.297";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.299";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24673,7 +24789,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-hvIfS0b3.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DeL1bsjM.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26993,7 +27109,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-hvIfS0b3.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DeL1bsjM.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27390,4 +27506,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-CrvU0g7N.cjs.map
+//# sourceMappingURL=index-DUUr9uZ0.cjs.map