@pixldocs/canvas-renderer 0.5.472 → 0.5.474

package/dist/{index-Dj1v0e7c.cjs → index-D2hncOO0.cjs}

@@ -8548,6 +8548,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 {
@@ -8735,9 +8754,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,
@@ -8747,8 +8766,9 @@ function applyTextBackground(obj, cfg) {
             bg.rxBR ?? 0,
             bg.rxBL ?? 0
           );
-          ctx.fill();
+          combined.addPath(sub);
         }
+        ctx.fill(combined);
       }
       ctx.restore();
     }
@@ -9626,8 +9646,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)) {
@@ -19291,7 +19312,7 @@ const PageCanvas = react.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),
@@ -19307,7 +19328,7 @@ const PageCanvas = react.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),
@@ -26326,9 +26347,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;
@@ -27142,7 +27163,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-DkOHXPHf.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-Cgw2jQ1F.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29462,7 +29483,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-DkOHXPHf.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-Cgw2jQ1F.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29776,4 +29797,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-Dj1v0e7c.cjs.map
+//# sourceMappingURL=index-D2hncOO0.cjs.map