@pixldocs/canvas-renderer 0.5.482 → 0.5.484

package/dist/{index-OZhXWoy2.js → index-Dl4edGXt.js}

@@ -786,6 +786,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) {
@@ -10075,12 +10078,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.Line([0, 0, lineLength, 0], {
+  const g = getLineVisualGeometry(element);
+  return new fabric.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
   });
@@ -10145,7 +10164,7 @@ function createFabricObject(element) {
         mtr: true
       });
       obj.set({
-        padding: 8,
+        padding: 0,
         perPixelTargetFind: false
       });
     }
@@ -16157,9 +16176,10 @@ const PageCanvas = forwardRef(
             } else if (obj instanceof fabric.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;
@@ -18805,12 +18825,12 @@ const PageCanvas = forwardRef(
       const baseScaleY = isImage && element.imageFit === "fill" ? rH / ((obj.height ?? 1) || 1) : 1;
       const isLine = obj instanceof fabric.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,
@@ -19329,9 +19349,14 @@ const PageCanvas = 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",
@@ -26375,9 +26400,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.482";
+const resolvedPackageVersion = "0.5.484";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.482";
+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;
@@ -27191,7 +27216,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-BnwNy_o1.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-C02bLwpw.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29511,7 +29536,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-BnwNy_o1.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-C02bLwpw.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29828,4 +29853,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-OZhXWoy2.js.map
+//# sourceMappingURL=index-Dl4edGXt.js.map