@tscircuit/schematic-trace-solver 0.0.148 → 0.0.150

package/tests/examples/__snapshots__/example30.snap.svg

@@ -1,4 +1,6 @@
-<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="-0.6000000000000001,1.0999999999999999 0.6000000000000001,-0.09999999999999987" data-type="line" data-label="" points="222,158.99999999999997 390,326.99999999999994" fill="none" stroke="hsl(16, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.8999999999999999 0.6000000000000001,-0.2999999999999998" data-type="line" data-label="" points="222,186.99999999999994 390,354.9999999999999" fill="none" stroke="hsl(128, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.6999999999999998 0.6000000000000001,-0.4999999999999998" data-type="line" data-label="" points="222,214.99999999999997 390,382.9999999999999" fill="none" stroke="hsl(32, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.4999999999999998 0.6000000000000001,-0.6999999999999998" data-type="line" data-label="" points="222,242.99999999999997 390,410.9999999999999" fill="none" stroke="hsl(144, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.2999999999999998 0.6000000000000001,-0.8999999999999999" data-type="line" data-label="" points="222,271 390,438.99999999999994" fill="none" stroke="hsl(104, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.09999999999999987 0.6000000000000001,-1.0999999999999999" data-type="line" data-label="" points="222,298.99999999999994 390,466.9999999999999" fill="none" stroke="hsl(160, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,-0.10000000000000009 0.6000000000000001,0.10000000000000009" data-type="line" data-label="" points="222,326.99999999999994 390,298.99999999999994" fill="none" stroke="hsl(120, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,1.0999999999999999 -0.8,1.0999999999999999 -0.8,1.4999999999999998 1.1510000000000002,1.4999999999999998 1.1510000000000002,-0.09999999999999992 0.6000000000000001,-0.09999999999999987" data-type="line" data-label="" points="222,158.99999999999997 194,158.99999999999997 194,102.99999999999997 467.14000000000004,102.99999999999997 467.14000000000004,326.99999999999994 390,326.99999999999994" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.4999999999999998 -1.1510000000000002,0.4999999999999998 -1.1510000000000002,-1.6 1.451,-1.6 1.451,-0.6999999999999998 0.6000000000000001,-0.6999999999999998" data-type="line" data-label="" points="222,242.99999999999997 144.85999999999996,242.99999999999997 144.85999999999996,537 509.14,537 509.14,410.9999999999999 390,410.9999999999999" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="222" y="131" width="168" height="363.9999999999999" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.007142857142857143"/></g><g><rect data-type="rect" data-label="netId: P.pin1 to P.pin18
+<svg width="2416" height="1200" viewBox="0 0 2416 1200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Solver debug visualization on the left and Circuit JSON schematic on the right">
+  <g transform="translate(0, 0) scale(1.875, 1.875) translate(0, 0)">
+    <rect width="100%" height="100%" fill="white"/><g><polyline data-points="-0.6000000000000001,1.0999999999999999 0.6000000000000001,-0.09999999999999987" data-type="line" data-label="" points="222,158.99999999999997 390,326.99999999999994" fill="none" stroke="hsl(16, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.8999999999999999 0.6000000000000001,-0.2999999999999998" data-type="line" data-label="" points="222,186.99999999999994 390,354.9999999999999" fill="none" stroke="hsl(128, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.6999999999999998 0.6000000000000001,-0.4999999999999998" data-type="line" data-label="" points="222,214.99999999999997 390,382.9999999999999" fill="none" stroke="hsl(32, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.4999999999999998 0.6000000000000001,-0.6999999999999998" data-type="line" data-label="" points="222,242.99999999999997 390,410.9999999999999" fill="none" stroke="hsl(144, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.2999999999999998 0.6000000000000001,-0.8999999999999999" data-type="line" data-label="" points="222,271 390,438.99999999999994" fill="none" stroke="hsl(104, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.09999999999999987 0.6000000000000001,-1.0999999999999999" data-type="line" data-label="" points="222,298.99999999999994 390,466.9999999999999" fill="none" stroke="hsl(160, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,-0.10000000000000009 0.6000000000000001,0.10000000000000009" data-type="line" data-label="" points="222,326.99999999999994 390,298.99999999999994" fill="none" stroke="hsl(120, 100%, 50%, 0.8)" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,1.0999999999999999 -0.8,1.0999999999999999 -0.8,1.4999999999999998 1.1510000000000002,1.4999999999999998 1.1510000000000002,-0.09999999999999992 0.6000000000000001,-0.09999999999999987" data-type="line" data-label="" points="222,158.99999999999997 194,158.99999999999997 194,102.99999999999997 467.14000000000004,102.99999999999997 467.14000000000004,326.99999999999994 390,326.99999999999994" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="-0.6000000000000001,0.4999999999999998 -1.1510000000000002,0.4999999999999998 -1.1510000000000002,-1.6 1.451,-1.6 1.451,-0.6999999999999998 0.6000000000000001,-0.6999999999999998" data-type="line" data-label="" points="222,242.99999999999997 144.85999999999996,242.99999999999997 144.85999999999996,537 509.14,537 509.14,410.9999999999999 390,410.9999999999999" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="222" y="131" width="168" height="363.9999999999999" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.007142857142857143"/></g><g><rect data-type="rect" data-label="netId: P.pin1 to P.pin18
 globalConnNetId: connectivity_net0" data-x="-0.8" data-y="1.7249999999999999" x="180" y="39.99999999999996" width="28" height="63.00000000000003" fill="#ef444466" stroke="#ef4444" stroke-width="0.007142857142857143"/></g><g><rect data-type="rect" data-label="netId: P.pin2 to P.pin17
 globalConnNetId: connectivity_net1" data-x="-0.8260000000000001" data-y="0.8999999999999999" x="158.85999999999999" y="172.99999999999994" width="63" height="27.99999999999997" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.007142857142857143"/></g><g><rect data-type="rect" data-label="netId: P.pin2 to P.pin17
 globalConnNetId: connectivity_net1" data-x="0.8260000000000001" data-y="-0.2999999999999998" x="390.14" y="340.9999999999999" width="63" height="27.999999999999943" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.007142857142857143"/></g><g><rect data-type="rect" data-label="netId: P.pin3 to P.pin16
@@ -56,7 +58,7 @@ orientation: x+" data-x="0.6000000000000001" data-y="0.10000000000000009" cx="39
                 const h = svg.getElementById('crosshair-h');
                 const v = svg.getElementById('crosshair-v');
                 const coords = svg.getElementById('coordinates');
-                
+
                 crosshair.style.display = 'block';
                 h.setAttribute('x1', '0');
                 h.setAttribute('x2', '640');
@@ -75,13 +77,13 @@ orientation: x+" data-x="0.6000000000000001" data-y="0.10000000000000009" cx="39
                 // y' = (y - ty) / sy
                 const sx = matrix.a;
                 const sy = matrix.d;
-                const tx = matrix.e; 
+                const tx = matrix.e;
                 const ty = matrix.f;
                 const realPoint = {
                   x: (x - tx) / sx,
                   y: (y - ty) / sy // Flip y back since we used negative scale
                 }
-                
+
                 coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
                 coords.setAttribute('x', (x + 5).toString());
                 coords.setAttribute('y', (y - 5).toString());
@@ -89,4 +91,104 @@ orientation: x+" data-x="0.6000000000000001" data-y="0.10000000000000009" cx="39
               document.currentScript.parentElement.addEventListener('mouseleave', () => {
                 document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
               });
-            ]]></script></svg>
+            ]]></script>
+  </g>
+  <g transform="translate(1216, 200)">
+    <style>
+              .boundary { fill: rgb(245, 241, 237); }
+              .schematic-boundary { fill: none; stroke: #fff; }
+              .component { fill: none; stroke: rgb(132, 0, 0); }
+              .chip { fill: rgb(255, 255, 194); stroke: rgb(132, 0, 0); }
+              .component-pin { fill: none; stroke: rgb(132, 0, 0); }
+              .text { font-family: sans-serif; fill: rgb(0, 150, 0); }
+              .pin-number { fill: rgb(169, 0, 0); }
+              .port-label { fill: rgb(0, 100, 100); }
+              .component-name { fill: rgb(0, 100, 100); }
+
+            </style><rect class="boundary" x="0" y="0" width="1200" height="800"/><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"><path d="M 481.48430688756 212.00959023546002 L 448.79032258068 212.00959023546002 L 448.79032258068 146.62162162170003 L 767.7201394942945 146.62162162170003 L 767.7201394942945 408.17349607674 L 677.64821272884 408.17349607674" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="26.155187445503998px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 481.48430688756 212.00959023546002 L 448.79032258068 212.00959023546002 L 448.79032258068 146.62162162170003 L 767.7201394942945 146.62162162170003 L 767.7201394942945 408.17349607674 L 677.64821272884 408.17349607674" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.2693984306879997px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"><path d="M 481.48430688756 310.09154315610004 L 391.41238012210556 310.09154315610004 L 391.41238012210556 653.3783783783399 L 816.7611159546144 653.3783783783399 L 816.7611159546144 506.25544899738 L 677.64821272884 506.25544899738" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="26.155187445503998px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 481.48430688756 310.09154315610004 L 391.41238012210556 310.09154315610004 L 391.41238012210556 653.3783783783399 L 816.7611159546144 653.3783783783399 L 816.7611159546144 506.25544899738 L 677.64821272884 506.25544899738" stroke="rgb(0, 150, 0)" fill="none" stroke-width="3.2693984306879997px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"/><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"/><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0__stack1"><rect class="component chip sch-component-body" x="546.87227550132" y="179.31560592858003" width="65.38796861376" height="425.02179598943997" stroke-width="3.2693984306879997px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="546.87227550132" y="179.31560592858003" width="65.38796861376" height="425.02179598943997" fill="transparent"/><text class="sch-text" x="579.5662598082" y="391.8265039233" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="29.424585876191998px" transform="rotate(0, 579.5662598082, 391.8265039233)">P</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="212.00959023546002" x2="481.48430688756" y2="212.00959023546002" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="478.214908456872" y="208.74019180477202" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="208.74019180477202" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="244.70357454234002" x2="484.753705318248" y2="244.70357454234002" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_1__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="244.70357454234002" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="241.43417611165202" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="241.434176111652" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="277.39755884922" x2="484.753705318248" y2="277.39755884922" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_2__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="277.39755884922" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="274.128160418532" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="274.12816041853205" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="310.09154315610004" x2="481.48430688756" y2="310.09154315610004" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_3__stack1"><rect x="478.214908456872" y="306.82214472541204" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="306.82214472541204" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">4</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="342.78552746298" x2="484.753705318248" y2="342.78552746298" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_4__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="342.78552746298" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="339.516129032292" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="339.51612903229204" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">5</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="375.47951176986" x2="484.753705318248" y2="375.47951176986" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_5__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="375.47951176986" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="372.210113339172" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="372.210113339172" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">6</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="408.17349607674" x2="484.753705318248" y2="408.17349607674" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_6__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="408.17349607674" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="404.904097646052" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="404.904097646052" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">7</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="440.86748038362" x2="484.753705318248" y2="440.86748038362" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_7__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="440.86748038362" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="437.598081952932" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="437.598081952932" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">8</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="473.5614646905" x2="484.753705318248" y2="473.5614646905" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_8__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="473.5614646905" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="470.292066259812" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="470.292066259812" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">9</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="506.25544899738" x2="484.753705318248" y2="506.25544899738" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_9__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="506.25544899738" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="502.986050566692" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="502.986050566692" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">10</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="538.94943330426" x2="484.753705318248" y2="538.94943330426" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_10__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="538.94943330426" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="535.6800348735719" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="535.6800348735719" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">11</text><line class="component-pin sch-component-pin sch-port-line" x1="546.87227550132" y1="571.64341761114" x2="484.753705318248" y2="571.64341761114" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_11__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="481.48430688756" cy="571.64341761114" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="478.214908456872" y="568.374019180452" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="514.17829119444" y="568.3740191804519" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">12</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="571.64341761114" x2="674.3788142981521" y2="571.64341761114" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_12__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="571.64341761114" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="568.374019180452" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="568.3740191804519" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">13</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="538.94943330426" x2="674.3788142981521" y2="538.94943330426" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_13__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="538.94943330426" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="535.6800348735719" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="535.6800348735719" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">14</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="506.25544899738" x2="677.64821272884" y2="506.25544899738" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_14__stack1"><rect x="674.3788142981521" y="502.986050566692" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="502.9860505666919" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">15</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="473.5614646904999" x2="674.3788142981521" y2="473.5614646904999" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_15__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="473.5614646904999" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="470.2920662598119" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="470.2920662598119" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">16</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="440.86748038362" x2="674.3788142981521" y2="440.86748038362" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_16__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="440.86748038362" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="437.598081952932" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="437.5980819529319" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">17</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="408.17349607674" x2="677.64821272884" y2="408.17349607674" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_17__stack1"><rect x="674.3788142981521" y="404.904097646052" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="404.904097646052" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">18</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="375.47951176986" x2="674.3788142981521" y2="375.47951176986" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_18__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="375.47951176986" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="372.210113339172" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="372.210113339172" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">19</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="342.78552746298" x2="674.3788142981521" y2="342.78552746298" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_19__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="342.78552746298" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="339.516129032292" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="339.516129032292" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">20</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="310.0915431561" x2="674.3788142981521" y2="310.0915431561" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_20__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="310.0915431561" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="306.822144725412" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="306.822144725412" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">21</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="277.39755884922" x2="674.3788142981521" y2="277.39755884922" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_21__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="277.39755884922" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="274.128160418532" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="274.128160418532" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">22</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="244.70357454234002" x2="674.3788142981521" y2="244.70357454234002" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_22__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="244.70357454234002" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="241.43417611165202" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="241.434176111652" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">23</text><line class="component-pin sch-component-pin sch-port-line" x1="612.26024411508" y1="212.00959023546002" x2="674.3788142981521" y2="212.00959023546002" stroke-width="3.2693984306879997px"/><g class="sch-port" data-schematic-port-id="source_port_0_23__stack1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="677.64821272884" cy="212.00959023546002" r="3.2693984306879997" stroke-width="3.2693984306879997px"/><rect x="674.3788142981521" y="208.74019180477202" width="6.5387968613759995" height="6.5387968613759995" opacity="0"/></g><text class="pin-number sch-pin-number" x="644.95422842196" y="208.74019180477202" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="24.520488230159998px" transform="">24</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="481.48430688756" cy="212.00959023546002" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_1__stack1"><circle cx="481.48430688756" cy="244.70357454234002" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_2__stack1"><circle cx="481.48430688756" cy="277.39755884922" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_3__stack1"><circle cx="481.48430688756" cy="310.09154315610004" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_4__stack1"><circle cx="481.48430688756" cy="342.78552746298" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_5__stack1"><circle cx="481.48430688756" cy="375.47951176986" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_6__stack1"><circle cx="481.48430688756" cy="408.17349607674" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_7__stack1"><circle cx="481.48430688756" cy="440.86748038362" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_8__stack1"><circle cx="481.48430688756" cy="473.5614646905" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_9__stack1"><circle cx="481.48430688756" cy="506.25544899738" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_10__stack1"><circle cx="481.48430688756" cy="538.94943330426" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_11__stack1"><circle cx="481.48430688756" cy="571.64341761114" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_12__stack1"><circle cx="677.64821272884" cy="571.64341761114" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_13__stack1"><circle cx="677.64821272884" cy="538.94943330426" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_14__stack1"><circle cx="677.64821272884" cy="506.25544899738" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_15__stack1"><circle cx="677.64821272884" cy="473.5614646904999" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_16__stack1"><circle cx="677.64821272884" cy="440.86748038362" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_17__stack1"><circle cx="677.64821272884" cy="408.17349607674" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_18__stack1"><circle cx="677.64821272884" cy="375.47951176986" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_19__stack1"><circle cx="677.64821272884" cy="342.78552746298" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_20__stack1"><circle cx="677.64821272884" cy="310.0915431561" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_21__stack1"><circle cx="677.64821272884" cy="277.39755884922" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_22__stack1"><circle cx="677.64821272884" cy="244.70357454234002" r="6.5387968613759995" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_23__stack1"><circle cx="677.64821272884" cy="212.00959023546002" r="6.5387968613759995" fill="red" opacity="0"/></g><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_0__stack1" d="
+    M 448.79032258068,146.62162162170003
+    L 432.44333042724,137.79424585884243
+    L 432.44333042724,81.7349607673122
+    L 465.13731473412,81.7349607673122
+    L 465.13731473412,137.79424585884243
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_0__stack1" x="448.79032258068" y="131.90932868360403" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="rotate(-90 448.79032258068 131.90932868360403)">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_1__stack1" d="
+    M 481.48430688756,244.70357454234002
+    L 472.6569311247024,261.05056669578005
+    L 416.59764603317217,261.05056669578
+    L 416.59764603317217,228.35658238890002
+    L 472.65693112470245,228.35658238890002
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_1__stack1" x="466.77201394946405" y="244.70357454234002" fill="rgb(132, 0, 0)" text-anchor="end" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_2__stack1" d="
+    M 677.64821272884,440.86748038362
+    L 686.4755884916976,424.52048823018
+    L 742.5348735832279,424.52048823018
+    L 742.5348735832279,457.21447253706
+    L 686.4755884916976,457.21447253706
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_2__stack1" x="692.360505666936" y="440.86748038362" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" d="
+    M 481.48430688756,277.39755884922
+    L 472.6569311247024,293.74455100266
+    L 416.59764603317217,293.74455100266
+    L 416.59764603317217,261.05056669578
+    L 472.65693112470245,261.05056669578
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_3__stack1" x="466.77201394946405" y="277.39755884922" fill="rgb(132, 0, 0)" text-anchor="end" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_4__stack1" d="
+    M 677.64821272884,473.5614646904999
+    L 686.4755884916976,457.2144725370599
+    L 742.5348735832279,457.2144725370599
+    L 742.5348735832279,489.9084568439399
+    L 686.4755884916976,489.9084568439399
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_4__stack1" x="692.360505666936" y="473.5614646904999" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_5__stack1" d="
+    M 391.41238012210556,653.3783783783399
+    L 407.75937227554556,662.2057541411975
+    L 407.75937227554556,718.2650392327278
+    L 375.06538796866556,718.2650392327278
+    L 375.06538796866556,662.2057541411975
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_5__stack1" x="391.41238012210556" y="668.0906713164359" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="rotate(90 391.41238012210556 668.0906713164359)">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_6__stack1" d="
+    M 481.48430688756,342.78552746298
+    L 472.6569311247024,359.13251961642
+    L 416.59764603317217,359.13251961642
+    L 416.59764603317217,326.43853530954
+    L 472.65693112470245,326.43853530954
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_6__stack1" x="466.77201394946405" y="342.78552746298" fill="rgb(132, 0, 0)" text-anchor="end" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_7__stack1" d="
+    M 677.64821272884,538.94943330426
+    L 686.4755884916976,522.6024411508199
+    L 742.5348735832279,522.6024411508199
+    L 742.5348735832279,555.2964254577
+    L 686.4755884916976,555.2964254577
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_7__stack1" x="692.360505666936" y="538.94943330426" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_8__stack1" d="
+    M 481.48430688756,375.47951176986
+    L 472.6569311247024,391.8265039233
+    L 416.59764603317217,391.8265039233
+    L 416.59764603317217,359.13251961642
+    L 472.65693112470245,359.13251961642
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_8__stack1" x="466.77201394946405" y="375.47951176986" fill="rgb(132, 0, 0)" text-anchor="end" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_9__stack1" d="
+    M 677.64821272884,571.64341761114
+    L 686.4755884916976,555.2964254577
+    L 742.5348735832279,555.2964254577
+    L 742.5348735832279,587.9904097645799
+    L 686.4755884916976,587.9904097645799
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_9__stack1" x="692.360505666936" y="571.64341761114" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_10__stack1" d="
+    M 481.48430688756,408.17349607674
+    L 472.6569311247024,424.52048823018
+    L 416.59764603317217,424.52048823018
+    L 416.59764603317217,391.8265039233
+    L 472.65693112470245,391.8265039233
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_10__stack1" x="466.77201394946405" y="408.17349607674" fill="rgb(132, 0, 0)" text-anchor="end" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_11__stack1" d="
+    M 677.64821272884,375.47951176986
+    L 686.4755884916976,359.13251961642
+    L 742.5348735832279,359.13251961642
+    L 742.5348735832279,391.8265039233
+    L 686.4755884916976,391.8265039233
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="3.2693984306879997px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_11__stack1" x="692.360505666936" y="375.47951176986" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="29.424585876191998px" transform="">XX</text>
+  </g>
+</svg>

package/tests/examples/__snapshots__/example31.snap.svg

@@ -1,4 +1,6 @@
-<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="white"/><g><polyline data-points="1.2000000000000002,0.30000000000000004 3,-0.10000000000000016" data-type="line" data-label="" points="345.38513974096804,310.52033628720744 574.4239945466941,361.4178595773688" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,0.30000000000000004 1.3010000000000002,0.30000000000000004 1.3010000000000002,0.5010000000000001" data-type="line" data-label="" points="345.38513974096804,310.52033628720744 358.2367643717338,310.52033628720744 358.2367643717338,284.94433083390135" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="3,-0.10000000000000016 3.101,-0.10000000000000016 3.101,0.10099999999999985" data-type="line" data-label="" points="574.4239945466941,361.4178595773688 587.2756191774597,361.4178595773688 587.2756191774597,335.8418541240627" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="285.0715746421268" width="305.38513974096804" height="127.24380822540331" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00785892857142857"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="2.45" data-y="-0.10000000000000009" x="434.45580549875035" y="336.6746203135652" width="139.96818904794372" height="49.48647852760723" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00785892857142857"/></g><g><rect data-type="rect" data-label="netId: VCC
+<svg width="2416" height="1200" viewBox="0 0 2416 1200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Solver debug visualization on the left and Circuit JSON schematic on the right">
+  <g transform="translate(0, 0) scale(1.875, 1.875) translate(0, 0)">
+    <rect width="100%" height="100%" fill="white"/><g><polyline data-points="1.2000000000000002,0.30000000000000004 3,-0.10000000000000016" data-type="line" data-label="" points="345.38513974096804,310.52033628720744 574.4239945466941,361.4178595773688" fill="none" stroke="hsl(190, 100%, 50%, 0.8)" stroke-width="1px" stroke-dasharray="4 2"/></g><g><polyline data-points="1.2000000000000002,0.30000000000000004 1.3010000000000002,0.30000000000000004 1.3010000000000002,0.5010000000000001" data-type="line" data-label="" points="345.38513974096804,310.52033628720744 358.2367643717338,310.52033628720744 358.2367643717338,284.94433083390135" fill="none" stroke="purple" stroke-width="1px"/></g><g><polyline data-points="3,-0.10000000000000016 3.101,-0.10000000000000016 3.101,0.10099999999999985" data-type="line" data-label="" points="574.4239945466941,361.4178595773688 587.2756191774597,361.4178595773688 587.2756191774597,335.8418541240627" fill="none" stroke="purple" stroke-width="1px"/></g><g><rect data-type="rect" data-label="schematic_component_0" data-x="0" data-y="0" x="40" y="285.0715746421268" width="305.38513974096804" height="127.24380822540331" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00785892857142857"/></g><g><rect data-type="rect" data-label="schematic_component_1" data-x="2.45" data-y="-0.10000000000000009" x="434.45580549875035" y="336.6746203135652" width="139.96818904794372" height="49.48647852760723" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.00785892857142857"/></g><g><rect data-type="rect" data-label="netId: VCC
 globalConnNetId: connectivity_net0" data-x="1.3010000000000002" data-y="0.7260000000000001" x="345.5123835491935" y="227.6846171324699" width="25.44876164508065" height="57.25971370143145" fill="#ef444466" stroke="#ef4444" stroke-width="0.00785892857142857"/></g><g><rect data-type="rect" data-label="netId: VCC
 globalConnNetId: connectivity_net0" data-x="3.101" data-y="0.32599999999999985" x="574.5512383549194" y="278.58214042263126" width="25.448761645080594" height="57.25971370143145" fill="#ef444466" stroke="#ef4444" stroke-width="0.00785892857142857"/></g><g><circle data-type="point" data-label="U1.1
 x+" data-x="1.2000000000000002" data-y="0.30000000000000004" cx="345.38513974096804" cy="310.52033628720744" r="3" fill="hsl(319, 100%, 50%, 0.8)"/></g><g><circle data-type="point" data-label="R1.1
@@ -14,7 +16,7 @@ orientation: y+" data-x="3.101" data-y="0.10099999999999985" cx="587.27561917745
                 const h = svg.getElementById('crosshair-h');
                 const v = svg.getElementById('crosshair-v');
                 const coords = svg.getElementById('coordinates');
-                
+
                 crosshair.style.display = 'block';
                 h.setAttribute('x1', '0');
                 h.setAttribute('x2', '640');
@@ -33,13 +35,13 @@ orientation: y+" data-x="3.101" data-y="0.10099999999999985" cx="587.27561917745
                 // y' = (y - ty) / sy
                 const sx = matrix.a;
                 const sy = matrix.d;
-                const tx = matrix.e; 
+                const tx = matrix.e;
                 const ty = matrix.f;
                 const realPoint = {
                   x: (x - tx) / sx,
                   y: (y - ty) / sy // Flip y back since we used negative scale
                 }
-                
+
                 coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
                 coords.setAttribute('x', (x + 5).toString());
                 coords.setAttribute('y', (y - 5).toString());
@@ -47,4 +49,34 @@ orientation: y+" data-x="3.101" data-y="0.10099999999999985" cx="587.27561917745
               document.currentScript.parentElement.addEventListener('mouseleave', () => {
                 document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
               });
-            ]]></script></svg>
+            ]]></script>
+  </g>
+  <g transform="translate(1216, 200)">
+    <style>
+              .boundary { fill: rgb(245, 241, 237); }
+              .schematic-boundary { fill: none; stroke: #fff; }
+              .component { fill: none; stroke: rgb(132, 0, 0); }
+              .chip { fill: rgb(255, 255, 194); stroke: rgb(132, 0, 0); }
+              .component-pin { fill: none; stroke: rgb(132, 0, 0); }
+              .text { font-family: sans-serif; fill: rgb(0, 150, 0); }
+              .pin-number { fill: rgb(169, 0, 0); }
+              .port-label { fill: rgb(0, 100, 100); }
+              .component-name { fill: rgb(0, 100, 100); }
+
+            </style><rect class="boundary" x="0" y="0" width="1200" height="800"/><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"><path d="M 599.8800239952201 375.75684863027 L 624.1151769646282 375.75684863027 L 624.1151769646282 327.5264947010519" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="38.392321535696px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 599.8800239952201 375.75684863027 L 624.1151769646282 375.75684863027 L 624.1151769646282 327.5264947010519" stroke="rgb(0, 150, 0)" fill="none" stroke-width="4.799040191962px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace sch-trace" data-layer="base" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"><path d="M 1031.7936412718 471.73765246951007 L 1056.0287942412083 471.73765246951007 L 1056.0287942412083 423.5072985402919" class="trace-invisible-hover-outline sch-trace-hitbox" stroke="rgb(0, 150, 0)" fill="none" stroke-width="38.392321535696px" stroke-linecap="round" opacity="0" stroke-linejoin="round"/><path class="sch-trace-path" d="M 1031.7936412718 471.73765246951007 L 1056.0287942412083 471.73765246951007 L 1056.0287942412083 423.5072985402919" stroke="rgb(0, 150, 0)" fill="none" stroke-width="4.799040191962px" stroke-linecap="round" stroke-linejoin="round"/></g><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0__stack1"/><g class="trace-overlays sch-trace-overlays" data-layer="overlay" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_1__stack1"/><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0__stack1"><rect class="component chip sch-component-body" x="119.97600479901996" y="327.76644671065003" width="383.9232153569601" height="239.95200959809995" stroke-width="4.799040191962px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="119.97600479901996" y="327.76644671065003" width="383.9232153569601" height="239.95200959809995" fill="transparent"/><text class="sch-text" x="311.9376124775" y="447.7424515097" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="43.191361727658px" transform="rotate(0, 311.9376124775, 447.7424515097)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="503.89922015598006" y1="375.75684863027" x2="599.8800239952201" y2="375.75684863027" stroke-width="4.799040191962px"/><g class="sch-port" data-schematic-port-id="source_port_0_0__stack1"><rect x="595.080983803258" y="370.957808438308" width="9.598080383924" height="9.598080383924" opacity="0"/></g><text class="pin-number sch-pin-number" x="551.8896220756001" y="370.957808438308" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="35.992801439715px" transform="">1</text></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_1__stack1"><rect class="component chip sch-component-body" x="863.8272345531301" y="425.07770045990827" width="71.98560287942996" height="93.31990401920353" stroke-width="4.799040191962px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="863.8272345531301" y="425.07770045990827" width="71.98560287942996" height="93.31990401920353" fill="transparent"/><text class="sch-text" x="899.8200359928451" y="471.73765246951" fill="#0f172a" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="31.106634673067852px" transform="rotate(0, 899.8200359928451, 471.73765246951)">R1</text><line class="component-pin sch-component-pin sch-port-line" x1="935.8128374325601" y1="471.73765246951007" x2="1031.7936412718" y2="471.73765246951007" stroke-width="4.799040191962px"/><g class="sch-port" data-schematic-port-id="source_port_1_0__stack1"><rect x="1026.994601079838" y="466.9386122775481" width="9.598080383924" height="9.598080383924" opacity="0"/></g><text class="pin-number sch-pin-number" x="983.80323935218" y="466.93861227754803" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="35.992801439715px" transform="">1</text></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0_0__stack1"><circle cx="599.8800239952201" cy="375.75684863027" r="9.598080383924" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1_0__stack1"><circle cx="1031.7936412718" cy="471.73765246951007" r="9.598080383924" fill="red" opacity="0"/></g><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_0__stack1" d="
+    M 624.1151769646282,327.5264947010519
+    L 600.1199760048182,314.56908618275446
+    L 600.1199760048182,232.28154369124607
+    L 648.1103779244381,232.28154369124607
+    L 648.1103779244381,314.5690861827545
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="4.799040191962px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_0__stack1" x="624.1151769646282" y="305.9308138372229" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="43.191361727658px" transform="rotate(-90 624.1151769646282 305.9308138372229)">XX</text><path class="net-label sch-net-label" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_1__stack1" d="
+    M 1056.0287942412083,423.5072985402919
+    L 1032.0335932813982,410.5498900219945
+    L 1032.0335932813982,328.26234753048607
+    L 1080.0239952010184,328.26234753048607
+    L 1080.0239952010184,410.54989002199454
+    Z
+  " fill="rgba(255, 255, 255, 0.6)" stroke="rgb(132, 0, 0)" stroke-width="4.799040191962px"/><text class="net-label-text sch-net-label-text" data-circuit-json-type="schematic_net_label" data-schematic-net-label-id="schematic_net_label_1__stack1" x="1056.0287942412083" y="401.9116176764629" fill="rgb(132, 0, 0)" text-anchor="start" dominant-baseline="central" font-family="sans-serif" font-variant-numeric="tabular-nums" font-size="43.191361727658px" transform="rotate(-90 1056.0287942412083 401.9116176764629)">XX</text>
+  </g>
+</svg>