circuit-to-svg 0.0.413 → 0.0.415

package/dist/index.js

@@ -7745,7 +7745,7 @@ function getSoftwareUsedString(circuitJson) {
 var package_default = {
   name: "circuit-to-svg",
   type: "module",
-  version: "0.0.412",
+  version: "0.0.414",
   repository: {
     type: "git",
     url: "https://github.com/tscircuit/circuit-to-svg.git"
@@ -7775,7 +7775,7 @@ var package_default = {
     "@vitejs/plugin-react": "5.0.0",
     biome: "^0.3.3",
     "bun-match-svg": "^0.0.12",
-    "circuit-json": "^0.0.479",
+    "circuit-json": "^0.0.486",
     esbuild: "^0.20.2",
     "format-si-unit": "^0.0.12",
     "performance-now": "^2.1.0",
@@ -14034,6 +14034,34 @@ var createSvgObjectsForSchPortIndicator = ({
   return svgObjects;
 };
 
+// lib/utils/create-svg-text-parts.ts
+var createSvgTextPart = (part) => ({
+  type: "element",
+  name: "tspan",
+  value: "",
+  attributes: part.is_overlined ? { "text-decoration": "overline" } : {},
+  children: [
+    {
+      type: "text",
+      name: "",
+      value: part.text,
+      attributes: {},
+      children: []
+    }
+  ]
+});
+var createSvgTextParts = (parts) => parts.filter((part) => part.text).map(createSvgTextPart);
+var createSvgTextPartLines = (parts) => {
+  const lines = [[]];
+  for (const part of parts) {
+    part.text.split("\n").forEach((text, index) => {
+      if (index > 0) lines.push([]);
+      if (text) lines.at(-1).push(createSvgTextPart({ ...part, text }));
+    });
+  }
+  return lines;
+};
+
 // lib/sch/svg-object-fns/create-svg-objects-for-sch-text.ts
 import { applyToPoint as applyToPoint70 } from "transformation-matrix";
 var createSvgSchText = ({
@@ -14073,7 +14101,8 @@ var createSvgSchText = ({
     center_left: "middle"
   };
   const lines = elm.text.split("\n");
-  const children = lines.length === 1 ? [
+  const styledLines = createSvgTextPartLines(elm.text_parts ?? []);
+  const children = lines.length === 1 ? elm.text_parts?.length ? styledLines[0] : [
     {
       type: "text",
       value: elm.text,
@@ -14089,7 +14118,7 @@ var createSvgSchText = ({
       x: center.x.toString(),
       ...idx > 0 ? { dy: "1em" } : {}
     },
-    children: [
+    children: elm.text_parts?.length ? styledLines[idx] ?? [] : [
       {
         type: "text",
         value: line,
@@ -14847,6 +14876,7 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
   if (!label) return [];
   const isNegated = label.startsWith("N_");
   const displayLabel = isNegated ? label.slice(2) : label;
+  const textParts = schPort.display_pin_label_text_parts;
   const is_drawn_with_inversion_circle = schPort.is_drawn_with_inversion_circle ?? false;
   const fontSizePx = getSchScreenFontSize(
     transform,
@@ -14860,14 +14890,14 @@ var createSvgObjectsForSchPortPinLabel = (params) => {
       class: labelClassName,
       x: screenPinNumberTextPos.x.toString(),
       y: screenPinNumberTextPos.y.toString(),
-      style: `font-family: sans-serif;${isNegated ? " text-decoration: overline;" : ""}`,
+      style: `font-family: sans-serif;${isNegated && !textParts?.length ? " text-decoration: overline;" : ""}`,
       fill: labelColor,
       "text-anchor": schPort.side_of_component === "left" || schPort.side_of_component === "bottom" ? "start" : "end",
       "dominant-baseline": "middle",
       "font-size": `${fontSizePx}px`,
       transform: schPort.side_of_component === "top" || schPort.side_of_component === "bottom" ? `rotate(-90 ${screenPinNumberTextPos.x} ${screenPinNumberTextPos.y})` : ""
     },
-    children: [
+    children: textParts?.length ? createSvgTextParts(textParts) : [
       {
         type: "text",
         value: displayLabel || "",