d2/e2etests/testdata/stable/sequence_diagram_long_note/elk/sketch.exp.svg

<?xml version="1.0" encoding="utf-8"?>
<svg
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="669" height="744" viewBox="-122 -50 669 744"><style type="text/css">
<![CDATA[
.shape {
  shape-rendering: geometricPrecision;
  stroke-linejoin: round;
}
.connection {
  stroke-linecap: round;
  stroke-linejoin: round;
}
.blend {
  mix-blend-mode: multiply;
  opacity: 0.5;
}

]]>
</style><script type="application/javascript"><![CDATA[window.addEventListener("DOMContentLoaded", () => {
  if (document.documentElement.getAttribute("id") !== "d2-svg") {
    return;
  }
  const svgEl = document.documentElement;
  let width = parseInt(svgEl.getAttribute("width"), 10);
  let height = parseInt(svgEl.getAttribute("height"), 10);
  let ratio;
  if (width > height) {
    if (width > window.innerWidth) {
      ratio = window.innerWidth / width;
    }
  } else if (height > window.innerHeight) {
    ratio = window.innerHeight / height;
  }
  if (ratio) {
    svgEl.setAttribute("width", width * ratio - 16);
    svgEl.setAttribute("height", height * ratio - 16);
  }
});
]]></script><g id="a"><g class="shape" ><rect x="12" y="52" width="100" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="62.000000" y="90.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="162" y="52" width="100" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.000000" y="90.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -- )[0]"><path d="M 62.000000 120.000000 L 62.000000 593.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1137356081)"/></g><g id="(b -- )[0]"><path d="M 212.000000 120.000000 L 212.000000 593.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1137356081)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 64.000000 188.000000 L 208.000000 188.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1137356081)"/></g><g id="b.note"><g class="shape" ><path d="M -20 258 H 424 C 425 258 426 258 427 259 L 444 275 C 445 276 445 277 445 278 V 324 C 445 324 445 324 445 324 H -20 C -20 324 -20 324 -20 324 V 259 C -20 258 -20 258 -20 258 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 444 324 H -19 C -20 324 -20 324 -20 323 V 259 C -20 258 -20 258 -19 258 H 423 C 424 258 424 258 424 259 V 276 C 424 277 425 278 426 278 H 444 C 445 278 445 278 445 279 V 323 C 444 324 445 324 444 324 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="212.500000" y="296.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 24 394 H 79 C 80 394 81 394 82 395 L 99 411 C 100 412 100 413 100 414 V 524 C 100 524 100 524 100 524 H 23 C 23 524 23 524 23 524 V 395 C 23 394 23 394 24 394 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/><path d="M 99 524 H 24 C 23 524 23 524 23 523 V 395 C 23 394 23 394 24 394 H 78 C 79 394 79 394 79 395 V 412 C 79 413 80 414 81 414 H 99 C 100 414 100 414 100 415 V 523 C 99 524 100 524 99 524 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="61.500000" y="432.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="61.500000" dy="0.000000">just</tspan><tspan x="61.500000" dy="17.000000">a</tspan><tspan x="61.500000" dy="17.000000">long</tspan><tspan x="61.500000" dy="17.000000">note</tspan><tspan x="61.500000" dy="17.000000">here</tspan></text></g><mask id="1137356081" maskUnits="userSpaceOnUse" x="-100" y="-100" width="669" height="744">
<rect x="-100" y="-100" width="669" height="744" fill="white"></rect>

</mask><style type="text/css"><![CDATA[
.text {
	font-family: "font-regular";
}
@font-face {
	font-family: font-regular;
	src: url("data:application/font-woff;base64,AAEAAAANAIAAAwBQR0RFRq4NrKMAAAG4AAAEHEdQT1Pnk3hgAAEFUAABUWhHU1VCpbJr5QAAckwAAEh8T1MvMl3f1aMAAAFYAAAAYGNtYXDOIIpYAAA8JAAANihnbHlmhljjFgACVrgAAXQAaGVhZBuFHt8AAAEgAAAANmhoZWEKhA12AAAA/AAAACRobXR40DQXiAAAHVQAAB7QbG9jYbRmVzAAAA3oAAAPam1heHAHzAD2AAAA3AAAACBuYW1lBsNVTQAABdQAAAgUcG9zdOmkh30AALrIAABKhQABAAAHtACMAAwAZgAHAAEAAAAAAAAAAAAAAAAABAADAAEAAAPY/u8AAAiY/jr+OghvAAEAAAAAAAAAAAAAAAAAAAe0AAEAAAACC4WunGNnXw889QADA+gAAAAA2F2goQAAAADdZi82/jr+2whvA8gAAAADAAIAAAAAAAAAAwIJAZAABQAAAooCWAAAAEsCigJYAAABXgAyASMAAAILBQMDBAMCAgRgAAL3AAAAAwAAAAAAAAAAQURCTwBAACD//wLu/wYAAAPYAREgAAGfAAAAAAHmApQAAAAgAAMAAQAAAGoAAAAAAAwAAgAPBzkHXgABB3wHgAABB4QHhAABB4YHhgABB4gHigABB4wHjAABB44HjgABB5AHkAABB5IHkgABB5QHlAABB5YHlgABB5gHmAABB5oHmgABB5wHnAABB54HpAABAAIAnQACADUAAQBLAEwAAQBNAE0AAgBOAE4AAQBuAG8AAQBwAHAAAgB6AHoAAgB7AHsAAQCLAIsAAQCMAIwAAgC2ALgAAQC+AL4AAQC/AL8AAgDXANcAAQDoAOgAAQDuAO4AAQDvAO8AAgEDAQQAAQEbARwAAQEdAR0AAgEeAR4AAQEpASkAAgE+AT8AAQFAAUAAAgFHAUcAAgFKAUoAAgFZAVoAAgFcAVwAAQFjAWMAAgFpAWkAAQGHAYkAAQGPAY8AAQGQAZAAAgGhAaEAAgGoAagAAQG5AbkAAQG/AcAAAQHBAcEAAgHTAdYAAQHYAiQAAQIlAiUAAgIoAikAAgIqAioAAQI2AjYAAQI4AjkAAQJPAlAAAQJSAlIAAQJXAlcAAgJbAlsAAQJlAmcAAQJoAmgABAJsAmwABAJuAm4ABAJwAnAABAJ2AnYABAJ4AngABAJ7AnsABAJ/An8ABAKEAoQAAgKHAocAAgKJAokAAQKNAo0AAQKPAo8AAQKRApEAAQKXApcAAQKZApkAAQKcApwAAQKgAqAAAQKpAqkAAgKsAqwAAgKwA4gAAgOKA4oAAQOMA4wAAQOXA5cABAOZA5kABAOfA58ABAOiA6IABAOwA7AAAQOzA7MAAQO1A7YAAQO4A7gAAQO6A7oAAQO+A74AAQPDA8MAAQPGA8cAAQPLA8sAAQPNA88AAQPUA9QAAQPWA9YAAQPhA+MAAQPsA+0AAQP0A/QAAQP2A/YAAQP5A/kAAQP8A/wAAQP/A/8AAQQBBAIAAQQEBAQAAQQGBAYAAQQKBAoAAQQPBA8AAQQSBBMAAQQXBBcAAQQZBBsAAQQgBCAAAQQuBC4AAQQ4BDkAAQRFBEUAAQTMBOUAAQT7BPwAAQT+BP4AAQUeBR8AAQU8BTwAAQVmBWYAAQVsBWwAAQWIBYgAAQWZBZkAAQWfBZ8AAQW0BbUAAQW4BbkAAQW8Bb4AAQXABcEAAQXDBcQAAQXGBcYAAQXIBcgAAQXLBcsAAQXVBdUAAQXYBdgAAQXaBdsAAQXdBd0AAQXfBd8AAQXjBeMAAQXoBegAAQXwBfAAAQXyBfQAAQYGBgYAAQYIBggAAQYRBhIAAQYZBhkAAQYbBhsAAQawBrAAAQa3BrcABAc4BzgAAQc5B4EAAweEB4QAAweGB4YAAweIB4oAAweMB4wAAweOB44AAweQB5AAAweSB5IAAweUB5QAAweWB5YAAweYB5gAAweaB5oAAwecB5wAAweeB6QAAwAAABQA9gADAAEECQAAAMYGWAADAAEECQABAB4GOgADAAEECQACAA4GLAADAAEECQADAEwF4AADAAEECQAEAB4GOgADAAEECQAFAGQFfAADAAEECQAGACoFUgADAAEECQAHAMAEkgADAAEECQAIADQEXgADAAEECQAJABgERgADAAEECQALADIEFAADAAEECQANAyAA9AADAAEECQAOADQAwAADAAEECQEAADgAiAADAAEECQEBABgAcAADAAEECQECABQAXAADAAEECQEDABYARgADAAEECQEEABYAMAADAAEECQEFABIAHgADAAEECQEGAB4AAABUAGkAdABsAGkAbgBnACAAZgBpAGcAdQByAGUAcwBTAGUAcgBpAGYAZQBkACAASQBBAGwAdABlAHIAbgBhAHQAZQAgAGcAQQBsAHQAZQByAG4AYQB0AGUAIABhAFMAdAByAGEAaQBnAGgAdAAgAGwAUwBsAGEAcwBoAGUAZAAgAHoAZQByAG8AUAByAGUAZgBlAHIAcgBlAGQAIABBAHQAaABhAGIAYQBzAGsAYQBuACAAbwBnAG8AbgBlAGsAcwBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAVABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABpAHMAIABsAGkAYwBlAG4AcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAFMASQBMACAATwBwAGUAbgAgAEYAbwBuAHQAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMQAuADEALgAgAFQAaABpAHMAIABsAGkAYwBlAG4AcwBlACAAaQBzACAAYQB2AGEAaQBsAGEAYgBsAGUAIAB3AGkAdABoACAAYQAgAEYAQQBRACAAYQB0ADoAIABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwALgAgAFQAaABpAHMAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAaQBzACAAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAbwBuACAAYQBuACAgGABBAFMAIABJAFMgGQAgAEIAQQBTAEkAUwAsACAAVwBJAFQASABPAFUAVAAgAFcAQQBSAFIAQQBOAFQASQBFAFMAIABPAFIAIABDAE8ATgBEAEkAVABJAE8ATgBTACAATwBGACAAQQBOAFkAIABLAEkATgBEACwAIABlAGkAdABoAGUAcgAgAGUAeABwAHIAZQBzAHMAIABvAHIAIABpAG0AcABsAGkAZQBkAC4AIABTAGUAZQAgAHQAaABlACAAUwBJAEwAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUAIABmAG8AcgAgAHQAaABlACAAcwBwAGUAYwBpAGYAaQBjACAAbABhAG4AZwB1AGEAZwBlACwAIABwAGUAcgBtAGkAcwBzAGkAbwBuAHMAIABhAG4AZAAgAGwAaQBtAGkAdABhAHQAaQBvAG4AcwAgAGcAbwB2AGUAcgBuAGkAbgBnACAAeQBvAHUAcgAgAHUAcwBlACAAbwBmACAAdABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUALgBoAHQAdABwADoALwAvAHcAdwB3AC4AYQBkAG8AYgBlAC4AYwBvAG0ALwB0AHkAcABlAFAAYQB1AGwAIABEAC4AIABIAHUAbgB0AEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZABTAG8AdQByAGMAZQAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZAAgAGkAbgAgAHQAaABlACAAVQBuAGkAdABlAG
}]]></style></svg>