@pixldocs/canvas-renderer 0.5.206 → 0.5.209

package/dist/{index-CyxNh5Y9.js → index-DOIdbh-Q.js}

@@ -6968,6 +6968,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) {
@@ -6978,6 +6990,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();
@@ -7010,6 +7025,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;
@@ -7046,16 +7064,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) {
@@ -10749,7 +10759,12 @@ const PageCanvas = 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]);
@@ -18526,6 +18541,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);
@@ -18924,9 +18946,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;
@@ -19605,7 +19627,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-CyNCzRhQ.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-C0GsER0C.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -21789,7 +21811,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-CyNCzRhQ.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-C0GsER0C.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -22165,14 +22187,14 @@ export {
   canvasImageLoader as a6,
   getProxiedImageUrl as b,
   captureFabricCanvasSvgForPdf as c,
-  bakeEdgeFade as d,
+  getImageProxyFetchOptions as d,
   isGroup as e,
   findNodeById as f,
   getCanvasForPage as g,
-  hasEdgeFade as h,
+  buildRoundedTrianglePath as h,
   isElement as i,
-  buildRoundedTrianglePath as j,
-  getImageProxyFetchOptions as k,
+  hasEdgeFade as j,
+  bakeEdgeFade as k,
   getRoundedRectRadii as l,
   getTrianglePoints as m,
   normalizeShapeType as n,
@@ -22189,4 +22211,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-CyxNh5Y9.js.map
+//# sourceMappingURL=index-DOIdbh-Q.js.map