@pixldocs/canvas-renderer 0.5.373 → 0.5.375

package/dist/{index-bAD0lJdv.js → index-B0HRibrY.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var _a, _b;
+var _a, _b, _c;
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useRef, useState, useCallback, useMemo, useEffect, useImperativeHandle, createElement } from "react";
 import { flushSync } from "react-dom";
@@ -293,14 +293,14 @@ function lineToString(line) {
   return Array.isArray(line) ? line.join("") : String(line ?? "");
 }
 function measureTextLineWithCanvas(textbox, lineText, lineIndex) {
-  var _a2, _b2, _c, _d, _e;
+  var _a2, _b2, _c2, _d, _e;
   if (!lineText) return 0;
   const ctx = getMeasureContext();
   if (!ctx) return null;
   const tb = textbox;
   const fontSize = Number(((_a2 = tb.getValueOfPropertyAt) == null ? void 0 : _a2.call(tb, lineIndex, 0, "fontSize")) ?? textbox.fontSize ?? 16);
   const fontStyle = String(((_b2 = tb.getValueOfPropertyAt) == null ? void 0 : _b2.call(tb, lineIndex, 0, "fontStyle")) ?? textbox.fontStyle ?? "normal");
-  const fontWeight = String(((_c = tb.getValueOfPropertyAt) == null ? void 0 : _c.call(tb, lineIndex, 0, "fontWeight")) ?? textbox.fontWeight ?? "400");
+  const fontWeight = String(((_c2 = tb.getValueOfPropertyAt) == null ? void 0 : _c2.call(tb, lineIndex, 0, "fontWeight")) ?? textbox.fontWeight ?? "400");
   const fontFamily = String(((_d = tb.getValueOfPropertyAt) == null ? void 0 : _d.call(tb, lineIndex, 0, "fontFamily")) ?? textbox.fontFamily ?? "Open Sans");
   const charSpacing = Number(((_e = tb.getValueOfPropertyAt) == null ? void 0 : _e.call(tb, lineIndex, 0, "charSpacing")) ?? textbox.charSpacing ?? 0);
   ctx.save();
@@ -3620,14 +3620,14 @@ const clearFontCacheAndRerender = (canvas, options = {}) => {
   canvas.requestRenderAll();
 };
 const ensureFontLoaded = async (fontFamily) => {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   if (!fontFamily) return;
   if (LOCAL_FONTS.has(fontFamily)) {
     try {
       const isLoaded = (_a2 = document.fonts) == null ? void 0 : _a2.check(`16px "${fontFamily}"`);
       if (isLoaded) return;
       await ((_b2 = document.fonts) == null ? void 0 : _b2.load(`16px "${fontFamily}"`));
-      await ((_c = document.fonts) == null ? void 0 : _c.load(`bold 16px "${fontFamily}"`));
+      await ((_c2 = document.fonts) == null ? void 0 : _c2.load(`bold 16px "${fontFamily}"`));
     } catch (e) {
       console.warn(`Failed to ensure local font loaded: ${fontFamily}`, e);
     }
@@ -4121,7 +4121,7 @@ function createImageClipPath(element, imgWidth, imgHeight) {
   }
 }
 async function loadImageAsync(element, placeholder, fc, fabricRef, syncLockedRef, isTransforming) {
-  var _a2, _b2, _c, _d;
+  var _a2, _b2, _c2, _d;
   const imageUrl = element.src || element.imageUrl;
   if (!imageUrl) return;
   const nextSvgColorMap = element.svgColorMap ? JSON.stringify(element.svgColorMap) : "";
@@ -4286,7 +4286,7 @@ async function loadImageAsync(element, placeholder, fc, fabricRef, syncLockedRef
         const existingImg = (_a2 = existingCropGroup.__cropData) == null ? void 0 : _a2._img;
         if (existingImg) {
           panX = ((_b2 = existingImg._ct) == null ? void 0 : _b2.panX) ?? existingImg.__panX ?? 0.5;
-          panY = ((_c = existingImg._ct) == null ? void 0 : _c.panY) ?? existingImg.__panY ?? 0.5;
+          panY = ((_c2 = existingImg._ct) == null ? void 0 : _c2.panY) ?? existingImg.__panY ?? 0.5;
           zoom = ((_d = existingImg._ct) == null ? void 0 : _d.zoom) ?? 1;
         }
       }
@@ -4521,7 +4521,7 @@ async function detectMaskType(svgUrl) {
   }
 }
 async function applySvgMaskToCropGroup(cropGroup, svgUrl) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   if (!isCropGroup(cropGroup)) {
     throw new Error("Selected object is not a crop group / image");
   }
@@ -4551,7 +4551,7 @@ async function applySvgMaskToCropGroup(cropGroup, svgUrl) {
       child.dirty = true;
     }
   }
-  (_c = cropGroup.canvas) == null ? void 0 : _c.requestRenderAll();
+  (_c2 = cropGroup.canvas) == null ? void 0 : _c2.requestRenderAll();
 }
 function loadSvgAsImage(svgUrl) {
   return new Promise((resolve, reject) => {
@@ -4612,7 +4612,7 @@ async function buildLuminanceAlphaCanvas(svgUrl, frameW, frameH) {
   return canvas;
 }
 async function applyLuminanceMaskToCropGroup(cropGroup, svgUrl) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   if (!isCropGroup(cropGroup)) {
     throw new Error("Selected object is not a crop group / image");
   }
@@ -4647,7 +4647,7 @@ async function applyLuminanceMaskToCropGroup(cropGroup, svgUrl) {
       child.dirty = true;
     }
   }
-  (_c = cropGroup.canvas) == null ? void 0 : _c.requestRenderAll();
+  (_c2 = cropGroup.canvas) == null ? void 0 : _c2.requestRenderAll();
 }
 async function applyMaskToCropGroup(cropGroup, svgUrl, maskType) {
   if (maskType === "luminance") {
@@ -4666,7 +4666,7 @@ function getAppliedSvgMaskType(obj) {
   return t === "luminance" || t === "shape" ? t : null;
 }
 function clearSvgMaskFromCropGroup(cropGroup) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   if (!isCropGroup(cropGroup)) return;
   const frameW = ((_a2 = cropGroup._ct) == null ? void 0 : _a2.frameW) ?? cropGroup.width ?? 0;
   const frameH = ((_b2 = cropGroup._ct) == null ? void 0 : _b2.frameH) ?? cropGroup.height ?? 0;
@@ -4688,7 +4688,7 @@ function clearSvgMaskFromCropGroup(cropGroup) {
   delete cropGroup.__svgMaskUrl;
   delete cropGroup.__svgMaskType;
   cropGroup.dirty = true;
-  (_c = cropGroup.canvas) == null ? void 0 : _c.requestRenderAll();
+  (_c2 = cropGroup.canvas) == null ? void 0 : _c2.requestRenderAll();
 }
 const svgMaskApply = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -6180,7 +6180,7 @@ function calculateScaleSnapGuides(scalingObj, corner, canvas, canvasWidth, canva
 const MIN_SNAP_BOX = 20;
 const SNAP_HYSTERESIS_PX = 6;
 function applyScaleSnapToBox(box, corner, canvas, canvasWidth, canvasHeight, snapToGuides, snapThreshold, excludeObjectId, options) {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h;
+  var _a2, _b2, _c2, _d, _e, _f, _g, _h;
   const hysteresis = (options == null ? void 0 : options.hysteresis) ?? SNAP_HYSTERESIS_PX;
   const activeSnapRef = options == null ? void 0 : options.activeSnapRef;
   const roundSnappedOnly = (options == null ? void 0 : options.roundSnappedOnly) ?? false;
@@ -6276,7 +6276,7 @@ function applyScaleSnapToBox(box, corner, canvas, canvasWidth, canvasHeight, sna
   let snappedTop = false;
   let snappedBottom = false;
   if (resizingLeft) {
-    const stick = (_c = activeSnapRef == null ? void 0 : activeSnapRef.current) == null ? void 0 : _c.left;
+    const stick = (_c2 = activeSnapRef == null ? void 0 : activeSnapRef.current) == null ? void 0 : _c2.left;
     if (stick !== void 0) {
       const dist = Math.abs(box.left - stick);
       if (dist <= releaseDist) {
@@ -6930,7 +6930,7 @@ function scaleLocalToScreen(target, p) {
   return new fabric.Point(p.x * sx * zx, p.y * sy * zy);
 }
 function applyTextPathControls(textbox) {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
   const obj = textbox;
   if (!hasActiveTextPath(obj)) {
     obj.__pdTextPathHovered = false;
@@ -6953,7 +6953,7 @@ function applyTextPathControls(textbox) {
       delete obj.controls.bzMidT1;
       delete obj.controls.tpRot;
       delete obj.controls.tpPivot;
-      (_c = obj.setControlsVisibility) == null ? void 0 : _c.call(obj, { tl: true, tr: true, bl: true, br: true, mt: true, mb: true, ml: true, mr: true, mtr: true });
+      (_c2 = obj.setControlsVisibility) == null ? void 0 : _c2.call(obj, { tl: true, tr: true, bl: true, br: true, mt: true, mb: true, ml: true, mr: true, mtr: true });
       obj.hasBorders = true;
       obj.__pdTextPathControls = false;
       obj.setCoords();
@@ -7653,10 +7653,10 @@ function textPathBoundsContainScenePoint(obj, point) {
   }
 }
 function drawTextPathBounds(ctx, obj, bounds, hostCanvas) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   const host = hostCanvas || obj.canvas || ((_a2 = obj.group) == null ? void 0 : _a2.canvas);
   if (!host) return;
-  const retina = ((_b2 = host.getRetinaScaling) == null ? void 0 : _b2.call(host)) || ((_c = obj.getCanvasRetinaScaling) == null ? void 0 : _c.call(obj)) || 1;
+  const retina = ((_b2 = host.getRetinaScaling) == null ? void 0 : _b2.call(host)) || ((_c2 = obj.getCanvasRetinaScaling) == null ? void 0 : _c2.call(obj)) || 1;
   const matrix = fabric.util.multiplyTransformMatrices(host.viewportTransform || [1, 0, 0, 1, 0, 0], obj.calcTransformMatrix());
   const corners = [
     new fabric.Point(bounds.minX, bounds.minY),
@@ -7678,8 +7678,8 @@ function drawTextPathBounds(ctx, obj, bounds, hostCanvas) {
 }
 if (typeof TextboxProto._renderControls === "function" && !TextboxProto.__pixldocsOrigRenderControls) {
   let drawWarpGuides = function(ctx) {
-    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
-    const hostCanvas = this.canvas || ((_a2 = this.group) == null ? void 0 : _a2.canvas) || ((_c = (_b2 = this.group) == null ? void 0 : _b2.group) == null ? void 0 : _c.canvas);
+    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j;
+    const hostCanvas = this.canvas || ((_a2 = this.group) == null ? void 0 : _a2.canvas) || ((_c2 = (_b2 = this.group) == null ? void 0 : _b2.group) == null ? void 0 : _c2.canvas);
     if (!hostCanvas) return;
     const hoverBounds = getTextPathHitBounds(this);
     const active = (_d = hostCanvas.getActiveObject) == null ? void 0 : _d.call(hostCanvas);
@@ -8102,14 +8102,14 @@ function buildRoundedRectPath2D(ctx, x, y, w, h, rTL, rTR, rBR, rBL) {
   ctx.closePath();
 }
 function measureLineGlyphWidth(obj, lineIndex) {
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c2, _d, _e, _f;
   try {
     const rawLine = (_a2 = obj == null ? void 0 : obj._textLines) == null ? void 0 : _a2[lineIndex];
     const lineText = Array.isArray(rawLine) ? rawLine.join("") : String(rawLine ?? "");
     if (!lineText) return 0;
     const fontSize = Number(((_b2 = obj.getValueOfPropertyAt) == null ? void 0 : _b2.call(obj, lineIndex, 0, "fontSize")) ?? obj.fontSize ?? 0);
     if (!fontSize) return 0;
-    const fontStyle = String(((_c = obj.getValueOfPropertyAt) == null ? void 0 : _c.call(obj, lineIndex, 0, "fontStyle")) ?? obj.fontStyle ?? "normal");
+    const fontStyle = String(((_c2 = obj.getValueOfPropertyAt) == null ? void 0 : _c2.call(obj, lineIndex, 0, "fontStyle")) ?? obj.fontStyle ?? "normal");
     const fontWeight = String(((_d = obj.getValueOfPropertyAt) == null ? void 0 : _d.call(obj, lineIndex, 0, "fontWeight")) ?? obj.fontWeight ?? "400");
     const fontFamily = String(((_e = obj.getValueOfPropertyAt) == null ? void 0 : _e.call(obj, lineIndex, 0, "fontFamily")) ?? obj.fontFamily ?? "sans-serif");
     const charSpacing = Number(((_f = obj.getValueOfPropertyAt) == null ? void 0 : _f.call(obj, lineIndex, 0, "charSpacing")) ?? obj.charSpacing ?? 0);
@@ -9500,7 +9500,7 @@ function createShape(element) {
   }
 }
 function createText(element) {
-  var _a2, _b2, _c, _d, _e;
+  var _a2, _b2, _c2, _d, _e;
   const overflowPolicy = element.overflowPolicy || "grow-and-push";
   let text = element.text ?? "";
   let fontSize = element.fontSize || 16;
@@ -9716,7 +9716,7 @@ function createText(element) {
   } catch {
   }
   try {
-    const baseCtrls = (_d = (_c = fabric.Object) == null ? void 0 : _c.prototype) == null ? void 0 : _d.controls;
+    const baseCtrls = (_d = (_c2 = fabric.Object) == null ? void 0 : _c2.prototype) == null ? void 0 : _d.controls;
     if (baseCtrls) {
       textbox.controls = {
         ...textbox.controls || {},
@@ -10514,6 +10514,24 @@ try {
       const height = Math.max(0, ((size == null ? void 0 : size.y) ?? 0) - border);
       ctx.strokeRect(-width / 2, -height / 2, width, height);
     };
+    if (typeof InteractiveBase.prototype.drawControlsConnectingLines === "function") {
+      const originalDrawControlConnections = InteractiveBase.prototype.drawControlsConnectingLines;
+      InteractiveBase.prototype.drawControlsConnectingLines = function(ctx, size) {
+        var _a2;
+        const disabledRotateConnections = [];
+        try {
+          (_a2 = this.forEachControl) == null ? void 0 : _a2.call(this, (control, key) => {
+            if (key === "mtr" || String((control == null ? void 0 : control.actionName) ?? "") === "rotate") {
+              disabledRotateConnections.push([control, control.withConnection]);
+              control.withConnection = false;
+            }
+          });
+          originalDrawControlConnections.call(this, ctx, size);
+        } finally {
+          for (const [control, wasConnected] of disabledRotateConnections) control.withConnection = wasConnected;
+        }
+      };
+    }
   }
   if (InteractiveBase == null ? void 0 : InteractiveBase.ownDefaults) {
     Object.assign(InteractiveBase.ownDefaults, {
@@ -10574,13 +10592,13 @@ try {
     };
     const COLLAPSE_THRESHOLD_PX = 32;
     const shouldCollapseHandles = (fabricObject) => {
-      var _a2, _b2, _c;
+      var _a2, _b2, _c2;
       try {
         const canvas = fabricObject == null ? void 0 : fabricObject.canvas;
         if (!canvas) return false;
         const zoom = ((_a2 = canvas.getZoom) == null ? void 0 : _a2.call(canvas)) ?? 1;
         const w = (((_b2 = fabricObject.getScaledWidth) == null ? void 0 : _b2.call(fabricObject)) ?? fabricObject.width ?? 0) * zoom;
-        const h = (((_c = fabricObject.getScaledHeight) == null ? void 0 : _c.call(fabricObject)) ?? fabricObject.height ?? 0) * zoom;
+        const h = (((_c2 = fabricObject.getScaledHeight) == null ? void 0 : _c2.call(fabricObject)) ?? fabricObject.height ?? 0) * zoom;
         return Math.min(w, h) < COLLAPSE_THRESHOLD_PX;
       } catch {
         return false;
@@ -10598,11 +10616,11 @@ try {
       control.__pixldocsCollapseVisibilityWrapped = true;
     };
     const renderPill = (ctx, left, top, _styleOverride, fabricObject, orientation, controlKey) => {
-      var _a2, _b2, _c;
+      var _a2, _b2, _c2;
       const action = (_b2 = (_a2 = fabricObject.canvas) == null ? void 0 : _a2._currentTransform) == null ? void 0 : _b2.action;
       if (action === "drag" && fabricObject.__pixldocsDragMoved) return;
       if (shouldCollapseHandles(fabricObject) && !isVisibleControlWhenCollapsed(controlKey)) return;
-      const angle = ((_c = fabricObject.getTotalAngle) == null ? void 0 : _c.call(fabricObject)) ?? (fabricObject.angle ?? 0);
+      const angle = ((_c2 = fabricObject.getTotalAngle) == null ? void 0 : _c2.call(fabricObject)) ?? (fabricObject.angle ?? 0);
       const p = getHoverProgress(fabricObject, controlKey);
       const scale = getVisualScale(fabricObject);
       const pillLen = PILL_LEN * scale;
@@ -10799,7 +10817,7 @@ try {
         mtr.x = 0;
         mtr.y = -0.5;
         mtr.cursorStyle = getRotateCursor(null);
-        mtr.cursorStyleHandler = (_e, _c, fabricObject) => {
+        mtr.cursorStyleHandler = (_e, _c2, fabricObject) => {
           const cursor = getRotateCursor(fabricObject);
           try {
             const canvas = fabricObject == null ? void 0 : fabricObject.canvas;
@@ -10942,6 +10960,35 @@ try {
       }
       return controls;
     };
+    const ControlProto = (_b = fabric.Control) == null ? void 0 : _b.prototype;
+    if (ControlProto && !ControlProto.__pixldocsCanvaRenderFallback) {
+      const originalControlRender = ControlProto.render;
+      ControlProto.render = function(ctx, left, top, styleOverride, fabricObject) {
+        const actionName = String(this.actionName ?? "");
+        if (actionName !== "rotate" && actionName !== "drag") {
+          const x = Number(this.x ?? 0);
+          const y = Number(this.y ?? 0);
+          const atLeftRight = Math.abs(Math.abs(x) - 0.5) < 1e-3;
+          const atTopBottom = Math.abs(Math.abs(y) - 0.5) < 1e-3;
+          const atCenterX = Math.abs(x) < 1e-3;
+          const atCenterY = Math.abs(y) < 1e-3;
+          if (atLeftRight && atCenterY) {
+            const key = x < 0 ? "ml" : "mr";
+            return renderPill(ctx, left, top, styleOverride, fabricObject, "vertical", key);
+          }
+          if (atCenterX && atTopBottom) {
+            const key = y < 0 ? "mt" : "mb";
+            return renderPill(ctx, left, top, styleOverride, fabricObject, "horizontal", key);
+          }
+          if (atLeftRight && atTopBottom) {
+            const key = `${y < 0 ? "t" : "b"}${x < 0 ? "l" : "r"}`;
+            return renderCornerDot(ctx, left, top, styleOverride, fabricObject, key);
+          }
+        }
+        return originalControlRender.call(this, ctx, left, top, styleOverride, fabricObject);
+      };
+      ControlProto.__pixldocsCanvaRenderFallback = true;
+    }
     ensureCanvaControlRenders = (obj) => {
       try {
         if (obj && obj.controls) installPillRenders(obj.controls);
@@ -10974,7 +11021,7 @@ try {
     wrapClassCreateControls(fabric.IText);
     wrapClassCreateControls(fabric.ActiveSelection);
     wrapClassCreateControls(fabric.Group);
-    const CanvasProto = (_b = fabric.Canvas) == null ? void 0 : _b.prototype;
+    const CanvasProto = (_c = fabric.Canvas) == null ? void 0 : _c.prototype;
     if (CanvasProto && typeof CanvasProto._setCursorFromEvent === "function") {
       const origSet = CanvasProto._setCursorFromEvent;
       CanvasProto._setCursorFromEvent = function(e, target) {
@@ -11122,14 +11169,14 @@ const matrixForRotDriftLog = (matrix) => {
   return matrix.map((entry) => roundRotDriftNumber(entry));
 };
 const summarizeRotDriftObject = (obj, worldMatrix) => {
-  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   if (!obj) return null;
   const anyObj = obj;
   try {
     const ownMatrix = (_a2 = obj.calcOwnMatrix) == null ? void 0 : _a2.call(obj);
     const calcWorld = worldMatrix ?? ((_b2 = obj.calcTransformMatrix) == null ? void 0 : _b2.call(obj));
     const decomposed = calcWorld ? fabric.util.qrDecompose(calcWorld) : null;
-    const center = (_c = obj.getCenterPoint) == null ? void 0 : _c.call(obj);
+    const center = (_c2 = obj.getCenterPoint) == null ? void 0 : _c2.call(obj);
     const rect = (_d = obj.getBoundingRect) == null ? void 0 : _d.call(obj);
     return {
       id: getObjectId(obj),
@@ -12660,7 +12707,7 @@ const PageCanvas = forwardRef(
         clearSectionGroupTransientSnapshot();
       });
       const syncSelectionToStore = () => {
-        var _a2, _b2, _c, _d;
+        var _a2, _b2, _c2, _d;
         if (!isActiveRef.current || isRebuildingRef.current || isSyncingSelectionToFabricRef.current || !allowSelection) return;
         const walkToTopmostGroup = (childId, children, activeEditingGroupId) => {
           let topmost = null;
@@ -12729,7 +12776,7 @@ const PageCanvas = forwardRef(
         }
         if (ids.length > 1 && !(active instanceof fabric.ActiveSelection && active.__pixldocsGroupSelection)) {
           const state = useEditorStore.getState();
-          const currentPage2 = (_c = state.canvas.pages) == null ? void 0 : _c.find((p) => p.id === pageId);
+          const currentPage2 = (_c2 = state.canvas.pages) == null ? void 0 : _c2.find((p) => p.id === pageId);
           const children = (currentPage2 == null ? void 0 : currentPage2.children) ?? [];
           const activeEditingGroupId = fabricCanvas.__activeEditingGroupId ?? null;
           const involvedGroupIds = /* @__PURE__ */ new Set();
@@ -12870,7 +12917,7 @@ const PageCanvas = forwardRef(
         }
       });
       fabricCanvas.on("mouse:dblclick", (opt) => {
-        var _a2, _b2, _c;
+        var _a2, _b2, _c2;
         const target = opt == null ? void 0 : opt.target;
         if (!target) return;
         if (target.isEditing) return;
@@ -12966,7 +13013,7 @@ const PageCanvas = forwardRef(
         const selectedId = selectionIdx < 0 ? childId : chain[selectionIdx].id;
         selectElements([selectedId], false, false);
         try {
-          (_c = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _c.call(fabricCanvas);
+          (_c2 = fabricCanvas.__updateDrilledGroupOutline) == null ? void 0 : _c2.call(fabricCanvas);
         } catch {
         }
       });
@@ -13117,7 +13164,7 @@ const PageCanvas = forwardRef(
       };
       const isMultiSelectModifier = (event) => !!((event == null ? void 0 : event.shiftKey) || (event == null ? void 0 : event.metaKey) || (event == null ? void 0 : event.ctrlKey));
       const pickChildInActiveSelectionAtPointer = (selection, event) => {
-        var _a2, _b2, _c, _d, _e;
+        var _a2, _b2, _c2, _d, _e;
         try {
           const pointer = fabricCanvas.getPointer(event);
           const viewportPointer = (_a2 = fabricCanvas.getViewportPoint) == null ? void 0 : _a2.call(fabricCanvas, event);
@@ -13128,7 +13175,7 @@ const PageCanvas = forwardRef(
             const obj = members[i];
             const id = getObjectId(obj);
             if (!id || id === "__background__" || obj.visible === false) continue;
-            (_c = obj.setCoords) == null ? void 0 : _c.call(obj);
+            (_c2 = obj.setCoords) == null ? void 0 : _c2.call(obj);
             const containsScene = typeof obj.containsPoint === "function" && obj.containsPoint(pointer);
             const containsViewport = !!(viewportPointer && typeof obj.containsPoint === "function" && obj.containsPoint(viewportPointer));
             if (containsScene || containsViewport) return obj;
@@ -13162,7 +13209,7 @@ const PageCanvas = forwardRef(
       };
       let pendingShiftMultiSelect = null;
       const applyShiftMultiSelect = (target, event, baselineActive = fabricCanvas.getActiveObject(), baselineObjects = fabricCanvas.getActiveObjects()) => {
-        var _a2, _b2, _c;
+        var _a2, _b2, _c2;
         if (!target || !target.selectable) return false;
         const active = baselineActive;
         if (!active || ((_a2 = active.getActiveControl) == null ? void 0 : _a2.call(active))) return false;
@@ -13197,7 +13244,7 @@ const PageCanvas = forwardRef(
           });
         }
         (_b2 = event == null ? void 0 : event.preventDefault) == null ? void 0 : _b2.call(event);
-        (_c = event == null ? void 0 : event.stopPropagation) == null ? void 0 : _c.call(event);
+        (_c2 = event == null ? void 0 : event.stopPropagation) == null ? void 0 : _c2.call(event);
         return true;
       };
       const markMixedLogicalSelection = (selection, groupIds, groupMemberIds) => {
@@ -13234,9 +13281,9 @@ const PageCanvas = forwardRef(
         return !!(((_a2 = o == null ? void 0 : o._ct) == null ? void 0 : _a2.isCropGroup) || (o == null ? void 0 : o.__cropGroup));
       };
       const promoteToCropGroup = (opt) => {
-        var _a2, _b2, _c, _d, _e, _f;
+        var _a2, _b2, _c2, _d, _e, _f;
         const t = opt.target;
-        if (((_a2 = opt.e) == null ? void 0 : _a2.type) !== "mousedown" && ((_b2 = opt.e) == null ? void 0 : _b2.type) !== "pointerdown" && ((_c = opt.e) == null ? void 0 : _c.type) !== "touchstart") {
+        if (((_a2 = opt.e) == null ? void 0 : _a2.type) !== "mousedown" && ((_b2 = opt.e) == null ? void 0 : _b2.type) !== "pointerdown" && ((_c2 = opt.e) == null ? void 0 : _c2.type) !== "touchstart") {
           if (t && isCropGroup2(t)) {
             fabricCanvas._hoveredTarget = t;
           } else if ((t == null ? void 0 : t.group) && isCropGroup2(t.group)) {
@@ -13406,14 +13453,14 @@ const PageCanvas = forwardRef(
       };
       fabricCanvas.__updateDrilledGroupOutline = updateDrilledGroupOutline;
       fabricCanvas.on("mouse:down:before", (opt) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
         const activeBeforeMouseDown = fabricCanvas.getActiveObject();
         if (editLockRef.current) {
           const active = fabricCanvas.getActiveObject();
           if (active && (((_a2 = active._ct) == null ? void 0 : _a2.isCropGroup) || active.__cropGroup)) {
             opt.target = active;
             if (opt.e) {
-              (_c = (_b2 = opt.e).preventDefault) == null ? void 0 : _c.call(_b2);
+              (_c2 = (_b2 = opt.e).preventDefault) == null ? void 0 : _c2.call(_b2);
               (_e = (_d = opt.e).stopPropagation) == null ? void 0 : _e.call(_d);
             }
           }
@@ -13669,7 +13716,7 @@ const PageCanvas = forwardRef(
         o.__lockScaleDuringCrop = false;
       });
       fabricCanvas.on("mouse:up", (e) => {
-        var _a2, _b2, _c;
+        var _a2, _b2, _c2;
         clearTransforming();
         setGuides([]);
         setRotationLabel(null);
@@ -13763,7 +13810,7 @@ const PageCanvas = forwardRef(
           }
         }
         const activeObj = fabricCanvas.getActiveObject();
-        if (activeObj && (activeObj.__cropGroup || ((_c = activeObj._ct) == null ? void 0 : _c.isCropGroup))) {
+        if (activeObj && (activeObj.__cropGroup || ((_c2 = activeObj._ct) == null ? void 0 : _c2.isCropGroup))) {
           activeObj.__lockScaleDuringCrop = false;
           if (activeObj.__cropDrag) {
             delete activeObj.__cropDrag;
@@ -13859,7 +13906,7 @@ const PageCanvas = forwardRef(
       fabricCanvas.on("selection:cleared", () => {
       });
       fabricCanvas.on("object:scaling", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h;
         if (!isActiveRef.current) return;
         const t = e.target;
         if (t) lastResizeScaleTargetRef.current = t;
@@ -14035,7 +14082,7 @@ const PageCanvas = forwardRef(
               time: Math.round(performance.now()),
               corner,
               groupSelectionId: obj.__pixldocsGroupSelection,
-              currentTransformAction: (_c = fabricCanvas._currentTransform) == null ? void 0 : _c.action,
+              currentTransformAction: (_c2 = fabricCanvas._currentTransform) == null ? void 0 : _c2.action,
               selection: summarizeFabricObjectForResizeDebug(obj),
               textChildren: obj.getObjects().filter((child) => child instanceof fabric.Textbox).map((child) => summarizeFabricObjectForResizeDebug(child))
             };
@@ -14553,7 +14600,7 @@ const PageCanvas = forwardRef(
       });
       let cropGroupSaveTimer = null;
       fabricCanvas.on("object:modified", (e) => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j;
         try {
           if (suppressObjectModifiedDuringInternalReselectRef.current) return;
           dragStarted = false;
@@ -14708,12 +14755,12 @@ const PageCanvas = forwardRef(
                   clearTimeout(cropGroupSaveTimer);
                 }
                 cropGroupSaveTimer = setTimeout(() => {
-                  var _a3, _b3, _c2;
+                  var _a3, _b3, _c3;
                   const { updateElement: updateElement2 } = useEditorStore.getState();
                   const img = ct._img;
                   const zoom3 = ((_a3 = img == null ? void 0 : img._ct) == null ? void 0 : _a3.zoom) ?? 1;
                   const panX = ((_b3 = img == null ? void 0 : img._ct) == null ? void 0 : _b3.panX) ?? 0.5;
-                  const panY = ((_c2 = img == null ? void 0 : img._ct) == null ? void 0 : _c2.panY) ?? 0.5;
+                  const panY = ((_c3 = img == null ? void 0 : img._ct) == null ? void 0 : _c3.panY) ?? 0.5;
                   const stateCrop = useEditorStore.getState();
                   const pageCrop = stateCrop.canvas.pages.find((p) => p.id === pageId);
                   const pageChildrenCrop = (pageCrop == null ? void 0 : pageCrop.children) ?? [];
@@ -14743,7 +14790,7 @@ const PageCanvas = forwardRef(
           }
           if (active && active instanceof fabric.Group && active.__docuforgeSectionGroup && getObjectId(active)) {
             const groupId = getObjectId(active);
-            const pageChildrenSec = ((_c = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c.children) ?? [];
+            const pageChildrenSec = ((_c2 = useEditorStore.getState().canvas.pages.find((p) => p.id === pageId)) == null ? void 0 : _c2.children) ?? [];
             const modifiedTarget2 = e == null ? void 0 : e.target;
             const resizeScaleTarget = lastResizeScaleTargetRef.current;
             lastResizeScaleTargetRef.current = null;
@@ -15878,7 +15925,7 @@ const PageCanvas = forwardRef(
         visibilityUpdateInProgressRef.current = false;
       }
       doSyncRef.current = () => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+        var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
         const shouldSkipUpdates2 = syncLockedRef.current || editLockRef.current;
         const state = useEditorStore.getState();
         const elementsToSync = elements;
@@ -15922,7 +15969,7 @@ const PageCanvas = forwardRef(
           const activeObjId = activeObj ? getObjectId(activeObj) : null;
           const isTextBeingEdited = activeObjId && editingTextIdRef.current === activeObjId;
           const isMultiSelect = activeObj instanceof fabric.ActiveSelection;
-          if (activeObj && isMultiSelect && !(((_c = activeObj._ct) == null ? void 0 : _c.isCropGroup) || activeObj.__cropGroup) && !isTextBeingEdited) {
+          if (activeObj && isMultiSelect && !(((_c2 = activeObj._ct) == null ? void 0 : _c2.isCropGroup) || activeObj.__cropGroup) && !isTextBeingEdited) {
             fc.discardActiveObject();
           }
         }
@@ -17080,7 +17127,7 @@ const PageCanvas = forwardRef(
       return unsub;
     }, []);
     const updateFabricObject = (obj, element, skipPositionUpdate = false) => {
-      var _a2, _b2, _c;
+      var _a2, _b2, _c2;
       const fc = fabricRef.current;
       if (fc && isTransforming(fc)) {
         return;
@@ -17601,7 +17648,7 @@ const PageCanvas = forwardRef(
           } catch {
           }
           obj.dirty = true;
-          (_c = obj.setCoords) == null ? void 0 : _c.call(obj);
+          (_c2 = obj.setCoords) == null ? void 0 : _c2.call(obj);
           obj.__lastTextBgShadowJson = JSON.stringify({
             c: element.textBgColor ?? null,
             g: element.textBgGradient ?? null,
@@ -17909,7 +17956,7 @@ const PageCanvas = forwardRef(
       return Math.max(min, Math.min(max, v));
     };
     const applyEdgeFadeFrameClipPath = (group, element, frameW, frameH, shape, rxRatio) => {
-      var _a2, _b2, _c;
+      var _a2, _b2, _c2;
       const fadeElement = element;
       const fadeGroup = group;
       const inputKey = edgeFadeKey(fadeElement);
@@ -18044,10 +18091,10 @@ const PageCanvas = forwardRef(
       children.forEach((child) => {
         child.dirty = true;
       });
-      (_c = group.canvas) == null ? void 0 : _c.requestRenderAll();
+      (_c2 = group.canvas) == null ? void 0 : _c2.requestRenderAll();
     };
     const loadImageAsync2 = async (element, placeholder, fc) => {
-      var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+      var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
       const imageUrl = element.src || element.imageUrl;
       if (!imageUrl) return;
       const elementId = element.id;
@@ -18082,7 +18129,7 @@ const PageCanvas = forwardRef(
         const willUseCropGroupForFade = imageFitForFade !== "fill" || clipShapeForFade && clipShapeForFade !== "none";
         try {
           if (hasEdgeFade(element) && !willUseCropGroupForFade) {
-            const srcEl = (_c = img.getElement) == null ? void 0 : _c.call(img);
+            const srcEl = (_c2 = img.getElement) == null ? void 0 : _c2.call(img);
             if (srcEl) {
               const baked = bakeEdgeFade(srcEl, element);
               img.setElement(baked);
@@ -18849,14 +18896,14 @@ function PreviewCanvas({
   onDynamicFieldClick,
   onReady
 }) {
-  var _a2, _b2, _c, _d, _e;
+  var _a2, _b2, _c2, _d, _e;
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
   const [containerWidth, setContainerWidth] = useState(0);
   const [hoveredFieldId, setHoveredFieldId] = useState(null);
   const page = (_a2 = config == null ? void 0 : config.pages) == null ? void 0 : _a2[pageIndex];
   const canvasWidth = ((_b2 = config == null ? void 0 : config.canvas) == null ? void 0 : _b2.width) || 612;
-  const canvasHeight = ((_c = config == null ? void 0 : config.canvas) == null ? void 0 : _c.height) || 792;
+  const canvasHeight = ((_c2 = config == null ? void 0 : config.canvas) == null ? void 0 : _c2.height) || 792;
   const elementToFieldMap = useMemo(
     () => buildElementToFieldMap(config == null ? void 0 : config.dynamicFields),
     [config == null ? void 0 : config.dynamicFields]
@@ -18912,7 +18959,7 @@ function PreviewCanvas({
     };
   }, [(_d = page == null ? void 0 : page.settings) == null ? void 0 : _d.backgroundColor, (_e = page == null ? void 0 : page.settings) == null ? void 0 : _e.backgroundGradient]);
   const projectSettings = useMemo(() => {
-    var _a3, _b3, _c2;
+    var _a3, _b3, _c3;
     const vars = ((_a3 = config.themeConfig) == null ? void 0 : _a3.variables) || {};
     return {
       showGrid: false,
@@ -18921,7 +18968,7 @@ function PreviewCanvas({
       snapToGuides: false,
       snapThreshold: 5,
       primaryColor: (_b3 = vars.primary) == null ? void 0 : _b3.value,
-      secondaryColor: (_c2 = vars.secondary) == null ? void 0 : _c2.value
+      secondaryColor: (_c3 = vars.secondary) == null ? void 0 : _c3.value
     };
   }, [config.themeConfig]);
   const handleDynamicFieldClick = useCallback((elementId) => {
@@ -19072,7 +19119,7 @@ const PreviewCanvas$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.def
   PreviewCanvas
 }, Symbol.toStringTag, { value: "Module" }));
 function applyThemeToConfig(config, themeOverrides) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   if (!themeOverrides || Object.keys(themeOverrides).length === 0) return config;
   const cloned = JSON.parse(JSON.stringify(config));
   if ((_a2 = cloned.themeConfig) == null ? void 0 : _a2.variables) {
@@ -19104,7 +19151,7 @@ function applyThemeToConfig(config, themeOverrides) {
     }
   }
   for (const page of cloned.pages || []) {
-    const bgBinding = (_c = page.themeBindings) == null ? void 0 : _c.backgroundColor;
+    const bgBinding = (_c2 = page.themeBindings) == null ? void 0 : _c2.backgroundColor;
     if (bgBinding && varMap.has(bgBinding) && page.settings) {
       page.settings.backgroundColor = varMap.get(bgBinding);
     }
@@ -20023,7 +20070,7 @@ function getNestedRepeatableEntryCount(parentId, parentIndex, childId, formValue
   return Math.max(1, maxIndex);
 }
 function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsFromSchema, repeatableEntryCounts, repeatableNestedEntryCounts, displayFormatMap, repeatablePagesFromSchema) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   const cloned = JSON.parse(JSON.stringify(config));
   if (!cloned.pages) return cloned;
   const dynamicFields = cloned.dynamicFields;
@@ -20587,7 +20634,7 @@ function applyFormDataToConfig(config, mappings, formValues, repeatableSectionsF
     }
   }
   for (const page of pages) {
-    if ((_c = page.children) == null ? void 0 : _c.length) {
+    if ((_c2 = page.children) == null ? void 0 : _c2.length) {
       page.children = applyStackReflowToPageTree(page.children, { preserveExplicitTextHeights: true });
     }
   }
@@ -20800,7 +20847,7 @@ function splitNestedForOverflow(flowStack, stayChildren, overflowChildren, overf
   return { stayChildren: newStay, overflowChildren: newOverflow };
 }
 function paginateSinglePage(sourcePage, pageOffsetIndex) {
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c2, _d, _e, _f;
   const contentTop = (_a2 = sourcePage.settings) == null ? void 0 : _a2.contentTop;
   const contentBottom = (_b2 = sourcePage.settings) == null ? void 0 : _b2.contentBottom;
   if (contentTop == null || contentBottom == null || contentBottom <= contentTop) {
@@ -20877,7 +20924,7 @@ function paginateSinglePage(sourcePage, pageOffsetIndex) {
         children: applyStackReflowToPageTree(updatedContChildren)
       };
       if (nextOverflowChildren.length > 0) {
-        const originalFlowStack = ((_c = currentOverflows[si]) == null ? void 0 : _c.flowStack) ?? contFlowStack;
+        const originalFlowStack = ((_c2 = currentOverflows[si]) == null ? void 0 : _c2.flowStack) ?? contFlowStack;
         nextOverflows.push({ flowStack: originalFlowStack, overflowChildren: nextOverflowChildren });
       }
     }
@@ -23071,7 +23118,7 @@ async function resolveTemplateData(options) {
   };
 }
 async function resolveFromForm(options) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   const { templateId, formSchemaId, sectionState, flatFormData: directFlatFormData, themeId, supabaseUrl, supabaseAnonKey, prefetched } = options;
   const hasSectionStateInput = !!sectionState && Object.keys(sectionState).length > 0;
   if (!formSchemaId && !hasSectionStateInput) {
@@ -23273,7 +23320,7 @@ async function resolveFromForm(options) {
     displayFormatMap.size > 0 ? displayFormatMap : void 0,
     buildRepeatablePagesInputForApply(formSchema, mergedSectionState)
   );
-  if ((_c = resolvedConfig.themeConfig) == null ? void 0 : _c.variables) {
+  if ((_c2 = resolvedConfig.themeConfig) == null ? void 0 : _c2.variables) {
     const baseOverrides = {};
     for (const [key, def] of Object.entries(resolvedConfig.themeConfig.variables)) {
       baseOverrides[key] = def.value;
@@ -23308,12 +23355,12 @@ function themeBaseId(id) {
   return out;
 }
 function applyThemeVariantToConfig(config, themeConfig, themeId) {
-  var _a2, _b2, _c, _d;
+  var _a2, _b2, _c2, _d;
   if (!themeConfig) return config;
   const variant = themeId && themeId !== "default" ? (_a2 = themeConfig.variants) == null ? void 0 : _a2.find((v) => v.id === themeId) : null;
   const shouldApplyDefaults = !variant && ((_b2 = themeConfig.properties) == null ? void 0 : _b2.length);
   if (!variant && !shouldApplyDefaults) return config;
-  if (!((_c = themeConfig.properties) == null ? void 0 : _c.length)) return config;
+  if (!((_c2 = themeConfig.properties) == null ? void 0 : _c2.length)) return config;
   const result = JSON.parse(JSON.stringify(config));
   const cloneIdMap = config.__cloneIdMap || {};
   const pageElements = result.pages.map((page) => flattenAll(page.children || []));
@@ -24224,7 +24271,7 @@ function ensureFabricGradientDef(doc, obj, width, height) {
   return `url(#${id})`;
 }
 function warpTextboxSvgAlongPath(svg, obj) {
-  var _a2, _b2, _c, _d, _e;
+  var _a2, _b2, _c2, _d, _e;
   const tp = obj == null ? void 0 : obj.textPath;
   if (!tp || !tp.preset || tp.preset === "none") return svg;
   if (tp.preset === "rise" || tp.preset === "angle") {
@@ -24328,7 +24375,7 @@ function warpTextboxSvgAlongPath(svg, obj) {
   for (const el of Array.from(doc.querySelectorAll("*"))) stripFilter(el);
   for (const filter of Array.from(doc.querySelectorAll("filter"))) {
     try {
-      (_c = filter.parentNode) == null ? void 0 : _c.removeChild(filter);
+      (_c2 = filter.parentNode) == null ? void 0 : _c2.removeChild(filter);
     } catch {
     }
   }
@@ -24663,9 +24710,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.373";
+const resolvedPackageVersion = "0.5.375";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.373";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.375";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24842,12 +24889,12 @@ function installUnderlineFix(fab) {
   if (!TextProto || typeof TextProto._renderTextDecoration !== "function") return;
   const original = TextProto._renderTextDecoration;
   const measureLineTextWidth = (obj, ctx, lineIndex) => {
-    var _a3, _b2, _c, _d, _e, _f;
+    var _a3, _b2, _c2, _d, _e, _f;
     const rawLine = (_a3 = obj._textLines) == null ? void 0 : _a3[lineIndex];
     const lineText = Array.isArray(rawLine) ? rawLine.join("") : String(rawLine ?? "");
     if (!lineText) return 0;
     const fontSize = Number(((_b2 = obj.getValueOfPropertyAt) == null ? void 0 : _b2.call(obj, lineIndex, 0, "fontSize")) ?? obj.fontSize ?? 0);
-    const fontStyle = String(((_c = obj.getValueOfPropertyAt) == null ? void 0 : _c.call(obj, lineIndex, 0, "fontStyle")) ?? obj.fontStyle ?? "normal");
+    const fontStyle = String(((_c2 = obj.getValueOfPropertyAt) == null ? void 0 : _c2.call(obj, lineIndex, 0, "fontStyle")) ?? obj.fontStyle ?? "normal");
     const fontWeight = String(((_d = obj.getValueOfPropertyAt) == null ? void 0 : _d.call(obj, lineIndex, 0, "fontWeight")) ?? obj.fontWeight ?? "400");
     const fontFamily = String(((_e = obj.getValueOfPropertyAt) == null ? void 0 : _e.call(obj, lineIndex, 0, "fontFamily")) ?? obj.fontFamily ?? "sans-serif");
     const charSpacing = Number(((_f = obj.getValueOfPropertyAt) == null ? void 0 : _f.call(obj, lineIndex, 0, "charSpacing")) ?? obj.charSpacing ?? 0);
@@ -25479,7 +25526,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 import("./vectorPdfExport-B6Afy8UC.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-BDdjWeve.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -26163,7 +26210,7 @@ class PixldocsRenderer {
     logJsonLine("[canvas-renderer][fabric-text-parity]", { stage, textboxes: sample.length, sample });
   }
   async waitForStableTextMetrics(container, config, options = {}) {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c2;
     if (typeof document !== "undefined") {
       void ensureFontsForResolvedConfig(config);
       await this.waitForRelevantFonts(config);
@@ -26207,7 +26254,7 @@ class PixldocsRenderer {
     (_a2 = fabricInstance.calcOffset) == null ? void 0 : _a2.call(fabricInstance);
     (_b2 = fabricInstance.renderAll) == null ? void 0 : _b2.call(fabricInstance);
     await waitForPaint();
-    (_c = fabricInstance.renderAll) == null ? void 0 : _c.call(fabricInstance);
+    (_c2 = fabricInstance.renderAll) == null ? void 0 : _c2.call(fabricInstance);
     await waitForPaint();
     this.logFabricTextParitySnapshot("after-stable-text-metrics", fabricInstance);
   }
@@ -26721,7 +26768,7 @@ function normalizeSvgExplicitColors(svg) {
 function bakeGroupOpacityIntoChildren(svg) {
   const DRAWABLE = /* @__PURE__ */ new Set(["path", "rect", "circle", "ellipse", "polygon", "polyline", "line", "text", "tspan"]);
   function walkAndBake(el, inheritedOpacity) {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d;
     if (isInSvgDefinitionSubtree(el)) {
       for (let i = 0; i < el.children.length; i++) walkAndBake(el.children[i], 1);
       return;
@@ -26733,7 +26780,7 @@ function bakeGroupOpacityIntoChildren(svg) {
     const combinedOpacity = inheritedOpacity * ownOpacity;
     if (ownOpacity < 0.999 && tag !== "image") {
       el.removeAttribute("opacity");
-      if ((_c = el.style) == null ? void 0 : _c.opacity) el.style.removeProperty("opacity");
+      if ((_c2 = el.style) == null ? void 0 : _c2.opacity) el.style.removeProperty("opacity");
     }
     if (DRAWABLE.has(tag) && combinedOpacity < 0.999) {
       multiplySvgOpacityAttr(el, "fill-opacity", combinedOpacity);
@@ -27530,7 +27577,7 @@ async function convertSvgTextDecorationsToLinesString(svgStr) {
   }
 }
 async function rasterizeShadowMarkers(svg) {
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c2, _d, _e, _f;
   if (typeof window === "undefined" || typeof document === "undefined") return;
   const markers = Array.from(svg.querySelectorAll("g.__pdShadowRaster"));
   if (markers.length === 0) return;
@@ -27562,7 +27609,7 @@ async function rasterizeShadowMarkers(svg) {
       );
       try {
         const fontSpecs = collectFontSpecsFromMarkup(innerXml);
-        if (fontSpecs.length > 0 && ((_c = document.fonts) == null ? void 0 : _c.load)) {
+        if (fontSpecs.length > 0 && ((_c2 = document.fonts) == null ? void 0 : _c2.load)) {
           await Promise.all(
             fontSpecs.map(
               (spec) => document.fonts.load(spec).catch(() => void 0)
@@ -27799,7 +27846,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-B6Afy8UC.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BDdjWeve.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -28199,4 +28246,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-bAD0lJdv.js.map
+//# sourceMappingURL=index-B0HRibrY.js.map