@pixldocs/canvas-renderer 0.5.268 → 0.5.270

package/dist/{index-DNGRsx4X.cjs → index-CLq3CdA3.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 {
           }
         }
@@ -14319,9 +14323,21 @@ const PageCanvas = react.forwardRef(
                 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;
                 if (groupSelectionId && activeObj instanceof fabric__namespace.ActiveSelection) {
-                  restoreGroupSelectionVisualState(activeObj, groupSelectionId);
-                  fabricCanvas.setActiveObject(activeObj);
-                  activeObj.setCoords();
+                  try {
+                    skipSelectionClearOnDiscardRef.current = true;
+                    skipActiveSelectionBakeOnClearRef.current = true;
+                    try {
+                      fabricCanvas.discardActiveObject();
+                    } finally {
+                      skipActiveSelectionBakeOnClearRef.current = false;
+                      skipSelectionClearOnDiscardRef.current = false;
+                    }
+                  } catch {
+                  }
+                  const bakedSelection = targetObjects.length > 1 ? new fabric__namespace.ActiveSelection(targetObjects, { canvas: fabricCanvas }) : activeObj;
+                  restoreGroupSelectionVisualState(bakedSelection, groupSelectionId);
+                  fabricCanvas.setActiveObject(bakedSelection);
+                  bakedSelection.setCoords();
                 }
                 selectElements([groupSelectionId], false, false);
                 fabricCanvas.requestRenderAll();
@@ -14506,6 +14522,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;
@@ -14513,8 +14531,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 {
               }
@@ -14655,10 +14678,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();
         }
       });
@@ -14917,13 +14942,14 @@ const PageCanvas = react.forwardRef(
         visibilityUpdateInProgressRef.current = false;
       }
       doSyncRef.current = () => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
         const shouldSkipUpdates2 = syncLockedRef.current || editLockRef.current;
         const state = useEditorStore.getState();
-        const elementsToSync = elements;
+        const storePage = state.canvas.pages.find((p) => p.id === pageId);
+        const pageTree = isPreviewMode && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren ?? [] : (storePage == null ? void 0 : storePage.children) ?? [];
+        const elementsToSync = isPreviewMode ? elements : pageTree.length ? flattenChildren(pageTree) : elements;
         elementsRef.current = elementsToSync;
-        const pageTree = isPreviewMode && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren ?? [] : ((_a2 = state.canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _a2.children) ?? [];
-        const selectedIdsFromStore = new Set(((_b2 = state.canvas) == null ? void 0 : _b2.selectedIds) ?? []);
+        const selectedIdsFromStore = new Set(((_a2 = state.canvas) == null ? void 0 : _a2.selectedIds) ?? []);
         isRebuildingRef.current = true;
         const allElementIds = new Set(elementsToSync.map((el) => el.id));
         const sectionGroups = pageTree.filter(
@@ -14951,7 +14977,7 @@ const PageCanvas = react.forwardRef(
           const activeObjId = activeObj ? getObjectId(activeObj) : null;
           const isTextBeingEdited = activeObjId && editingTextIdRef.current === activeObjId;
           const isMultiSelect = activeObj instanceof fabric__namespace.ActiveSelection;
-          if (activeObj && isMultiSelect && !(((_c = activeObj._ct) == null ? void 0 : _c.isCropGroup) || activeObj.__cropGroup) && !isTextBeingEdited) {
+          if (activeObj && isMultiSelect && !(((_b2 = activeObj._ct) == null ? void 0 : _b2.isCropGroup) || activeObj.__cropGroup) && !isTextBeingEdited) {
             fc.discardActiveObject();
           }
         }
@@ -14988,7 +15014,7 @@ const PageCanvas = react.forwardRef(
             fc.requestRenderAll();
           }
         } else if (!skipRestoreSelection && restoreTarget && !isActiveTextBeingEdited) {
-          const isCropGroup2 = ((_d = restoreTarget._ct) == null ? void 0 : _d.isCropGroup) || restoreTarget.__cropGroup;
+          const isCropGroup2 = ((_c = restoreTarget._ct) == null ? void 0 : _c.isCropGroup) || restoreTarget.__cropGroup;
           const isSectionGroup = activeId && sectionGroupIds.has(activeId);
           if ((isCropGroup2 || !shouldSkipUpdates2) && !isSectionGroup) {
             fc.setActiveObject(restoreTarget);
@@ -15116,7 +15142,7 @@ const PageCanvas = react.forwardRef(
               const sourceUrlChanged = currentUrlNormalized !== storedUrlNormalized;
               const newFadeKey = edgeFadeKey(element);
               const oldFadeKey = isCropGroup2 ? existingObj.__edgeFadeInputKey || "" : existingObj.__edgeFadeKey || "";
-              const innerImg = (_e = existingObj == null ? void 0 : existingObj.__cropData) == null ? void 0 : _e._img;
+              const innerImg = (_d = existingObj == null ? void 0 : existingObj.__cropData) == null ? void 0 : _d._img;
               const innerOldKey = isCropGroup2 ? oldFadeKey : innerImg ? innerImg.__edgeFadeKey || "" : oldFadeKey;
               const cropFadeRendererMissing = isCropGroup2 && Boolean(newFadeKey) && !existingObj.__edgeFadeRenderConfig;
               const fadeKeyChanged = newFadeKey !== oldFadeKey || newFadeKey !== innerOldKey || cropFadeRendererMissing;
@@ -15124,14 +15150,14 @@ const PageCanvas = react.forwardRef(
               const needsCropGroupFadeUpdate = isCropGroup2 && fadeKeyChanged;
               const hadUrlBefore = storedImageUrl && String(storedImageUrl).trim() !== "";
               if (!hasUrl && hadUrlBefore) {
-                const resolvedSizeImg = (pageChildren == null ? void 0 : pageChildren.length) ? getNodeBounds(element, pageChildren) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
+                const resolvedSizeImg = pageTree.length ? getNodeBounds(element, pageTree) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
                 const hasExplicitSize = typeof element.width === "number" && Number.isFinite(element.width) && element.width > 0 && typeof element.height === "number" && Number.isFinite(element.height) && element.height > 0;
                 const minVisiblePlaceholder = hasExplicitSize ? 1 : 20;
                 const nextWidth = Math.max(minVisiblePlaceholder, Number(resolvedSizeImg.width) || 200);
                 const nextHeight = Math.max(minVisiblePlaceholder, Number(resolvedSizeImg.height) || 50);
-                const storePosImg = pageChildren ? (() => {
-                  const node = findNodeById(pageChildren, element.id);
-                  return node ? getAbsoluteBounds(node, pageChildren) : { left: element.left ?? 0, top: element.top ?? 0 };
+                const storePosImg = pageTree.length ? (() => {
+                  const node = findNodeById(pageTree, element.id);
+                  return node ? getAbsoluteBounds(node, pageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
                 })() : { left: element.left ?? 0, top: element.top ?? 0 };
                 const elementForPlaceholder = { ...element, width: nextWidth, height: nextHeight };
                 const placeholder = isCropGroup2 ? createImagePlaceholderForGroup(elementForPlaceholder) : createImagePlaceholder(elementForPlaceholder);
@@ -15154,8 +15180,8 @@ const PageCanvas = react.forwardRef(
                 fc.requestRenderAll();
                 continue;
               }
-              const imageFitForReplace = element.imageFit || ((_f = element.style) == null ? void 0 : _f.imageFit) || "cover";
-              const clipShapeForReplace = element.clipShape ?? ((_g = element.style) == null ? void 0 : _g.imageFrameShape) ?? (isPreviewMode ? "rectangle" : "none");
+              const imageFitForReplace = element.imageFit || ((_e = element.style) == null ? void 0 : _e.imageFit) || "cover";
+              const clipShapeForReplace = element.clipShape ?? ((_f = element.style) == null ? void 0 : _f.imageFrameShape) ?? (isPreviewMode ? "rectangle" : "none");
               const needCropGroupForElement = imageFitForReplace !== "fill" || clipShapeForReplace && clipShapeForReplace !== "none";
               const plainImageNeedsCropGroup = hasUrl && !isCropGroup2 && existingObj instanceof fabric__namespace.FabricImage && needCropGroupForElement;
               if (hasUrl && (needsReload || isPlaceholder || plainImageNeedsCropGroup || needsCropGroupFadeUpdate)) {
@@ -15192,9 +15218,9 @@ const PageCanvas = react.forwardRef(
                       }
                       ct.rx = rxRatio;
                     }
-                    const cropPos = pageChildren ? (() => {
-                      const node = findNodeById(pageChildren, element.id);
-                      return node ? getAbsoluteBounds(node, pageChildren) : { left: element.left ?? 0, top: element.top ?? 0 };
+                    const cropPos = pageTree.length ? (() => {
+                      const node = findNodeById(pageTree, element.id);
+                      return node ? getAbsoluteBounds(node, pageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
                     })() : { left: element.left ?? 0, top: element.top ?? 0 };
                     const cropCenterX = cropPos.left + (ct.frameW ?? 0) / 2;
                     const cropCenterY = cropPos.top + (ct.frameH ?? 0) / 2;
@@ -15291,7 +15317,7 @@ const PageCanvas = react.forwardRef(
                   continue;
                 }
               } else if (!hasUrl && !isPlaceholder) {
-                const resolvedSizeImg = (pageChildren == null ? void 0 : pageChildren.length) ? getNodeBounds(element, pageChildren) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
+                const resolvedSizeImg = pageTree.length ? getNodeBounds(element, pageTree) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
                 const hasExplicitSize = typeof element.width === "number" && Number.isFinite(element.width) && element.width > 0 && typeof element.height === "number" && Number.isFinite(element.height) && element.height > 0;
                 const minVisiblePlaceholder = hasExplicitSize ? 1 : 20;
                 const elementForPlaceholder = {
@@ -15321,11 +15347,11 @@ const PageCanvas = react.forwardRef(
                 placeholder.__imageSrc = void 0;
               } else if (!isBeingTransformed && !isBeingTextEdited && !shouldSkipUpdates2) {
                 if (isPlaceholderGroup) {
-                  const storePosImg = pageChildren ? (() => {
-                    const node = findNodeById(pageChildren, element.id);
-                    return node ? getAbsoluteBounds(node, pageChildren) : { left: element.left ?? 0, top: element.top ?? 0 };
+                  const storePosImg = pageTree.length ? (() => {
+                    const node = findNodeById(pageTree, element.id);
+                    return node ? getAbsoluteBounds(node, pageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
                   })() : { left: element.left ?? 0, top: element.top ?? 0 };
-                  const resolvedSizeImg = (pageChildren == null ? void 0 : pageChildren.length) ? getNodeBounds(element, pageChildren) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
+                  const resolvedSizeImg = pageTree.length ? getNodeBounds(element, pageTree) : { width: typeof element.width === "number" ? element.width : 200, height: typeof element.height === "number" ? element.height : 50 };
                   const hasExplicitSize = typeof element.width === "number" && Number.isFinite(element.width) && element.width > 0 && typeof element.height === "number" && Number.isFinite(element.height) && element.height > 0;
                   const minVisiblePlaceholder = hasExplicitSize ? 1 : 20;
                   const nextWidth = Math.max(minVisiblePlaceholder, Number(resolvedSizeImg.width) || 200);
@@ -15385,9 +15411,9 @@ const PageCanvas = react.forwardRef(
                 const previousVisible = previousVisibilityRef.current.get(element.id) ?? true;
                 const currentVisible = element.visible !== false;
                 const visibilityChanged = previousVisible !== currentVisible;
-                const storePosForImg = pageChildren ? (() => {
-                  const node = findNodeById(pageChildren, element.id);
-                  return node ? getAbsoluteBounds(node, pageChildren) : { left: element.left ?? 0, top: element.top ?? 0 };
+                const storePosForImg = pageTree.length ? (() => {
+                  const node = findNodeById(pageTree, element.id);
+                  return node ? getAbsoluteBounds(node, pageTree) : { left: element.left ?? 0, top: element.top ?? 0 };
                 })() : { left: element.left ?? 0, top: element.top ?? 0 };
                 const positionChanged = Math.abs((existingObj.left ?? 0) - storePosForImg.left) > 0.1 || Math.abs((existingObj.top ?? 0) - storePosForImg.top) > 0.1;
                 if (visibilityChanged && !positionChanged || visibilityUpdateInProgressRef.current) {
@@ -15585,7 +15611,7 @@ const PageCanvas = react.forwardRef(
               fc.add(placeholder);
               fc.bringObjectToFront(placeholder);
               const activeObj = fc.getActiveObject();
-              if (activeObj && (((_h = activeObj._ct) == null ? void 0 : _h.isCropGroup) || activeObj.__cropGroup)) {
+              if (activeObj && (((_g = activeObj._ct) == null ? void 0 : _g.isCropGroup) || activeObj.__cropGroup)) {
                 fc.setActiveObject(activeObj);
               }
               placeholder.dirty = true;
@@ -15625,7 +15651,7 @@ const PageCanvas = react.forwardRef(
                 fc.add(obj);
                 fc.bringObjectToFront(obj);
                 const activeObj = fc.getActiveObject();
-                if (activeObj && (((_i = activeObj._ct) == null ? void 0 : _i.isCropGroup) || activeObj.__cropGroup)) {
+                if (activeObj && (((_h = activeObj._ct) == null ? void 0 : _h.isCropGroup) || activeObj.__cropGroup)) {
                   fc.setActiveObject(activeObj);
                 }
                 obj.dirty = true;
@@ -15655,10 +15681,18 @@ const PageCanvas = react.forwardRef(
           });
           allFabricObjects.forEach((obj) => fc.bringObjectToFront(obj));
         }
+        const activeAfterObjectSync = fc.getActiveObject();
+        if (activeAfterObjectSync instanceof fabric__namespace.ActiveSelection) {
+          const groupSelectionId = activeAfterObjectSync.__pixldocsGroupSelection;
+          if (groupSelectionId) {
+            applyLogicalGroupSelectionVisualState(activeAfterObjectSync, groupSelectionId);
+            activeAfterObjectSync.setCoords();
+          }
+        }
         isRebuildingRef.current = false;
         fc.requestRenderAll();
         if (activeBeforeSync && fc.getObjects().includes(activeBeforeSync)) {
-          const isCropGroup2 = ((_j = activeBeforeSync._ct) == null ? void 0 : _j.isCropGroup) || activeBeforeSync.__cropGroup;
+          const isCropGroup2 = ((_i = activeBeforeSync._ct) == null ? void 0 : _i.isCropGroup) || activeBeforeSync.__cropGroup;
           if (isCropGroup2) {
             fc.setActiveObject(activeBeforeSync);
             fc.requestRenderAll();
@@ -17152,7 +17186,7 @@ const PageCanvas = react.forwardRef(
           if (imageFit === "fill" && !needCropGroup2) {
             const finalScaleX = baseScaleX * (element.scaleX ?? 1);
             const finalScaleY = baseScaleY * (element.scaleY ?? 1);
-            const pageTreeForCreate = ((pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_f = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _f.children) ?? [];
+            const pageTreeForCreate = ((isPreviewMode || isExportMode) && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_f = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _f.children) ?? [];
             const createPos = pageTreeForCreate.length > 0 ? (() => {
               const node = findNodeById(pageTreeForCreate, element.id);
               return node ? getAbsoluteBounds(node, pageTreeForCreate) : { left: element.left ?? 0, top: element.top ?? 0 };
@@ -17202,7 +17236,7 @@ const PageCanvas = react.forwardRef(
         const needCropGroup = imageFitFinal !== "fill" || clipShapeFinal && clipShapeFinal !== "none";
         let finalObject = img;
         if (needCropGroup) {
-          const pageTreeForCropResolve = ((pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_i = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _i.children) ?? [];
+          const pageTreeForCropResolve = ((isPreviewMode || isExportMode) && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_i = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _i.children) ?? [];
           const nodeForSize = pageTreeForCropResolve.length ? findNodeById(pageTreeForCropResolve, element.id) : null;
           const w = nodeForSize && isElement(nodeForSize) ? nodeForSize.width : element.width;
           const h = nodeForSize && isElement(nodeForSize) ? nodeForSize.height : element.height;
@@ -17246,7 +17280,7 @@ const PageCanvas = react.forwardRef(
           }
           const isDynamicField = dynamicFieldIds.includes(element.id);
           const canBeEvented = isEditorMode || isPreviewMode && isDynamicField;
-          const pageTreeForCrop = ((pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_n = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _n.children) ?? [];
+          const pageTreeForCrop = ((isPreviewMode || isExportMode) && (pageChildren == null ? void 0 : pageChildren.length) ? pageChildren : (_n = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _n.children) ?? [];
           const createPosForCrop = pageTreeForCrop.length > 0 ? (() => {
             const node = findNodeById(pageTreeForCrop, element.id);
             return node ? getAbsoluteBounds(node, pageTreeForCrop) : { left: element.left ?? 0, top: element.top ?? 0 };
@@ -23662,9 +23696,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.268";
+const resolvedPackageVersion = "0.5.270";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.268";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.270";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24478,7 +24512,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-D2g8-LcJ.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-BpHyRyQS.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26798,7 +26832,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-D2g8-LcJ.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-BpHyRyQS.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27195,4 +27229,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-DNGRsx4X.cjs.map
+//# sourceMappingURL=index-CLq3CdA3.cjs.map