circuit-to-svg 0.0.247 → 0.0.249

package/dist/index.js

@@ -2490,7 +2490,7 @@ function createSvgObjectsFromPcbPanel(pcbPanel, ctx) {
       attributes: {
         class: "pcb-panel",
         d: path,
-        fill: shouldRenderSolderMask ? colorMap2.soldermask.top : "none",
+        fill: "none",
         stroke: colorMap2.boardOutline,
         "stroke-width": (0.1 * Math.abs(transform.a)).toString(),
         "data-type": "pcb_panel",
@@ -3287,7 +3287,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.246",
+  version: "0.0.248",
   description: "Convert Circuit JSON to SVG",
   main: "dist/index.js",
   files: [
@@ -9989,39 +9989,81 @@ function createAxes({
   );
   return svgElement("g", { class: "axes" }, children);
 }
+var MAX_LEGEND_LINE_LENGTH = 5;
+var LEGEND_LINE_HEIGHT = 16;
+var LEGEND_MIN_SPACING = 24;
 function createLegend(graphs, width) {
-  const children = graphs.map((entry, index) => {
-    const y = MARGIN.top + index * 24;
+  let currentY = MARGIN.top;
+  const children = graphs.map((entry) => {
     const x = width - MARGIN.right + 20;
+    const lines = wrapLegendText(entry.label);
+    const legendItem = createLegendItem(entry, x, currentY, lines);
+    const itemHeight = lines.length * LEGEND_LINE_HEIGHT;
+    currentY += Math.max(itemHeight, LEGEND_MIN_SPACING);
+    return legendItem;
+  });
+  return svgElement("g", { class: "legend" }, children);
+}
+function wrapLegendText(label) {
+  const parts = label.split("_");
+  if (parts.length <= 1) {
+    return [label];
+  }
+  const lines = [];
+  let currentLine = parts[0] ?? "";
+  for (let i = 1; i < parts.length; i++) {
+    const part = parts[i] ?? "";
+    const testLine = currentLine + "_" + part;
+    if (testLine.length > MAX_LEGEND_LINE_LENGTH) {
+      lines.push(currentLine);
+      currentLine = part;
+    } else {
+      currentLine = testLine;
+    }
+  }
+  if (currentLine) {
+    lines.push(currentLine);
+  }
+  return lines;
+}
+function createLegendItem(entry, x, y, lines) {
+  const textChildren = lines.map((line, index) => {
     return svgElement(
-      "g",
+      "tspan",
       {
-        class: "legend-item",
-        transform: `translate(${formatNumber(x)} ${formatNumber(y)})`
+        x: "32",
+        dy: index === 0 ? "0" : String(LEGEND_LINE_HEIGHT)
       },
-      [
-        svgElement("line", {
-          class: "legend-line",
-          x1: "0",
-          y1: "0",
-          x2: "24",
-          y2: "0",
-          stroke: entry.color
-        }),
-        svgElement(
-          "text",
-          {
-            class: "legend-label",
-            x: "32",
-            y: "0",
-            "dominant-baseline": "middle"
-          },
-          [textNode(entry.label)]
-        )
-      ]
+      [textNode(line)]
     );
   });
-  return svgElement("g", { class: "legend" }, children);
+  return svgElement(
+    "g",
+    {
+      class: "legend-item",
+      transform: `translate(${formatNumber(x)} ${formatNumber(y)})`
+    },
+    [
+      svgElement("line", {
+        class: "legend-line",
+        x1: "0",
+        y1: "0",
+        x2: "24",
+        y2: "0",
+        stroke: entry.color
+      }),
+      svgElement(
+        "text",
+        {
+          class: "legend-label",
+          x: "32",
+          y: "0",
+          "dominant-baseline": "middle"
+        },
+        textChildren
+      )
+    ]
+  );
 }
 function createDataGroup(graphs, clipPathId, scaleX, scaleY) {
   const LINE_REPEAT_COUNT = 3;