@pixldocs/canvas-renderer 0.5.269 → 0.5.271

package/dist/{index-V3Oyi5GA.cjs → index-6188mLJ2.cjs}

@@ -11013,9 +11013,9 @@ const scaleUpdateNumber = (updates, source, key, factor) => {
   const value = Number(source == null ? void 0 : source[key]);
   if (Number.isFinite(value)) updates[key] = value * factor;
 };
-const bakeTextboxScaleIntoTypography = (obj, sourceElement) => {
-  const sx = Math.abs(obj.scaleX ?? 1) || 1;
-  const sy = Math.abs(obj.scaleY ?? 1) || 1;
+const bakeTextboxScaleIntoTypography = (obj, sourceElement, scaleOverride) => {
+  const sx = Math.abs((scaleOverride == null ? void 0 : scaleOverride.scaleX) ?? obj.scaleX ?? 1) || 1;
+  const sy = Math.abs((scaleOverride == null ? void 0 : scaleOverride.scaleY) ?? 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;
@@ -11231,6 +11231,7 @@ const PageCanvas = react.forwardRef(
     react.useRef(null);
     const lastTextEditDimensionsRef = react.useRef(null);
     const lastResizeScaleTargetRef = react.useRef(null);
+    const lastResizeScaleCornerRef = react.useRef(null);
     const preserveSelectionAfterTransformIdRef = react.useRef(null);
     const groupSelectionTransformStartRef = react.useRef(null);
     const activeSelectionMoveStartRef = react.useRef(null);
@@ -11558,6 +11559,7 @@ const PageCanvas = react.forwardRef(
         fc.__isUserTransforming = true;
         didTransformRef.current = true;
         lastResizeScaleTargetRef.current = target;
+        lastResizeScaleCornerRef.current = corner;
         const targetId = getObjectId(target);
         if (targetId && targetId !== "__background__") {
           preserveSelectionAfterTransformIdRef.current = targetId;
@@ -13385,10 +13387,11 @@ const PageCanvas = react.forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2;
+        var _a2, _b2;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
+        lastResizeScaleCornerRef.current = ((_a2 = e.transform) == null ? void 0 : _a2.corner) ?? null;
         prepareGroupSelectionTransformStart(t);
         markTransforming(t);
         didTransformRef.current = true;
@@ -13706,16 +13709,17 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForScale.length ? [...scaleGuides, ...gridGuidesForScale] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_a2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fabricCanvas);
+            (_b2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _b2.call(fabricCanvas);
           } catch {
           }
         }
       });
       fabricCanvas.on("object:resizing", (e) => {
-        var _a2;
+        var _a2, _b2;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
+        lastResizeScaleCornerRef.current = ((_a2 = e.transform) == null ? void 0 : _a2.corner) ?? null;
         markTransforming(t);
         didTransformRef.current = true;
         const transformTargetId = t ? getObjectId(t) : null;
@@ -13791,7 +13795,7 @@ const PageCanvas = react.forwardRef(
         setGuides(gridGuidesForTextResize.length ? [...scaleGuides, ...gridGuidesForTextResize] : scaleGuides);
         if (drilledGroupIdRef.current) {
           try {
-            (_a2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fabricCanvas);
+            (_b2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _b2.call(fabricCanvas);
           } catch {
           }
         }
@@ -13902,7 +13906,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;
         try {
           dragStarted = false;
           setGuides([]);
@@ -14318,6 +14322,7 @@ const PageCanvas = react.forwardRef(
                 drilledGroupIdRef.current = null;
                 const groupSelectionId = (isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.__pixldocsGroupSelection : void 0) ?? groupToMove.id;
                 const targetObjects = isActiveSelection && activeObj instanceof fabric__namespace.ActiveSelection ? activeObj.getObjects() : activeObjects;
+                let preservedGroupMemberIds = targetObjects.map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__");
                 if (groupSelectionId && activeObj instanceof fabric__namespace.ActiveSelection) {
                   try {
                     skipSelectionClearOnDiscardRef.current = true;
@@ -14330,7 +14335,25 @@ const PageCanvas = react.forwardRef(
                     }
                   } catch {
                   }
-                  const bakedSelection = targetObjects.length > 1 ? new fabric__namespace.ActiveSelection(targetObjects, { canvas: fabricCanvas }) : activeObj;
+                  const pageAfterMove = ((_g = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _g.children) ?? [];
+                  const groupAfterMove = findNodeById(pageAfterMove, groupToMove.id);
+                  const memberIdsAfterMove = groupAfterMove && isGroup(groupAfterMove) ? getAllElementIds(groupAfterMove.children ?? []) : targetObjects.map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__");
+                  preservedGroupMemberIds = memberIdsAfterMove;
+                  const reselectionObjects = memberIdsAfterMove.map((id) => targetObjects.find((obj) => getObjectId(obj) === id) ?? fabricCanvas.getObjects().find((obj) => getObjectId(obj) === id)).filter((obj) => !!obj);
+                  for (const obj of reselectionObjects) {
+                    const id = getObjectId(obj);
+                    const node = id ? findNodeById(pageAfterMove, id) : null;
+                    if (!node) continue;
+                    const abs = getAbsoluteBounds(node, pageAfterMove, pageBoundsOptions);
+                    const bounds = getNodeBounds(node, pageAfterMove, pageBoundsOptions);
+                    if (obj instanceof fabric__namespace.Group && obj.__cropGroup || obj instanceof fabric__namespace.FabricImage && (obj.originX === "center" || obj.originY === "center")) {
+                      obj.set({ left: abs.left + Math.max(1, bounds.width) / 2, top: abs.top + Math.max(1, bounds.height) / 2 });
+                    } else {
+                      obj.set({ left: abs.left, top: abs.top });
+                    }
+                    obj.setCoords();
+                  }
+                  const bakedSelection = reselectionObjects.length > 1 ? new fabric__namespace.ActiveSelection(reselectionObjects, { canvas: fabricCanvas }) : activeObj;
                   restoreGroupSelectionVisualState(bakedSelection, groupSelectionId);
                   fabricCanvas.setActiveObject(bakedSelection);
                   bakedSelection.setCoords();
@@ -14338,7 +14361,7 @@ const PageCanvas = react.forwardRef(
                 selectElements([groupSelectionId], false, false);
                 fabricCanvas.requestRenderAll();
                 elementsRef.current = getCurrentElements();
-                for (const obj of targetObjects) {
+                for (const obj of targetObjects.length ? targetObjects : activeObjects) {
                   const objId = getObjectId(obj);
                   if (objId && objId !== "__background__") {
                     justModifiedIdsRef.current.add(objId);
@@ -14348,7 +14371,7 @@ const PageCanvas = react.forwardRef(
                 setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
                 groupSelectionTransformStartRef.current = null;
                 restorePreservedGroupSelectionSoon({
-                  memberIds: targetObjects.map((obj) => getObjectId(obj)).filter((id) => !!id && id !== "__background__"),
+                  memberIds: preservedGroupMemberIds,
                   groupSelectionId
                 });
                 unlockEditsSoon();
@@ -14518,6 +14541,8 @@ 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 lastCorner = lastResizeScaleCornerRef.current ?? "";
+              const isCornerGroupScale = lastCorner === "tl" || lastCorner === "tr" || lastCorner === "bl" || lastCorner === "br";
               const bakedWidth = Math.max(20, intrinsicWidth * sx);
               const bakedHeight = Math.max(1, intrinsicHeight * sy);
               finalWidth = bakedWidth;
@@ -14525,8 +14550,13 @@ const PageCanvas = react.forwardRef(
               finalScaleX = 1;
               finalScaleY = 1;
               try {
-                obj.set({ width: bakedWidth, scaleX: 1, scaleY: 1 });
-                obj.initDimensions();
+                if (isCornerGroupScale) {
+                  bakeTextboxScaleIntoTypography(obj, sourceElement, { scaleX: sx, scaleY: sy });
+                } else {
+                  obj.set({ width: bakedWidth, scaleX: 1, scaleY: 1 });
+                  obj.minBoxHeight = bakedHeight;
+                  obj.initDimensions();
+                }
                 obj.setCoords();
               } catch {
               }
@@ -14605,7 +14635,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 = ((_h = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _h.children) ?? [];
           const stackGroupsToReflow = /* @__PURE__ */ new Set();
           for (const id of modifiedIdsThisRound) {
             const parent = findParentGroup(pageChildrenForReflow, id);
@@ -14667,10 +14697,12 @@ const PageCanvas = react.forwardRef(
           }
           groupSelectionTransformStartRef.current = null;
           activeSelectionMoveStartRef.current = null;
+          lastResizeScaleCornerRef.current = null;
           setTimeout(() => modifiedIdsThisRound.forEach((id) => justModifiedIdsRef.current.delete(id)), 150);
           commitHistory();
           unlockEditsSoon();
         } catch (e2) {
+          lastResizeScaleCornerRef.current = null;
           unlockEditsSoon();
         }
       });
@@ -23683,9 +23715,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.269";
+const resolvedPackageVersion = "0.5.271";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.269";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.271";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24499,7 +24531,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-xlycX5wM.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-DjBUHamz.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26819,7 +26851,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-xlycX5wM.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-DjBUHamz.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27216,4 +27248,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-V3Oyi5GA.cjs.map
+//# sourceMappingURL=index-6188mLJ2.cjs.map