@pixldocs/canvas-renderer 0.5.483 → 0.5.485

package/dist/{index-CtxAf4Gq.js → index-BPh2zj_A.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
   });
@@ -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,23 +18825,21 @@ 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 lineSet = {
-          x1: 0,
-          y1: 0,
-          x2: lineLen,
-          y2: 0,
+        const lineGeometry = getLineVisualGeometry(element);
+        obj.set({
+          x1: lineGeometry.x1,
+          y1: lineGeometry.y1,
+          x2: lineGeometry.x2,
+          y2: lineGeometry.y2,
           angle: element.angle ?? 0,
           scaleX: 1,
           scaleY: 1,
           skewX: 0,
           skewY: 0
-        };
+        });
         if (!skipPositionUpdate) {
-          lineSet.left = fabricPos.left;
-          lineSet.top = fabricPos.top;
+          obj.set({ left: fabricPos.left, top: fabricPos.top });
         }
-        obj.set(lineSet);
         obj.setCoords();
       }
       if (!isLine) {
@@ -19329,14 +19347,23 @@ const PageCanvas = forwardRef(
         if (fcShape) fcShape.renderAll();
       }
       if (isLine) {
+        const lineGeometry = getLineVisualGeometry(element);
+        const prevLeft = obj.left;
+        const prevTop = obj.top;
         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",
           ...element.strokeDashArray && { strokeDashArray: element.strokeDashArray }
         });
+        obj.set({ left: prevLeft, top: prevTop });
+        obj.setCoords();
       }
       if (element.fillGradient && isGradientConfig(element.fillGradient)) {
         const objWidth = typeof obj.width === "number" ? obj.width : rW;
@@ -26375,9 +26402,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.483";
+const resolvedPackageVersion = "0.5.485";
 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.485";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -27191,7 +27218,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-Y9h0HpBX.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-BaxoJICy.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -29511,7 +29538,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-Y9h0HpBX.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-BaxoJICy.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -29828,4 +29855,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-CtxAf4Gq.js.map
+//# sourceMappingURL=index-BPh2zj_A.js.map