@pixldocs/canvas-renderer 0.5.206 → 0.5.209

package/dist/{index-B1kaODSZ.cjs → index-DQF_on2h.cjs}

@@ -6986,6 +6986,18 @@ function applyTextBackground(obj, cfg) {
         bg.rxBR ?? 0,
         bg.rxBL ?? 0
       ) : null;
+      let shearTransform = null;
+      if (isShear) {
+        const fs = this.fontSize || 16;
+        const ep = tpAny.endpoints;
+        const dL = fs * 1.5;
+        const dR = fs * 0.5;
+        const lY = ep && Number.isFinite(ep.leftY) ? ep.leftY : dL;
+        const rY = ep && Number.isFinite(ep.rightY) ? ep.rightY : dR;
+        const slope = w > 0 ? (rY - lY) / w : 0;
+        const dy = (lY + rY) / 2 - h / 2;
+        shearTransform = { slope, dy };
+      }
       let bgBounds;
       let bgRectsForFill = null;
       if (ribbonD) {
@@ -6996,6 +7008,9 @@ function applyTextBackground(obj, cfg) {
       }
       if (blockShadowActive && bg.shadowAffectsBg !== false) {
         ctx.save();
+        if (shearTransform) {
+          ctx.transform(1, shearTransform.slope, 0, 1, 0, shearTransform.dy);
+        }
         ctx.fillStyle = bg.shadowColor;
         for (let i = blockSteps; i >= 1; i--) {
           ctx.save();
@@ -7028,6 +7043,9 @@ function applyTextBackground(obj, cfg) {
       }
       if (lineShadowActive && bg.shadowAffectsBg !== false) {
         ctx.save();
+        if (shearTransform) {
+          ctx.transform(1, shearTransform.slope, 0, 1, 0, shearTransform.dy);
+        }
         ctx.translate(extOX, extOY);
         ctx.strokeStyle = bg.shadowColor;
         ctx.lineWidth = 1;
@@ -7064,16 +7082,8 @@ function applyTextBackground(obj, cfg) {
         } catch {
         }
       } else {
-        if (isShear) {
-          const fs = this.fontSize || 16;
-          const ep = tpAny.endpoints;
-          const dL = fs * 1.5;
-          const dR = fs * 0.5;
-          const lY = ep && Number.isFinite(ep.leftY) ? ep.leftY : dL;
-          const rY = ep && Number.isFinite(ep.rightY) ? ep.rightY : dR;
-          const slope = w > 0 ? (rY - lY) / w : 0;
-          const dy = (lY + rY) / 2 - h / 2;
-          ctx.transform(1, slope, 0, 1, 0, dy);
+        if (shearTransform) {
+          ctx.transform(1, shearTransform.slope, 0, 1, 0, shearTransform.dy);
         }
         const rects = bgRectsForFill;
         for (const r of rects) {
@@ -10767,7 +10777,12 @@ const PageCanvas = react.forwardRef(
         top: 0,
         width: canvasWidth,
         height: canvasHeight,
-        absolutePositioned: true
+        absolutePositioned: true,
+        // Rect defaults to strokeWidth:1, which makes the clip region inset
+        // by ~0.5px on top/left and bleed ~0.5px on bottom/right after the
+        // viewport-transform multiply — visible as a 1px page-bg sliver
+        // along the top/left edges of the canvas at any zoom level.
+        strokeWidth: 0
       });
       fc.requestRenderAll();
     }, [canvasWidth, canvasHeight]);
@@ -18544,6 +18559,13 @@ function warpTextboxSvgAlongPath(svg, obj) {
       const existing = bgEl.getAttribute("transform");
       bgEl.setAttribute("transform", existing ? `${matrix} ${existing}` : matrix);
     }
+    const bgShadowPaths = Array.from(doc2.querySelectorAll(
+      "g.__pdBgShadowClone > path, g.__pdShadowRaster > path"
+    ));
+    for (const p of bgShadowPaths) {
+      const existing = p.getAttribute("transform");
+      p.setAttribute("transform", existing ? `${matrix} ${existing}` : matrix);
+    }
     return new XMLSerializer().serializeToString(doc2.documentElement);
   }
   const resolved = resolveTextPath(tp, Number(obj.width) || 0, Number(obj.fontSize) || 16);
@@ -18942,9 +18964,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.206";
+const resolvedPackageVersion = "0.5.209";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.206";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.209";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -19623,7 +19645,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-C0s166DN.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-B04JIcJr.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -21807,7 +21829,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-C0s166DN.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-B04JIcJr.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -22204,4 +22226,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-B1kaODSZ.cjs.map
+//# sourceMappingURL=index-DQF_on2h.cjs.map