@pixldocs/canvas-renderer 0.5.483 → 0.5.484

package/dist/{index-Cb2oeGs6.cjs → index-BtWgeifE.cjs}

@@ -804,6 +804,9 @@ function simpleWidth(node) {
 function simpleHeight(node) {
   if (isElement(node)) {
     const el = node;
+    if (el.type === "line") {
+      return Math.max(1, Number(el.strokeWidth) || Number(el.height) || 1);
+    }
     const h = el.height;
     if (typeof h === "number") return h;
     if (el.type === "text" && el.text) {
@@ -10093,12 +10096,28 @@ function createText(element) {
   applyTextShadow(textbox, element);
   return textbox;
 }
+function getLineVisualGeometry(element) {
+  const visualWidth = Math.max(1, Number(element.width) * (element.scaleX ?? 1) || 100);
+  const strokeWidth = Math.max(0, Number(element.strokeWidth) || 2);
+  const capInset = Math.min(visualWidth / 2, strokeWidth / 2);
+  return {
+    x1: capInset,
+    y1: 0,
+    x2: Math.max(capInset, visualWidth - capInset),
+    y2: 0,
+    visualWidth,
+    strokeWidth
+  };
+}
 function createLine(element) {
-  const lineLength = element.width * (element.scaleX ?? 1);
-  return new fabric__namespace.Line([0, 0, lineLength, 0], {
+  const g = getLineVisualGeometry(element);
+  return new fabric__namespace.Line([g.x1, g.y1, g.x2, g.y2], {
     stroke: element.stroke || "#1a1a1a",
-    strokeWidth: element.strokeWidth || 2,
+    strokeWidth: g.strokeWidth,
     strokeDashArray: element.strokeDashArray,
+    strokeLineCap: "round",
+    strokeLineJoin: "round",
+    strokeUniform: true,
     scaleX: 1,
     scaleY: 1
   });
@@ -16175,9 +16194,10 @@ const PageCanvas = react.forwardRef(
             } else if (obj instanceof fabric__namespace.Line) {
               const x1 = obj.x1 ?? 0, y1 = obj.y1 ?? 0, x2 = obj.x2 ?? 0, y2 = obj.y2 ?? 0;
               const rawLen = Math.hypot(x2 - x1, y2 - y1);
+              const sw = Math.max(0, Number(obj.strokeWidth ?? (sourceElement == null ? void 0 : sourceElement.strokeWidth) ?? 0) || 0);
               const ownScaleX = obj.scaleX ?? 1;
               const selScaleX = isActiveSelection && activeObj ? Math.abs(activeObj.scaleX ?? 1) : 1;
-              intrinsicWidth = rawLen * Math.abs(ownScaleX) * selScaleX;
+              intrinsicWidth = rawLen * Math.abs(ownScaleX) * selScaleX + sw;
               intrinsicHeight = 0;
             } else {
               intrinsicWidth = obj.width ?? 0;
@@ -18823,12 +18843,12 @@ const PageCanvas = react.forwardRef(
       const baseScaleY = isImage && element.imageFit === "fill" ? rH / ((obj.height ?? 1) || 1) : 1;
       const isLine = obj instanceof fabric__namespace.Line;
       if (isLine) {
-        const lineLen = Math.max(1, Number(element.width) || rW || 100);
+        const lineGeometry = getLineVisualGeometry(element);
         const lineSet = {
-          x1: 0,
-          y1: 0,
-          x2: lineLen,
-          y2: 0,
+          x1: lineGeometry.x1,
+          y1: lineGeometry.y1,
+          x2: lineGeometry.x2,
+          y2: lineGeometry.y2,
           angle: element.angle ?? 0,
           scaleX: 1,
           scaleY: 1,
@@ -19347,9 +19367,14 @@ const PageCanvas = react.forwardRef(
         if (fcShape) fcShape.renderAll();
       }
       if (isLine) {
+        const lineGeometry = getLineVisualGeometry(element);
         obj.set({
+          x1: lineGeometry.x1,
+          y1: lineGeometry.y1,
+          x2: lineGeometry.x2,
+          y2: lineGeometry.y2,
           stroke: element.stroke || "#1a1a1a",
-          strokeWidth: typeof element.strokeWidth === "number" ? element.strokeWidth : 2,
+          strokeWidth: lineGeometry.strokeWidth,
           strokeUniform: true,
           strokeLineCap: "round",
           strokeLineJoin: "round",
@@ -26393,9 +26418,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.483";
+const resolvedPackageVersion = "0.5.484";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.483";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.484";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27209,7 +27234,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-D7rfsr1y.cjs"));
+      const { exportMultiPagePdf, preparePagesForExport } = await Promise.resolve().then(() => require("./vectorPdfExport-B811hVqY.cjs"));
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29529,7 +29554,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-D7rfsr1y.cjs"));
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await Promise.resolve().then(() => require("./vectorPdfExport-B811hVqY.cjs"));
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29843,4 +29868,4 @@ exports.setAutoShrinkDebug = setAutoShrinkDebug;
 exports.setBundledAssetPrefixes = setBundledAssetPrefixes;
 exports.warmResolvedTemplateForPreview = warmResolvedTemplateForPreview;
 exports.warmTemplateFromForm = warmTemplateFromForm;
-//# sourceMappingURL=index-Cb2oeGs6.cjs.map
+//# sourceMappingURL=index-BtWgeifE.cjs.map