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

<?xml version="1.0" encoding="utf-8"?><svg id="d2-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1118" height="2460" viewBox="-197 -28 1118 2460"><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;
}

.sketch-overlay-bright {
  fill: url(#streaks-bright);
  mix-blend-mode: darken;
}
.sketch-overlay-normal {
  fill: url(#streaks-normal);
  mix-blend-mode: color-burn;
}
.sketch-overlay-dark {
  fill: url(#streaks-dark);
  mix-blend-mode: overlay;
}
.sketch-overlay-darker {
  fill: url(#streaks-darker);
  mix-blend-mode: lighten;
}
.fill-N1{fill:#0A0F25;}.fill-N2{fill:#676C7E;}.fill-N3{fill:#9499AB;}.fill-N4{fill:#CFD2DD;}.fill-N5{fill:#DEE1EB;}.fill-N6{fill:#EEF1F8;}.fill-N7{fill:#FFFFFF;}.fill-B1{fill:#0D32B2;}.fill-B2{fill:#0D32B2;}.fill-B3{fill:#E3E9FD;}.fill-B4{fill:#E3E9FD;}.fill-B5{fill:#EDF0FD;}.fill-B6{fill:#F7F8FE;}.fill-AA2{fill:#4A6FF3;}.fill-AA4{fill:#EDF0FD;}.fill-AA5{fill:#F7F8FE;}.fill-AB4{fill:#EDF0FD;}.fill-AB5{fill:#F7F8FE;}.stroke-N1{stroke:#0A0F25;}.stroke-N2{stroke:#676C7E;}.stroke-N3{stroke:#9499AB;}.stroke-N4{stroke:#CFD2DD;}.stroke-N5{stroke:#DEE1EB;}.stroke-N6{stroke:#EEF1F8;}.stroke-N7{stroke:#FFFFFF;}.stroke-B1{stroke:#0D32B2;}.stroke-B2{stroke:#0D32B2;}.stroke-B3{stroke:#E3E9FD;}.stroke-B4{stroke:#E3E9FD;}.stroke-B5{stroke:#EDF0FD;}.stroke-B6{stroke:#F7F8FE;}.stroke-AA2{stroke:#4A6FF3;}.stroke-AA4{stroke:#EDF0FD;}.stroke-AA5{stroke:#F7F8FE;}.stroke-AB4{stroke:#EDF0FD;}.stroke-AB5{stroke:#F7F8FE;}.background-color-N1{background-color:#0A0F25;}.background-color-N2{background-color:#676C7E;}.background-color-N3{background-color:#9499AB;}.background-color-N4{background-color:#CFD2DD;}.background-color-N5{background-color:#DEE1EB;}.background-color-N6{background-color:#EEF1F8;}.background-color-N7{background-color:#FFFFFF;}.background-color-B1{background-color:#0D32B2;}.background-color-B2{background-color:#0D32B2;}.background-color-B3{background-color:#E3E9FD;}.background-color-B4{background-color:#E3E9FD;}.background-color-B5{background-color:#EDF0FD;}.background-color-B6{background-color:#F7F8FE;}.background-color-AA2{background-color:#4A6FF3;}.background-color-AA4{background-color:#EDF0FD;}.background-color-AA5{background-color:#F7F8FE;}.background-color-AB4{background-color:#EDF0FD;}.background-color-AB5{background-color:#F7F8FE;}.color-N1{color:#0A0F25;}.color-N2{color:#676C7E;}.color-N3{color:#9499AB;}.color-N4{color:#CFD2DD;}.color-N5{color:#DEE1EB;}.color-N6{color:#EEF1F8;}.color-N7{color:#FFFFFF;}.color-B1{color:#0D32B2;}.color-B2{color:#0D32B2;}.color-B3{color:#E3E9FD;}.color-B4{color:#E3E9FD;}.color-B5{color:#EDF0FD;}.color-B6{color:#F7F8FE;}.color-AA2{color:#4A6FF3;}.color-AA4{color:#EDF0FD;}.color-AA5{color:#F7F8FE;}.color-AB4{color:#EDF0FD;}.color-AB5{color:#F7F8FE;}text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}]]></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><style type="text/css"><![CDATA[
.text {
	font-family: "font-regular";
}
@font-face {
	font-family: font-regular;
	src: url("data:application/font-woff;base64,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AHQAZQAgAGcAQQBsAHQAZQByAG4AYQB0AGUAIABhAFMAdAByAGEAaQBnAGgAdAAgAGwAUwBsAGEAcwBoAGUAZAAgAHoAZQByAG8AUAByAGUAZgBlAHIAcgBlAGQAIABBAHQAaABhAGIAYQBzAGsAYQBuACAAbwBnAG8AbgBlAGsAcwBoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAVABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABpAHMAIABsAGkAYwBlAG4AcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAFMASQBMACAATwBwAGUAbgAgAEYAbwBuAHQAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMQAuADEALgAgAFQAaABpAHMAIABsAGkAYwBlAG4AcwBlACAAaQBzACAAYQB2AGEAaQBsAGEAYgBsAGUAIAB3AGkAdABoACAAYQAgAEYAQQBRACAAYQB0ADoAIABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwALgAgAFQAaABpAHMAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAaQBzACAAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAbwBuACAAYQBuACAgGABBAFMAIABJAFMgGQAgAEIAQQBTAEkAUwAsACAAVwBJAFQASABPAFUAVAAgAFcAQQBSAFIAQQBOAFQASQBFAFMAIABPAFIAIABDAE8ATgBEAEkAVABJAE8ATgBTACAATwBGACAAQQBOAFkAIABLAEkATgBEACwAIABlAGkAdABoAGUAcgAgAGUAeABwAHIAZQBzAHMAIABvAHIAIABpAG0AcABsAGkAZQBkAC4AIABTAGUAZQAgAHQAaABlACAAUwBJAEwAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUAIABmAG8AcgAgAHQAaABlACAAcwBwAGUAYwBpAGYAaQBjACAAbABhAG4AZwB1AGEAZwBlACwAIABwAGUAcgBtAGkAcwBzAGkAbwBuAHMAIABhAG4AZAAgAGwAaQBtAGkAdABhAHQAaQBvAG4AcwAgAGcAbwB2AGUAcgBuAGkAbgBnACAAeQBvAHUAcgAgAHUAcwBlACAAbwBmACAAdABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUALgBoAHQAdABwADoALwAvAHcAdwB3AC4AYQBkAG8AYgBlAC4AYwBvAG0ALwB0AHkAcABlAFAAYQB1AGwAIABEAC4AIABIAHUAbgB0AEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZABTAG8AdQByAGMAZQAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZAAgAGkAbgAgAHQAaABlACAAVQBuAGkAdABlAG
}]]></style><rect x="-197.000000" y="-28.000000" width="1118.000000" height="2460.000000" class=" fill-N7" /><g id="a"><g class="shape" ><rect x="24.000000" y="74.000000" width="150.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="140.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="337.000000" y="74.000000" width="150.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="412.000000" y="140.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="629.000000" y="74.000000" width="190.000000" height="126.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="724.000000" y="140.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">just an actor</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 2331.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#947089654)" /></g><g id="(b -- )[0]"><path d="M 412.000000 202.000000 L 412.000000 2331.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#947089654)" /></g><g id="(c -- )[0]"><path d="M 724.000000 202.000000 L 724.000000 2331.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#947089654)" /></g><g id="this is a message group"><g class="shape blend" ><rect x="-97.000000" y="290.000000" width="655.000000" height="952.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="-12.000000" y="311.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">this is a message group</text></g><g id="alt"><g class="shape blend" ><rect x="338.000000" y="1172.000000" width="460.000000" height="518.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="355.000000" y="1193.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">alt</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-73.000000" y="420.000000" width="607.000000" height="798.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="51.000000" y="441.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">and this is a nested message group</text></g><g id="alt.case 1"><g class="shape blend" ><rect x="362.000000" y="1196.000000" width="412.000000" height="80.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="390.500000" y="1217.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">case 1</text></g><g id="alt.case 2"><g class="shape blend" ><rect x="362.000000" y="1326.000000" width="412.000000" height="80.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="390.500000" y="1347.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">case 2</text></g><g id="alt.case 3"><g class="shape blend" ><rect x="362.000000" y="1456.000000" width="412.000000" height="80.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="390.500000" y="1477.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">case 3</text></g><g id="alt.case 4"><g class="shape blend" ><rect x="362.000000" y="1586.000000" width="412.000000" height="80.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="390.500000" y="1607.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">case 4</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-49.000000" y="550.000000" width="559.000000" height="644.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><text x="42.500000" y="571.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">what about more nesting</text></g><g id="this is a message
<rect x="-100" y="-100" width="1118" height="2460" fill="white"></rect>
<rect x="-92.000000" y="295.000000" width="160" height="21" fill="black"></rect>
<rect x="343.000000" y="1177.000000" width="24" height="21" fill="black"></rect>
<rect x="-68.000000" y="425.000000" width="238" height="21" fill="black"></rect>
<rect x="367.000000" y="1201.000000" width="47" height="21" fill="black"></rect>
<rect x="367.000000" y="1331.000000" width="47" height="21" fill="black"></rect>
<rect x="367.000000" y="1461.000000" width="47" height="21" fill="black"></rect>
<rect x="367.000000" y="1591.000000" width="47" height="21" fill="black"></rect>
<rect x="-44.000000" y="555.000000" width="173" height="21" fill="black"></rect>
<rect x="-20.000000" y="685.000000" width="77" height="21" fill="black"></rect>
<rect x="54.000000" y="1071.000000" width="41" height="21" fill="black"></rect>
</mask></svg>