@pixldocs/canvas-renderer 0.5.472 → 0.5.474

package/dist/{index-CHObHx1T.js → index-DsthQYTx.js}

@@ -8530,6 +8530,25 @@ function buildRoundedRectPath2D(ctx, x, y, w, h, rTL, rTR, rBR, rBL) {
   if (tl > 0) ctx.quadraticCurveTo(x, y, x + tl, y);
   ctx.closePath();
 }
+function buildRoundedRectPath2DObject(x, y, w, h, rTL, rTR, rBR, rBL) {
+  const maxR = Math.min(w, h) / 2;
+  const tl = Math.min(Math.max(0, rTL), maxR);
+  const tr = Math.min(Math.max(0, rTR), maxR);
+  const br = Math.min(Math.max(0, rBR), maxR);
+  const bl = Math.min(Math.max(0, rBL), maxR);
+  const p = new Path2D();
+  p.moveTo(x + tl, y);
+  p.lineTo(x + w - tr, y);
+  if (tr > 0) p.quadraticCurveTo(x + w, y, x + w, y + tr);
+  p.lineTo(x + w, y + h - br);
+  if (br > 0) p.quadraticCurveTo(x + w, y + h, x + w - br, y + h);
+  p.lineTo(x + bl, y + h);
+  if (bl > 0) p.quadraticCurveTo(x, y + h, x, y + h - bl);
+  p.lineTo(x, y + tl);
+  if (tl > 0) p.quadraticCurveTo(x, y, x + tl, y);
+  p.closePath();
+  return p;
+}
 function measureLineGlyphWidth(obj, lineIndex) {
   var _a2, _b2, _c2, _d, _e, _f;
   try {
@@ -8717,9 +8736,9 @@ function applyTextBackground(obj, cfg) {
           ctx.transform(1, shearTransform.slope, 0, 1, 0, shearTransform.dy);
         }
         const rects = bgRectsForFill;
+        const combined = new Path2D();
         for (const r of rects) {
-          buildRoundedRectPath2D(
-            ctx,
+          const sub = buildRoundedRectPath2DObject(
             r.x,
             r.y,
             r.w,
@@ -8729,8 +8748,9 @@ function applyTextBackground(obj, cfg) {
             bg.rxBR ?? 0,
             bg.rxBL ?? 0
           );
-          ctx.fill();
+          combined.addPath(sub);
         }
+        ctx.fill(combined);
       }
       ctx.restore();
     }
@@ -9608,8 +9628,9 @@ function gradientToFabric(gradient, width, height) {
   });
 }
 function applyInitialGradients(obj, element) {
-  const w = typeof obj.width === "number" && obj.width > 0 ? obj.width : Number(element.width) || 0;
-  const h = typeof obj.height === "number" && obj.height > 0 ? obj.height : Number(element.height) || 0;
+  const isLine = element.type === "line";
+  const w = typeof obj.width === "number" && obj.width > 0 ? obj.width : (Number(element.width) || 0) * (isLine ? Number(element.scaleX) || 1 : 1);
+  const h = typeof obj.height === "number" && obj.height > 0 ? obj.height : isLine ? Math.max(Number(element.strokeWidth) || 0, 1) : Number(element.height) || 0;
   if (w <= 0 || h <= 0) return;
   const fg = element.fillGradient;
   if (fg && isGradientConfig(fg)) {
@@ -19273,7 +19294,7 @@ const PageCanvas = forwardRef(
       }
       if (element.fillGradient && isGradientConfig(element.fillGradient)) {
         const objWidth = typeof obj.width === "number" ? obj.width : rW;
-        const objHeight = typeof obj.height === "number" ? obj.height : rH;
+        const objHeight = isLine ? Math.max(typeof obj.height === "number" ? obj.height : 0, typeof element.strokeWidth === "number" ? element.strokeWidth : 0, 1) : typeof obj.height === "number" ? obj.height : rH;
         if (objWidth > 0 && objHeight > 0) {
           obj.set({
             fill: gradientToFabric(element.fillGradient, objWidth, objHeight),
@@ -19289,7 +19310,7 @@ const PageCanvas = forwardRef(
       }
       if (element.strokeGradient && isGradientConfig(element.strokeGradient)) {
         const objWidth = typeof obj.width === "number" ? obj.width : rW;
-        const objHeight = typeof obj.height === "number" ? obj.height : rH;
+        const objHeight = isLine ? Math.max(typeof obj.height === "number" ? obj.height : 0, typeof element.strokeWidth === "number" ? element.strokeWidth : 0, 1) : typeof obj.height === "number" ? obj.height : rH;
         if (objWidth > 0 && objHeight > 0) {
           obj.set({
             stroke: gradientToFabric(element.strokeGradient, objWidth, objHeight),
@@ -26308,9 +26329,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.472";
+const resolvedPackageVersion = "0.5.474";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.472";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.474";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27124,7 +27145,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-Xza25bm4.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-auFctmty.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29444,7 +29465,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-Xza25bm4.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-auFctmty.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29761,4 +29782,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-CHObHx1T.js.map
+//# sourceMappingURL=index-DsthQYTx.js.map