@pixldocs/canvas-renderer 0.5.296 → 0.5.298

package/dist/{index-QphA136A.cjs → index-BzOCkAOn.cjs}

@@ -13955,7 +13955,7 @@ const PageCanvas = react.forwardRef(
       });
       let cropGroupSaveTimer = null;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
         try {
           dragStarted = false;
           setGuides([]);
@@ -14562,6 +14562,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;
@@ -14602,16 +14690,16 @@ const PageCanvas = react.forwardRef(
                 obj.initDimensions();
                 obj.objectCaching = prevObjCaching;
                 if (sx > 0 && sy > 0) {
-                  obj.set({ scaleX: 1 / sx, scaleY: 1 / sy });
-                  const asTx = Number(decomposed.translateX ?? 0);
-                  const asTy = Number(decomposed.translateY ?? 0);
-                  const localCx = (preBakeCenter.x - asTx) / sx;
-                  const localCy = (preBakeCenter.y - asTy) / sy;
-                  const localWidth = bakedWidth * (1 / sx);
-                  const localHeight = (obj.height ?? intrinsicHeight) * (1 / sy);
+                  const localScaleX = 1 / sx;
+                  const localScaleY = 1 / sy;
+                  obj.set({ scaleX: localScaleX, scaleY: localScaleY });
+                  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;
                   obj.set({
-                    left: localCx - localWidth / 2,
-                    top: localCy - localHeight / 2
+                    left: localCenter.x - localWidth / 2,
+                    top: localCenter.y - localHeight / 2
                   });
                 } else {
                   obj.setPositionByOrigin(preBakeCenter, "center", "center");
@@ -14757,7 +14845,7 @@ const PageCanvas = react.forwardRef(
             updateElement(objId, elementUpdate, { recordHistory: false, skipLayoutRecalc: true });
             obj.setCoords();
           }
-          const pageChildrenForReflow = ((_g = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _g.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 +23945,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.296";
+const resolvedPackageVersion = "0.5.298";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.296";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.298";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24673,7 +24761,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-BhdvkuRF.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BrPykWdO.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26993,7 +27081,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-BhdvkuRF.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BrPykWdO.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27390,4 +27478,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-QphA136A.cjs.map
+//# sourceMappingURL=index-BzOCkAOn.cjs.map