430 lines
No EOL
86 KiB
XML
430 lines
No EOL
86 KiB
XML
<<<<<<< HEAD
|
|
<<<<<<< HEAD
|
|
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.8-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1550"><svg id="d2-svg" class="d2-2676799471" width="731" height="1550" viewBox="-58 51 731 1550"><rect x="-58.000000" y="51.000000" width="731.000000" height="1550.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
|
|
.d2-2676799471 .text {
|
|
font-family: "d2-2676799471-font-regular";
|
|
||||||| parent of 33280fed5 (fixed e2e tests)
|
|
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.6-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1550"><svg id="d2-svg" class="d2-2676799471" width="731" height="1550" viewBox="-58 51 731 1550"><rect x="-58.000000" y="51.000000" width="731.000000" height="1550.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
|
|
.d2-2676799471 .text {
|
|
font-family: "d2-2676799471-font-regular";
|
|
=======
|
|
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.5-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1530"><svg id="d2-svg" class="d2-3502295243" width="731" height="1530" viewBox="-58 51 731 1530"><rect x="-58.000000" y="51.000000" width="731.000000" height="1530.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
|
|
.d2-3502295243 .text {
|
|
font-family: "d2-3502295243-font-regular";
|
|
>>>>>>> 33280fed5 (fixed e2e tests)
|
|
||||||| parent of cb2f2823c (Fix changes)
|
|
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.5-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1530"><svg id="d2-svg" class="d2-3502295243" width="731" height="1530" viewBox="-58 51 731 1530"><rect x="-58.000000" y="51.000000" width="731.000000" height="1530.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
|
|
.d2-3502295243 .text {
|
|
font-family: "d2-3502295243-font-regular";
|
|
=======
|
|
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.6-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 731 1550"><svg id="d2-svg" class="d2-2433413595" width="731" height="1550" viewBox="-58 51 731 1550"><rect x="-58.000000" y="51.000000" width="731.000000" height="1550.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
|
|
.d2-2433413595 .text {
|
|
font-family: "d2-2433413595-font-regular";
|
|
>>>>>>> cb2f2823c (Fix changes)
|
|
}
|
|
@font-face {
|
|
font-family: d2-2433413595-font-regular;
|
|
src: url("data:application/font-woff;base64,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");
|
|
}]]></style><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;
|
|
}
|
|
|
|
<<<<<<< HEAD
|
|
<<<<<<< HEAD
|
|
.d2-2676799471 .fill-N1{fill:#0A0F25;}
|
|
.d2-2676799471 .fill-N2{fill:#676C7E;}
|
|
.d2-2676799471 .fill-N3{fill:#9499AB;}
|
|
.d2-2676799471 .fill-N4{fill:#CFD2DD;}
|
|
.d2-2676799471 .fill-N5{fill:#DEE1EB;}
|
|
.d2-2676799471 .fill-N6{fill:#EEF1F8;}
|
|
.d2-2676799471 .fill-N7{fill:#FFFFFF;}
|
|
.d2-2676799471 .fill-B1{fill:#0D32B2;}
|
|
.d2-2676799471 .fill-B2{fill:#0D32B2;}
|
|
.d2-2676799471 .fill-B3{fill:#E3E9FD;}
|
|
.d2-2676799471 .fill-B4{fill:#E3E9FD;}
|
|
.d2-2676799471 .fill-B5{fill:#EDF0FD;}
|
|
.d2-2676799471 .fill-B6{fill:#F7F8FE;}
|
|
.d2-2676799471 .fill-AA2{fill:#4A6FF3;}
|
|
.d2-2676799471 .fill-AA4{fill:#EDF0FD;}
|
|
.d2-2676799471 .fill-AA5{fill:#F7F8FE;}
|
|
.d2-2676799471 .fill-AB4{fill:#EDF0FD;}
|
|
.d2-2676799471 .fill-AB5{fill:#F7F8FE;}
|
|
.d2-2676799471 .stroke-N1{stroke:#0A0F25;}
|
|
.d2-2676799471 .stroke-N2{stroke:#676C7E;}
|
|
.d2-2676799471 .stroke-N3{stroke:#9499AB;}
|
|
.d2-2676799471 .stroke-N4{stroke:#CFD2DD;}
|
|
.d2-2676799471 .stroke-N5{stroke:#DEE1EB;}
|
|
.d2-2676799471 .stroke-N6{stroke:#EEF1F8;}
|
|
.d2-2676799471 .stroke-N7{stroke:#FFFFFF;}
|
|
.d2-2676799471 .stroke-B1{stroke:#0D32B2;}
|
|
.d2-2676799471 .stroke-B2{stroke:#0D32B2;}
|
|
.d2-2676799471 .stroke-B3{stroke:#E3E9FD;}
|
|
.d2-2676799471 .stroke-B4{stroke:#E3E9FD;}
|
|
.d2-2676799471 .stroke-B5{stroke:#EDF0FD;}
|
|
.d2-2676799471 .stroke-B6{stroke:#F7F8FE;}
|
|
.d2-2676799471 .stroke-AA2{stroke:#4A6FF3;}
|
|
.d2-2676799471 .stroke-AA4{stroke:#EDF0FD;}
|
|
.d2-2676799471 .stroke-AA5{stroke:#F7F8FE;}
|
|
.d2-2676799471 .stroke-AB4{stroke:#EDF0FD;}
|
|
.d2-2676799471 .stroke-AB5{stroke:#F7F8FE;}
|
|
.d2-2676799471 .background-color-N1{background-color:#0A0F25;}
|
|
.d2-2676799471 .background-color-N2{background-color:#676C7E;}
|
|
.d2-2676799471 .background-color-N3{background-color:#9499AB;}
|
|
.d2-2676799471 .background-color-N4{background-color:#CFD2DD;}
|
|
.d2-2676799471 .background-color-N5{background-color:#DEE1EB;}
|
|
.d2-2676799471 .background-color-N6{background-color:#EEF1F8;}
|
|
.d2-2676799471 .background-color-N7{background-color:#FFFFFF;}
|
|
.d2-2676799471 .background-color-B1{background-color:#0D32B2;}
|
|
.d2-2676799471 .background-color-B2{background-color:#0D32B2;}
|
|
.d2-2676799471 .background-color-B3{background-color:#E3E9FD;}
|
|
.d2-2676799471 .background-color-B4{background-color:#E3E9FD;}
|
|
.d2-2676799471 .background-color-B5{background-color:#EDF0FD;}
|
|
.d2-2676799471 .background-color-B6{background-color:#F7F8FE;}
|
|
.d2-2676799471 .background-color-AA2{background-color:#4A6FF3;}
|
|
.d2-2676799471 .background-color-AA4{background-color:#EDF0FD;}
|
|
.d2-2676799471 .background-color-AA5{background-color:#F7F8FE;}
|
|
.d2-2676799471 .background-color-AB4{background-color:#EDF0FD;}
|
|
.d2-2676799471 .background-color-AB5{background-color:#F7F8FE;}
|
|
.d2-2676799471 .color-N1{color:#0A0F25;}
|
|
.d2-2676799471 .color-N2{color:#676C7E;}
|
|
.d2-2676799471 .color-N3{color:#9499AB;}
|
|
.d2-2676799471 .color-N4{color:#CFD2DD;}
|
|
.d2-2676799471 .color-N5{color:#DEE1EB;}
|
|
.d2-2676799471 .color-N6{color:#EEF1F8;}
|
|
.d2-2676799471 .color-N7{color:#FFFFFF;}
|
|
.d2-2676799471 .color-B1{color:#0D32B2;}
|
|
.d2-2676799471 .color-B2{color:#0D32B2;}
|
|
.d2-2676799471 .color-B3{color:#E3E9FD;}
|
|
.d2-2676799471 .color-B4{color:#E3E9FD;}
|
|
.d2-2676799471 .color-B5{color:#EDF0FD;}
|
|
.d2-2676799471 .color-B6{color:#F7F8FE;}
|
|
.d2-2676799471 .color-AA2{color:#4A6FF3;}
|
|
.d2-2676799471 .color-AA4{color:#EDF0FD;}
|
|
.d2-2676799471 .color-AA5{color:#F7F8FE;}
|
|
.d2-2676799471 .color-AB4{color:#EDF0FD;}
|
|
.d2-2676799471 .color-AB5{color:#F7F8FE;}.appendix 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-AB5{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}.light-code{display: block}.dark-code{display: none}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="285.000000" y="52.000000" width="100.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="335.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="542.000000" y="52.000000" width="130.000000" height="66.000000" stroke="#0D32B2" fill="#EDF0FD" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="607.000000" y="90.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">just an actor</text></g><g id="(a -- )[0]"><path d="M 62.000000 120.000000 L 62.000000 1599.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2676799471)" /></g><g id="(b -- )[0]"><path d="M 335.000000 120.000000 L 335.000000 1599.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2676799471)" /></g><g id="(c -- )[0]"><path d="M 607.000000 120.000000 L 607.000000 1599.000000" stroke="#0D32B2" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2676799471)" /></g><g id="this is a message group"><g class="shape blend" ><rect x="-58.000000" y="173.000000" width="481.000000" height="711.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-53.000000" y="178.000000" width="155.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="24.500000" y="194.000000" fill="#0A0F25" 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="283.000000" y="802.000000" width="376.000000" height="419.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="288.000000" y="807.000000" width="19.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="297.500000" y="823.000000" fill="#0A0F25" 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="-46.000000" y="274.000000" width="457.000000" height="567.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-41.000000" y="279.000000" width="233.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="75.500000" y="295.000000" fill="#0A0F25" 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="295.000000" y="845.000000" width="352.000000" height="61.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="850.000000" width="42.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="321.000000" y="866.000000" fill="#0A0F25" 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="295.000000" y="946.000000" width="352.000000" height="61.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="951.000000" width="42.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="321.000000" y="967.000000" fill="#0A0F25" 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="295.000000" y="1047.000000" width="352.000000" height="61.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1052.000000" width="42.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="321.000000" y="1068.000000" fill="#0A0F25" 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="295.000000" y="1148.000000" width="352.000000" height="61.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1153.000000" width="42.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="321.000000" y="1169.000000" fill="#0A0F25" 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="-34.000000" y="375.000000" width="433.000000" height="423.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-29.000000" y="380.000000" width="168.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="55.000000" y="396.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="-22.000000" y="476.000000" width="409.000000" height="310.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-17.000000" y="481.000000" width="72.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="19.000000" y="497.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="22.000000" y="713.000000" width="353.000000" height="61.000000" stroke="#0D32B2" fill="#DEE1EB" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="27.000000" y="718.000000" width="36.000000" height="21.000000" fill="#DEE1EB" class=" fill-N5" /><text x="45.000000" y="734.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">whoa</text></g><g id="(a -> b)[4]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 219.000000 L 331.000000 219.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[3]"><path d="M 64.000000 320.000000 L 331.000000 320.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[2]"><path d="M 64.000000 421.000000 L 331.000000 421.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[1]"><path d="M 64.000000 658.000000 L 331.000000 658.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[0]"><path d="M 64.000000 759.000000 L 331.000000 759.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[0]"><path d="M 337.000000 891.000000 L 603.000000 891.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[1]"><path d="M 337.000000 992.000000 L 603.000000 992.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[2]"><path d="M 337.000000 1093.000000 L 603.000000 1093.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[3]"><path d="M 337.000000 1194.000000 L 603.000000 1194.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="a.a note"><g class="shape" ><path d="M 19 522 H 85 C 86 522 87 522 88 523 L 105 539 C 106 540 106 541 106 542 V 588 C 106 588 106 588 106 588 H 18 C 18 588 18 588 18 588 V 523 C 18 522 18 522 19 522 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 105 588 H 19 C 18 588 18 588 18 587 V 523 C 18 522 18 522 19 522 H 84 C 85 522 85 522 85 523 V 540 C 85 541 86 542 87 542 H 105 C 106 542 106 542 106 543 V 587 C 105 588 106 588 105 588 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="62.000000" y="560.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note</text></g><g id="b.note"><g class="shape" ><path d="M 103 1264 H 546 C 547 1264 548 1264 549 1265 L 566 1281 C 567 1282 567 1283 567 1284 V 1330 C 567 1330 567 1330 567 1330 H 103 C 102 1330 102 1330 102 1330 V 1265 C 102 1264 102 1264 103 1264 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 566 1330 H 103 C 102 1330 102 1330 102 1329 V 1265 C 102 1264 102 1264 103 1264 H 545 C 546 1264 546 1264 546 1265 V 1282 C 546 1283 547 1284 548 1284 H 566 C 567 1284 567 1284 567 1285 V 1329 C 566 1330 567 1330 566 1330 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="334.500000" y="1302.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 24 1400 H 79 C 80 1400 81 1400 82 1401 L 99 1417 C 100 1418 100 1419 100 1420 V 1530 C 100 1530 100 1530 100 1530 H 23 C 23 1530 23 1530 23 1530 V 1401 C 23 1400 23 1400 24 1400 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 99 1530 H 24 C 23 1530 23 1530 23 1529 V 1401 C 23 1400 23 1400 24 1400 H 78 C 79 1400 79 1400 79 1401 V 1418 C 79 1419 80 1420 81 1420 H 99 C 100 1420 100 1420 100 1421 V 1529 C 99 1530 100 1530 99 1530 Z" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="61.500000" y="1438.500000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:16px"><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="d2-2676799471" maskUnits="userSpaceOnUse" x="-58" y="51" width="731" height="1550">
|
|
<rect x="-58" y="51" width="731" height="1550" fill="white"></rect>
|
|
||||||| parent of 33280fed5 (fixed e2e tests)
|
|
.d2-2676799471 .fill-N1{fill:#0A0F25;}
|
|
.d2-2676799471 .fill-N2{fill:#676C7E;}
|
|
.d2-2676799471 .fill-N3{fill:#9499AB;}
|
|
.d2-2676799471 .fill-N4{fill:#CFD2DD;}
|
|
.d2-2676799471 .fill-N5{fill:#DEE1EB;}
|
|
.d2-2676799471 .fill-N6{fill:#EEF1F8;}
|
|
.d2-2676799471 .fill-N7{fill:#FFFFFF;}
|
|
.d2-2676799471 .fill-B1{fill:#0D32B2;}
|
|
.d2-2676799471 .fill-B2{fill:#0D32B2;}
|
|
.d2-2676799471 .fill-B3{fill:#E3E9FD;}
|
|
.d2-2676799471 .fill-B4{fill:#E3E9FD;}
|
|
.d2-2676799471 .fill-B5{fill:#EDF0FD;}
|
|
.d2-2676799471 .fill-B6{fill:#F7F8FE;}
|
|
.d2-2676799471 .fill-AA2{fill:#4A6FF3;}
|
|
.d2-2676799471 .fill-AA4{fill:#EDF0FD;}
|
|
.d2-2676799471 .fill-AA5{fill:#F7F8FE;}
|
|
.d2-2676799471 .fill-AB4{fill:#EDF0FD;}
|
|
.d2-2676799471 .fill-AB5{fill:#F7F8FE;}
|
|
.d2-2676799471 .stroke-N1{stroke:#0A0F25;}
|
|
.d2-2676799471 .stroke-N2{stroke:#676C7E;}
|
|
.d2-2676799471 .stroke-N3{stroke:#9499AB;}
|
|
.d2-2676799471 .stroke-N4{stroke:#CFD2DD;}
|
|
.d2-2676799471 .stroke-N5{stroke:#DEE1EB;}
|
|
.d2-2676799471 .stroke-N6{stroke:#EEF1F8;}
|
|
.d2-2676799471 .stroke-N7{stroke:#FFFFFF;}
|
|
.d2-2676799471 .stroke-B1{stroke:#0D32B2;}
|
|
.d2-2676799471 .stroke-B2{stroke:#0D32B2;}
|
|
.d2-2676799471 .stroke-B3{stroke:#E3E9FD;}
|
|
.d2-2676799471 .stroke-B4{stroke:#E3E9FD;}
|
|
.d2-2676799471 .stroke-B5{stroke:#EDF0FD;}
|
|
.d2-2676799471 .stroke-B6{stroke:#F7F8FE;}
|
|
.d2-2676799471 .stroke-AA2{stroke:#4A6FF3;}
|
|
.d2-2676799471 .stroke-AA4{stroke:#EDF0FD;}
|
|
.d2-2676799471 .stroke-AA5{stroke:#F7F8FE;}
|
|
.d2-2676799471 .stroke-AB4{stroke:#EDF0FD;}
|
|
.d2-2676799471 .stroke-AB5{stroke:#F7F8FE;}
|
|
.d2-2676799471 .background-color-N1{background-color:#0A0F25;}
|
|
.d2-2676799471 .background-color-N2{background-color:#676C7E;}
|
|
.d2-2676799471 .background-color-N3{background-color:#9499AB;}
|
|
.d2-2676799471 .background-color-N4{background-color:#CFD2DD;}
|
|
.d2-2676799471 .background-color-N5{background-color:#DEE1EB;}
|
|
.d2-2676799471 .background-color-N6{background-color:#EEF1F8;}
|
|
.d2-2676799471 .background-color-N7{background-color:#FFFFFF;}
|
|
.d2-2676799471 .background-color-B1{background-color:#0D32B2;}
|
|
.d2-2676799471 .background-color-B2{background-color:#0D32B2;}
|
|
.d2-2676799471 .background-color-B3{background-color:#E3E9FD;}
|
|
.d2-2676799471 .background-color-B4{background-color:#E3E9FD;}
|
|
.d2-2676799471 .background-color-B5{background-color:#EDF0FD;}
|
|
.d2-2676799471 .background-color-B6{background-color:#F7F8FE;}
|
|
.d2-2676799471 .background-color-AA2{background-color:#4A6FF3;}
|
|
.d2-2676799471 .background-color-AA4{background-color:#EDF0FD;}
|
|
.d2-2676799471 .background-color-AA5{background-color:#F7F8FE;}
|
|
.d2-2676799471 .background-color-AB4{background-color:#EDF0FD;}
|
|
.d2-2676799471 .background-color-AB5{background-color:#F7F8FE;}
|
|
.d2-2676799471 .color-N1{color:#0A0F25;}
|
|
.d2-2676799471 .color-N2{color:#676C7E;}
|
|
.d2-2676799471 .color-N3{color:#9499AB;}
|
|
.d2-2676799471 .color-N4{color:#CFD2DD;}
|
|
.d2-2676799471 .color-N5{color:#DEE1EB;}
|
|
.d2-2676799471 .color-N6{color:#EEF1F8;}
|
|
.d2-2676799471 .color-N7{color:#FFFFFF;}
|
|
.d2-2676799471 .color-B1{color:#0D32B2;}
|
|
.d2-2676799471 .color-B2{color:#0D32B2;}
|
|
.d2-2676799471 .color-B3{color:#E3E9FD;}
|
|
.d2-2676799471 .color-B4{color:#E3E9FD;}
|
|
.d2-2676799471 .color-B5{color:#EDF0FD;}
|
|
.d2-2676799471 .color-B6{color:#F7F8FE;}
|
|
.d2-2676799471 .color-AA2{color:#4A6FF3;}
|
|
.d2-2676799471 .color-AA4{color:#EDF0FD;}
|
|
.d2-2676799471 .color-AA5{color:#F7F8FE;}
|
|
.d2-2676799471 .color-AB4{color:#EDF0FD;}
|
|
.d2-2676799471 .color-AB5{color:#F7F8FE;}.appendix 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-AB5{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}.light-code{display: block}.dark-code{display: none}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="285.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="335.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="542.000000" y="52.000000" width="130.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="607.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">just an actor</text></g><g id="(a -- )[0]"><path d="M 62.000000 120.000000 L 62.000000 1599.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2676799471)" /></g><g id="(b -- )[0]"><path d="M 335.000000 120.000000 L 335.000000 1599.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2676799471)" /></g><g id="(c -- )[0]"><path d="M 607.000000 120.000000 L 607.000000 1599.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2676799471)" /></g><g id="this is a message group"><g class="shape blend" ><rect x="-58.000000" y="173.000000" width="481.000000" height="711.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-53.000000" y="178.000000" width="155.000000" height="21.000000" class=" fill-N5" /><text x="24.500000" y="194.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="283.000000" y="802.000000" width="376.000000" height="419.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="288.000000" y="807.000000" width="19.000000" height="21.000000" class=" fill-N5" /><text x="297.500000" y="823.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="-46.000000" y="274.000000" width="457.000000" height="567.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-41.000000" y="279.000000" width="233.000000" height="21.000000" class=" fill-N5" /><text x="75.500000" y="295.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="295.000000" y="845.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="850.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="866.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="295.000000" y="946.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="951.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="967.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="295.000000" y="1047.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1052.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1068.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="295.000000" y="1148.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1153.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1169.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="-34.000000" y="375.000000" width="433.000000" height="423.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-29.000000" y="380.000000" width="168.000000" height="21.000000" class=" fill-N5" /><text x="55.000000" y="396.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="-22.000000" y="476.000000" width="409.000000" height="310.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-17.000000" y="481.000000" width="72.000000" height="21.000000" class=" fill-N5" /><text x="19.000000" y="497.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="22.000000" y="713.000000" width="353.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="27.000000" y="718.000000" width="36.000000" height="21.000000" class=" fill-N5" /><text x="45.000000" y="734.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">whoa</text></g><g id="(a -> b)[4]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 219.000000 L 331.000000 219.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[3]"><path d="M 64.000000 320.000000 L 331.000000 320.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[2]"><path d="M 64.000000 421.000000 L 331.000000 421.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[1]"><path d="M 64.000000 658.000000 L 331.000000 658.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(a -> b)[0]"><path d="M 64.000000 759.000000 L 331.000000 759.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[0]"><path d="M 337.000000 891.000000 L 603.000000 891.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[1]"><path d="M 337.000000 992.000000 L 603.000000 992.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[2]"><path d="M 337.000000 1093.000000 L 603.000000 1093.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="(b -> c)[3]"><path d="M 337.000000 1194.000000 L 603.000000 1194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2676799471)" /></g><g id="a.a note"><g class="shape" ><path d="M 19 522 H 85 C 86 522 87 522 88 523 L 105 539 C 106 540 106 541 106 542 V 588 C 106 588 106 588 106 588 H 18 C 18 588 18 588 18 588 V 523 C 18 522 18 522 19 522 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 105 588 H 19 C 18 588 18 588 18 587 V 523 C 18 522 18 522 19 522 H 84 C 85 522 85 522 85 523 V 540 C 85 541 86 542 87 542 H 105 C 106 542 106 542 106 543 V 587 C 105 588 106 588 105 588 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="62.000000" y="560.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note</text></g><g id="b.note"><g class="shape" ><path d="M 103 1264 H 546 C 547 1264 548 1264 549 1265 L 566 1281 C 567 1282 567 1283 567 1284 V 1330 C 567 1330 567 1330 567 1330 H 103 C 102 1330 102 1330 102 1330 V 1265 C 102 1264 102 1264 103 1264 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 566 1330 H 103 C 102 1330 102 1330 102 1329 V 1265 C 102 1264 102 1264 103 1264 H 545 C 546 1264 546 1264 546 1265 V 1282 C 546 1283 547 1284 548 1284 H 566 C 567 1284 567 1284 567 1285 V 1329 C 566 1330 567 1330 566 1330 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="334.500000" y="1302.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 24 1400 H 79 C 80 1400 81 1400 82 1401 L 99 1417 C 100 1418 100 1419 100 1420 V 1530 C 100 1530 100 1530 100 1530 H 23 C 23 1530 23 1530 23 1530 V 1401 C 23 1400 23 1400 24 1400 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 99 1530 H 24 C 23 1530 23 1530 23 1529 V 1401 C 23 1400 23 1400 24 1400 H 78 C 79 1400 79 1400 79 1401 V 1418 C 79 1419 80 1420 81 1420 H 99 C 100 1420 100 1420 100 1421 V 1529 C 99 1530 100 1530 99 1530 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="61.500000" y="1438.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><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="d2-2676799471" maskUnits="userSpaceOnUse" x="-58" y="51" width="731" height="1550">
|
|
<rect x="-58" y="51" width="731" height="1550" fill="white"></rect>
|
|
=======
|
|
.d2-3502295243 .fill-N1{fill:#0A0F25;}
|
|
.d2-3502295243 .fill-N2{fill:#676C7E;}
|
|
.d2-3502295243 .fill-N3{fill:#9499AB;}
|
|
.d2-3502295243 .fill-N4{fill:#CFD2DD;}
|
|
.d2-3502295243 .fill-N5{fill:#DEE1EB;}
|
|
.d2-3502295243 .fill-N6{fill:#EEF1F8;}
|
|
.d2-3502295243 .fill-N7{fill:#FFFFFF;}
|
|
.d2-3502295243 .fill-B1{fill:#0D32B2;}
|
|
.d2-3502295243 .fill-B2{fill:#0D32B2;}
|
|
.d2-3502295243 .fill-B3{fill:#E3E9FD;}
|
|
.d2-3502295243 .fill-B4{fill:#E3E9FD;}
|
|
.d2-3502295243 .fill-B5{fill:#EDF0FD;}
|
|
.d2-3502295243 .fill-B6{fill:#F7F8FE;}
|
|
.d2-3502295243 .fill-AA2{fill:#4A6FF3;}
|
|
.d2-3502295243 .fill-AA4{fill:#EDF0FD;}
|
|
.d2-3502295243 .fill-AA5{fill:#F7F8FE;}
|
|
.d2-3502295243 .fill-AB4{fill:#EDF0FD;}
|
|
.d2-3502295243 .fill-AB5{fill:#F7F8FE;}
|
|
.d2-3502295243 .stroke-N1{stroke:#0A0F25;}
|
|
.d2-3502295243 .stroke-N2{stroke:#676C7E;}
|
|
.d2-3502295243 .stroke-N3{stroke:#9499AB;}
|
|
.d2-3502295243 .stroke-N4{stroke:#CFD2DD;}
|
|
.d2-3502295243 .stroke-N5{stroke:#DEE1EB;}
|
|
.d2-3502295243 .stroke-N6{stroke:#EEF1F8;}
|
|
.d2-3502295243 .stroke-N7{stroke:#FFFFFF;}
|
|
.d2-3502295243 .stroke-B1{stroke:#0D32B2;}
|
|
.d2-3502295243 .stroke-B2{stroke:#0D32B2;}
|
|
.d2-3502295243 .stroke-B3{stroke:#E3E9FD;}
|
|
.d2-3502295243 .stroke-B4{stroke:#E3E9FD;}
|
|
.d2-3502295243 .stroke-B5{stroke:#EDF0FD;}
|
|
.d2-3502295243 .stroke-B6{stroke:#F7F8FE;}
|
|
.d2-3502295243 .stroke-AA2{stroke:#4A6FF3;}
|
|
.d2-3502295243 .stroke-AA4{stroke:#EDF0FD;}
|
|
.d2-3502295243 .stroke-AA5{stroke:#F7F8FE;}
|
|
.d2-3502295243 .stroke-AB4{stroke:#EDF0FD;}
|
|
.d2-3502295243 .stroke-AB5{stroke:#F7F8FE;}
|
|
.d2-3502295243 .background-color-N1{background-color:#0A0F25;}
|
|
.d2-3502295243 .background-color-N2{background-color:#676C7E;}
|
|
.d2-3502295243 .background-color-N3{background-color:#9499AB;}
|
|
.d2-3502295243 .background-color-N4{background-color:#CFD2DD;}
|
|
.d2-3502295243 .background-color-N5{background-color:#DEE1EB;}
|
|
.d2-3502295243 .background-color-N6{background-color:#EEF1F8;}
|
|
.d2-3502295243 .background-color-N7{background-color:#FFFFFF;}
|
|
.d2-3502295243 .background-color-B1{background-color:#0D32B2;}
|
|
.d2-3502295243 .background-color-B2{background-color:#0D32B2;}
|
|
.d2-3502295243 .background-color-B3{background-color:#E3E9FD;}
|
|
.d2-3502295243 .background-color-B4{background-color:#E3E9FD;}
|
|
.d2-3502295243 .background-color-B5{background-color:#EDF0FD;}
|
|
.d2-3502295243 .background-color-B6{background-color:#F7F8FE;}
|
|
.d2-3502295243 .background-color-AA2{background-color:#4A6FF3;}
|
|
.d2-3502295243 .background-color-AA4{background-color:#EDF0FD;}
|
|
.d2-3502295243 .background-color-AA5{background-color:#F7F8FE;}
|
|
.d2-3502295243 .background-color-AB4{background-color:#EDF0FD;}
|
|
.d2-3502295243 .background-color-AB5{background-color:#F7F8FE;}
|
|
.d2-3502295243 .color-N1{color:#0A0F25;}
|
|
.d2-3502295243 .color-N2{color:#676C7E;}
|
|
.d2-3502295243 .color-N3{color:#9499AB;}
|
|
.d2-3502295243 .color-N4{color:#CFD2DD;}
|
|
.d2-3502295243 .color-N5{color:#DEE1EB;}
|
|
.d2-3502295243 .color-N6{color:#EEF1F8;}
|
|
.d2-3502295243 .color-N7{color:#FFFFFF;}
|
|
.d2-3502295243 .color-B1{color:#0D32B2;}
|
|
.d2-3502295243 .color-B2{color:#0D32B2;}
|
|
.d2-3502295243 .color-B3{color:#E3E9FD;}
|
|
.d2-3502295243 .color-B4{color:#E3E9FD;}
|
|
.d2-3502295243 .color-B5{color:#EDF0FD;}
|
|
.d2-3502295243 .color-B6{color:#F7F8FE;}
|
|
.d2-3502295243 .color-AA2{color:#4A6FF3;}
|
|
.d2-3502295243 .color-AA4{color:#EDF0FD;}
|
|
.d2-3502295243 .color-AA5{color:#F7F8FE;}
|
|
.d2-3502295243 .color-AB4{color:#EDF0FD;}
|
|
.d2-3502295243 .color-AB5{color:#F7F8FE;}.appendix 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-AB5{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}.light-code{display: block}.dark-code{display: none}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="285.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="335.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="542.000000" y="52.000000" width="130.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="607.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">just an actor</text></g><g id="(a -- )[0]"><path d="M 62.000000 120.000000 L 62.000000 1579.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3502295243)" /></g><g id="(b -- )[0]"><path d="M 335.000000 120.000000 L 335.000000 1579.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3502295243)" /></g><g id="(c -- )[0]"><path d="M 607.000000 120.000000 L 607.000000 1579.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3502295243)" /></g><g id="this is a message group"><g class="shape blend" ><rect x="-58.000000" y="173.000000" width="481.000000" height="697.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-53.000000" y="178.000000" width="155.000000" height="21.000000" class=" fill-N5" /><text x="24.500000" y="194.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="283.000000" y="792.000000" width="376.000000" height="409.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="288.000000" y="797.000000" width="19.000000" height="21.000000" class=" fill-N5" /><text x="297.500000" y="813.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="-46.000000" y="272.000000" width="457.000000" height="557.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-41.000000" y="277.000000" width="233.000000" height="21.000000" class=" fill-N5" /><text x="75.500000" y="293.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="295.000000" y="833.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="838.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="854.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="295.000000" y="932.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="937.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="953.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="295.000000" y="1031.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1036.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1052.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="295.000000" y="1130.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1135.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1151.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="-34.000000" y="371.000000" width="433.000000" height="417.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-29.000000" y="376.000000" width="168.000000" height="21.000000" class=" fill-N5" /><text x="55.000000" y="392.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="-22.000000" y="470.000000" width="409.000000" height="306.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-17.000000" y="475.000000" width="72.000000" height="21.000000" class=" fill-N5" /><text x="19.000000" y="491.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="22.000000" y="705.000000" width="353.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="27.000000" y="710.000000" width="36.000000" height="21.000000" class=" fill-N5" /><text x="45.000000" y="726.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">whoa</text></g><g id="(a -> b)[4]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 217.000000 L 331.000000 217.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[3]"><path d="M 64.000000 316.000000 L 331.000000 316.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[2]"><path d="M 64.000000 415.000000 L 331.000000 415.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[1]"><path d="M 64.000000 650.000000 L 331.000000 650.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[0]"><path d="M 64.000000 749.000000 L 331.000000 749.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[0]"><path d="M 337.000000 877.000000 L 603.000000 877.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[1]"><path d="M 337.000000 976.000000 L 603.000000 976.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[2]"><path d="M 337.000000 1075.000000 L 603.000000 1075.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[3]"><path d="M 337.000000 1174.000000 L 603.000000 1174.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="a.a note"><g class="shape" ><path d="M 19 514 H 85 C 86 514 87 514 88 515 L 105 531 C 106 532 106 533 106 534 V 580 C 106 580 106 580 106 580 H 18 C 18 580 18 580 18 580 V 515 C 18 514 18 514 19 514 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 105 580 H 19 C 18 580 18 580 18 579 V 515 C 18 514 18 514 19 514 H 84 C 85 514 85 514 85 515 V 532 C 85 533 86 534 87 534 H 105 C 106 534 106 534 106 535 V 579 C 105 580 106 580 105 580 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="62.000000" y="552.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note</text></g><g id="b.note"><g class="shape" ><path d="M 103 1244 H 546 C 547 1244 548 1244 549 1245 L 566 1261 C 567 1262 567 1263 567 1264 V 1310 C 567 1310 567 1310 567 1310 H 103 C 102 1310 102 1310 102 1310 V 1245 C 102 1244 102 1244 103 1244 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 566 1310 H 103 C 102 1310 102 1310 102 1309 V 1245 C 102 1244 102 1244 103 1244 H 545 C 546 1244 546 1244 546 1245 V 1262 C 546 1263 547 1264 548 1264 H 566 C 567 1264 567 1264 567 1265 V 1309 C 566 1310 567 1310 566 1310 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="334.500000" y="1282.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 24 1380 H 79 C 80 1380 81 1380 82 1381 L 99 1397 C 100 1398 100 1399 100 1400 V 1510 C 100 1510 100 1510 100 1510 H 23 C 23 1510 23 1510 23 1510 V 1381 C 23 1380 23 1380 24 1380 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 99 1510 H 24 C 23 1510 23 1510 23 1509 V 1381 C 23 1380 23 1380 24 1380 H 78 C 79 1380 79 1380 79 1381 V 1398 C 79 1399 80 1400 81 1400 H 99 C 100 1400 100 1400 100 1401 V 1509 C 99 1510 100 1510 99 1510 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="61.500000" y="1418.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><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="d2-3502295243" maskUnits="userSpaceOnUse" x="-58" y="51" width="731" height="1530">
|
|
<rect x="-58" y="51" width="731" height="1530" fill="white"></rect>
|
|
>>>>>>> 33280fed5 (fixed e2e tests)
|
|
||||||| parent of cb2f2823c (Fix changes)
|
|
.d2-3502295243 .fill-N1{fill:#0A0F25;}
|
|
.d2-3502295243 .fill-N2{fill:#676C7E;}
|
|
.d2-3502295243 .fill-N3{fill:#9499AB;}
|
|
.d2-3502295243 .fill-N4{fill:#CFD2DD;}
|
|
.d2-3502295243 .fill-N5{fill:#DEE1EB;}
|
|
.d2-3502295243 .fill-N6{fill:#EEF1F8;}
|
|
.d2-3502295243 .fill-N7{fill:#FFFFFF;}
|
|
.d2-3502295243 .fill-B1{fill:#0D32B2;}
|
|
.d2-3502295243 .fill-B2{fill:#0D32B2;}
|
|
.d2-3502295243 .fill-B3{fill:#E3E9FD;}
|
|
.d2-3502295243 .fill-B4{fill:#E3E9FD;}
|
|
.d2-3502295243 .fill-B5{fill:#EDF0FD;}
|
|
.d2-3502295243 .fill-B6{fill:#F7F8FE;}
|
|
.d2-3502295243 .fill-AA2{fill:#4A6FF3;}
|
|
.d2-3502295243 .fill-AA4{fill:#EDF0FD;}
|
|
.d2-3502295243 .fill-AA5{fill:#F7F8FE;}
|
|
.d2-3502295243 .fill-AB4{fill:#EDF0FD;}
|
|
.d2-3502295243 .fill-AB5{fill:#F7F8FE;}
|
|
.d2-3502295243 .stroke-N1{stroke:#0A0F25;}
|
|
.d2-3502295243 .stroke-N2{stroke:#676C7E;}
|
|
.d2-3502295243 .stroke-N3{stroke:#9499AB;}
|
|
.d2-3502295243 .stroke-N4{stroke:#CFD2DD;}
|
|
.d2-3502295243 .stroke-N5{stroke:#DEE1EB;}
|
|
.d2-3502295243 .stroke-N6{stroke:#EEF1F8;}
|
|
.d2-3502295243 .stroke-N7{stroke:#FFFFFF;}
|
|
.d2-3502295243 .stroke-B1{stroke:#0D32B2;}
|
|
.d2-3502295243 .stroke-B2{stroke:#0D32B2;}
|
|
.d2-3502295243 .stroke-B3{stroke:#E3E9FD;}
|
|
.d2-3502295243 .stroke-B4{stroke:#E3E9FD;}
|
|
.d2-3502295243 .stroke-B5{stroke:#EDF0FD;}
|
|
.d2-3502295243 .stroke-B6{stroke:#F7F8FE;}
|
|
.d2-3502295243 .stroke-AA2{stroke:#4A6FF3;}
|
|
.d2-3502295243 .stroke-AA4{stroke:#EDF0FD;}
|
|
.d2-3502295243 .stroke-AA5{stroke:#F7F8FE;}
|
|
.d2-3502295243 .stroke-AB4{stroke:#EDF0FD;}
|
|
.d2-3502295243 .stroke-AB5{stroke:#F7F8FE;}
|
|
.d2-3502295243 .background-color-N1{background-color:#0A0F25;}
|
|
.d2-3502295243 .background-color-N2{background-color:#676C7E;}
|
|
.d2-3502295243 .background-color-N3{background-color:#9499AB;}
|
|
.d2-3502295243 .background-color-N4{background-color:#CFD2DD;}
|
|
.d2-3502295243 .background-color-N5{background-color:#DEE1EB;}
|
|
.d2-3502295243 .background-color-N6{background-color:#EEF1F8;}
|
|
.d2-3502295243 .background-color-N7{background-color:#FFFFFF;}
|
|
.d2-3502295243 .background-color-B1{background-color:#0D32B2;}
|
|
.d2-3502295243 .background-color-B2{background-color:#0D32B2;}
|
|
.d2-3502295243 .background-color-B3{background-color:#E3E9FD;}
|
|
.d2-3502295243 .background-color-B4{background-color:#E3E9FD;}
|
|
.d2-3502295243 .background-color-B5{background-color:#EDF0FD;}
|
|
.d2-3502295243 .background-color-B6{background-color:#F7F8FE;}
|
|
.d2-3502295243 .background-color-AA2{background-color:#4A6FF3;}
|
|
.d2-3502295243 .background-color-AA4{background-color:#EDF0FD;}
|
|
.d2-3502295243 .background-color-AA5{background-color:#F7F8FE;}
|
|
.d2-3502295243 .background-color-AB4{background-color:#EDF0FD;}
|
|
.d2-3502295243 .background-color-AB5{background-color:#F7F8FE;}
|
|
.d2-3502295243 .color-N1{color:#0A0F25;}
|
|
.d2-3502295243 .color-N2{color:#676C7E;}
|
|
.d2-3502295243 .color-N3{color:#9499AB;}
|
|
.d2-3502295243 .color-N4{color:#CFD2DD;}
|
|
.d2-3502295243 .color-N5{color:#DEE1EB;}
|
|
.d2-3502295243 .color-N6{color:#EEF1F8;}
|
|
.d2-3502295243 .color-N7{color:#FFFFFF;}
|
|
.d2-3502295243 .color-B1{color:#0D32B2;}
|
|
.d2-3502295243 .color-B2{color:#0D32B2;}
|
|
.d2-3502295243 .color-B3{color:#E3E9FD;}
|
|
.d2-3502295243 .color-B4{color:#E3E9FD;}
|
|
.d2-3502295243 .color-B5{color:#EDF0FD;}
|
|
.d2-3502295243 .color-B6{color:#F7F8FE;}
|
|
.d2-3502295243 .color-AA2{color:#4A6FF3;}
|
|
.d2-3502295243 .color-AA4{color:#EDF0FD;}
|
|
.d2-3502295243 .color-AA5{color:#F7F8FE;}
|
|
.d2-3502295243 .color-AB4{color:#EDF0FD;}
|
|
.d2-3502295243 .color-AB5{color:#F7F8FE;}.appendix 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-AB5{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}.light-code{display: block}.dark-code{display: none}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="285.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="335.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="542.000000" y="52.000000" width="130.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="607.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">just an actor</text></g><g id="(a -- )[0]"><path d="M 62.000000 120.000000 L 62.000000 1579.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3502295243)" /></g><g id="(b -- )[0]"><path d="M 335.000000 120.000000 L 335.000000 1579.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3502295243)" /></g><g id="(c -- )[0]"><path d="M 607.000000 120.000000 L 607.000000 1579.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-3502295243)" /></g><g id="this is a message group"><g class="shape blend" ><rect x="-58.000000" y="173.000000" width="481.000000" height="697.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-53.000000" y="178.000000" width="155.000000" height="21.000000" class=" fill-N5" /><text x="24.500000" y="194.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="283.000000" y="792.000000" width="376.000000" height="409.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="288.000000" y="797.000000" width="19.000000" height="21.000000" class=" fill-N5" /><text x="297.500000" y="813.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="-46.000000" y="272.000000" width="457.000000" height="557.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-41.000000" y="277.000000" width="233.000000" height="21.000000" class=" fill-N5" /><text x="75.500000" y="293.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="295.000000" y="833.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="838.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="854.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="295.000000" y="932.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="937.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="953.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="295.000000" y="1031.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1036.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1052.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="295.000000" y="1130.000000" width="352.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1135.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1151.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="-34.000000" y="371.000000" width="433.000000" height="417.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-29.000000" y="376.000000" width="168.000000" height="21.000000" class=" fill-N5" /><text x="55.000000" y="392.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="-22.000000" y="470.000000" width="409.000000" height="306.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-17.000000" y="475.000000" width="72.000000" height="21.000000" class=" fill-N5" /><text x="19.000000" y="491.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="22.000000" y="705.000000" width="353.000000" height="59.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="27.000000" y="710.000000" width="36.000000" height="21.000000" class=" fill-N5" /><text x="45.000000" y="726.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">whoa</text></g><g id="(a -> b)[4]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 217.000000 L 331.000000 217.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[3]"><path d="M 64.000000 316.000000 L 331.000000 316.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[2]"><path d="M 64.000000 415.000000 L 331.000000 415.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[1]"><path d="M 64.000000 650.000000 L 331.000000 650.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(a -> b)[0]"><path d="M 64.000000 749.000000 L 331.000000 749.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[0]"><path d="M 337.000000 877.000000 L 603.000000 877.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[1]"><path d="M 337.000000 976.000000 L 603.000000 976.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[2]"><path d="M 337.000000 1075.000000 L 603.000000 1075.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="(b -> c)[3]"><path d="M 337.000000 1174.000000 L 603.000000 1174.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3502295243)" /></g><g id="a.a note"><g class="shape" ><path d="M 19 514 H 85 C 86 514 87 514 88 515 L 105 531 C 106 532 106 533 106 534 V 580 C 106 580 106 580 106 580 H 18 C 18 580 18 580 18 580 V 515 C 18 514 18 514 19 514 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 105 580 H 19 C 18 580 18 580 18 579 V 515 C 18 514 18 514 19 514 H 84 C 85 514 85 514 85 515 V 532 C 85 533 86 534 87 534 H 105 C 106 534 106 534 106 535 V 579 C 105 580 106 580 105 580 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="62.000000" y="552.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note</text></g><g id="b.note"><g class="shape" ><path d="M 103 1244 H 546 C 547 1244 548 1244 549 1245 L 566 1261 C 567 1262 567 1263 567 1264 V 1310 C 567 1310 567 1310 567 1310 H 103 C 102 1310 102 1310 102 1310 V 1245 C 102 1244 102 1244 103 1244 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 566 1310 H 103 C 102 1310 102 1310 102 1309 V 1245 C 102 1244 102 1244 103 1244 H 545 C 546 1244 546 1244 546 1245 V 1262 C 546 1263 547 1264 548 1264 H 566 C 567 1264 567 1264 567 1265 V 1309 C 566 1310 567 1310 566 1310 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="334.500000" y="1282.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 24 1380 H 79 C 80 1380 81 1380 82 1381 L 99 1397 C 100 1398 100 1399 100 1400 V 1510 C 100 1510 100 1510 100 1510 H 23 C 23 1510 23 1510 23 1510 V 1381 C 23 1380 23 1380 24 1380 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 99 1510 H 24 C 23 1510 23 1510 23 1509 V 1381 C 23 1380 23 1380 24 1380 H 78 C 79 1380 79 1380 79 1381 V 1398 C 79 1399 80 1400 81 1400 H 99 C 100 1400 100 1400 100 1401 V 1509 C 99 1510 100 1510 99 1510 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="61.500000" y="1418.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><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="d2-3502295243" maskUnits="userSpaceOnUse" x="-58" y="51" width="731" height="1530">
|
|
<rect x="-58" y="51" width="731" height="1530" fill="white"></rect>
|
|
=======
|
|
.d2-2433413595 .fill-N1{fill:#0A0F25;}
|
|
.d2-2433413595 .fill-N2{fill:#676C7E;}
|
|
.d2-2433413595 .fill-N3{fill:#9499AB;}
|
|
.d2-2433413595 .fill-N4{fill:#CFD2DD;}
|
|
.d2-2433413595 .fill-N5{fill:#DEE1EB;}
|
|
.d2-2433413595 .fill-N6{fill:#EEF1F8;}
|
|
.d2-2433413595 .fill-N7{fill:#FFFFFF;}
|
|
.d2-2433413595 .fill-B1{fill:#0D32B2;}
|
|
.d2-2433413595 .fill-B2{fill:#0D32B2;}
|
|
.d2-2433413595 .fill-B3{fill:#E3E9FD;}
|
|
.d2-2433413595 .fill-B4{fill:#E3E9FD;}
|
|
.d2-2433413595 .fill-B5{fill:#EDF0FD;}
|
|
.d2-2433413595 .fill-B6{fill:#F7F8FE;}
|
|
.d2-2433413595 .fill-AA2{fill:#4A6FF3;}
|
|
.d2-2433413595 .fill-AA4{fill:#EDF0FD;}
|
|
.d2-2433413595 .fill-AA5{fill:#F7F8FE;}
|
|
.d2-2433413595 .fill-AB4{fill:#EDF0FD;}
|
|
.d2-2433413595 .fill-AB5{fill:#F7F8FE;}
|
|
.d2-2433413595 .stroke-N1{stroke:#0A0F25;}
|
|
.d2-2433413595 .stroke-N2{stroke:#676C7E;}
|
|
.d2-2433413595 .stroke-N3{stroke:#9499AB;}
|
|
.d2-2433413595 .stroke-N4{stroke:#CFD2DD;}
|
|
.d2-2433413595 .stroke-N5{stroke:#DEE1EB;}
|
|
.d2-2433413595 .stroke-N6{stroke:#EEF1F8;}
|
|
.d2-2433413595 .stroke-N7{stroke:#FFFFFF;}
|
|
.d2-2433413595 .stroke-B1{stroke:#0D32B2;}
|
|
.d2-2433413595 .stroke-B2{stroke:#0D32B2;}
|
|
.d2-2433413595 .stroke-B3{stroke:#E3E9FD;}
|
|
.d2-2433413595 .stroke-B4{stroke:#E3E9FD;}
|
|
.d2-2433413595 .stroke-B5{stroke:#EDF0FD;}
|
|
.d2-2433413595 .stroke-B6{stroke:#F7F8FE;}
|
|
.d2-2433413595 .stroke-AA2{stroke:#4A6FF3;}
|
|
.d2-2433413595 .stroke-AA4{stroke:#EDF0FD;}
|
|
.d2-2433413595 .stroke-AA5{stroke:#F7F8FE;}
|
|
.d2-2433413595 .stroke-AB4{stroke:#EDF0FD;}
|
|
.d2-2433413595 .stroke-AB5{stroke:#F7F8FE;}
|
|
.d2-2433413595 .background-color-N1{background-color:#0A0F25;}
|
|
.d2-2433413595 .background-color-N2{background-color:#676C7E;}
|
|
.d2-2433413595 .background-color-N3{background-color:#9499AB;}
|
|
.d2-2433413595 .background-color-N4{background-color:#CFD2DD;}
|
|
.d2-2433413595 .background-color-N5{background-color:#DEE1EB;}
|
|
.d2-2433413595 .background-color-N6{background-color:#EEF1F8;}
|
|
.d2-2433413595 .background-color-N7{background-color:#FFFFFF;}
|
|
.d2-2433413595 .background-color-B1{background-color:#0D32B2;}
|
|
.d2-2433413595 .background-color-B2{background-color:#0D32B2;}
|
|
.d2-2433413595 .background-color-B3{background-color:#E3E9FD;}
|
|
.d2-2433413595 .background-color-B4{background-color:#E3E9FD;}
|
|
.d2-2433413595 .background-color-B5{background-color:#EDF0FD;}
|
|
.d2-2433413595 .background-color-B6{background-color:#F7F8FE;}
|
|
.d2-2433413595 .background-color-AA2{background-color:#4A6FF3;}
|
|
.d2-2433413595 .background-color-AA4{background-color:#EDF0FD;}
|
|
.d2-2433413595 .background-color-AA5{background-color:#F7F8FE;}
|
|
.d2-2433413595 .background-color-AB4{background-color:#EDF0FD;}
|
|
.d2-2433413595 .background-color-AB5{background-color:#F7F8FE;}
|
|
.d2-2433413595 .color-N1{color:#0A0F25;}
|
|
.d2-2433413595 .color-N2{color:#676C7E;}
|
|
.d2-2433413595 .color-N3{color:#9499AB;}
|
|
.d2-2433413595 .color-N4{color:#CFD2DD;}
|
|
.d2-2433413595 .color-N5{color:#DEE1EB;}
|
|
.d2-2433413595 .color-N6{color:#EEF1F8;}
|
|
.d2-2433413595 .color-N7{color:#FFFFFF;}
|
|
.d2-2433413595 .color-B1{color:#0D32B2;}
|
|
.d2-2433413595 .color-B2{color:#0D32B2;}
|
|
.d2-2433413595 .color-B3{color:#E3E9FD;}
|
|
.d2-2433413595 .color-B4{color:#E3E9FD;}
|
|
.d2-2433413595 .color-B5{color:#EDF0FD;}
|
|
.d2-2433413595 .color-B6{color:#F7F8FE;}
|
|
.d2-2433413595 .color-AA2{color:#4A6FF3;}
|
|
.d2-2433413595 .color-AA4{color:#EDF0FD;}
|
|
.d2-2433413595 .color-AA5{color:#F7F8FE;}
|
|
.d2-2433413595 .color-AB4{color:#EDF0FD;}
|
|
.d2-2433413595 .color-AB5{color:#F7F8FE;}.appendix 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-AB5{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}.light-code{display: block}.dark-code{display: none}]]></style><g id="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="285.000000" y="52.000000" width="100.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="335.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><rect x="542.000000" y="52.000000" width="130.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="607.000000" y="90.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">just an actor</text></g><g id="(a -- )[0]"><path d="M 62.000000 120.000000 L 62.000000 1599.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2433413595)" /></g><g id="(b -- )[0]"><path d="M 335.000000 120.000000 L 335.000000 1599.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2433413595)" /></g><g id="(c -- )[0]"><path d="M 607.000000 120.000000 L 607.000000 1599.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-2433413595)" /></g><g id="this is a message group"><g class="shape blend" ><rect x="-58.000000" y="173.000000" width="481.000000" height="711.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-53.000000" y="178.000000" width="155.000000" height="21.000000" class=" fill-N5" /><text x="24.500000" y="194.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="283.000000" y="802.000000" width="376.000000" height="419.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="288.000000" y="807.000000" width="19.000000" height="21.000000" class=" fill-N5" /><text x="297.500000" y="823.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="-46.000000" y="274.000000" width="457.000000" height="567.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-41.000000" y="279.000000" width="233.000000" height="21.000000" class=" fill-N5" /><text x="75.500000" y="295.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="295.000000" y="845.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="850.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="866.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="295.000000" y="946.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="951.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="967.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="295.000000" y="1047.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1052.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1068.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="295.000000" y="1148.000000" width="352.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="300.000000" y="1153.000000" width="42.000000" height="21.000000" class=" fill-N5" /><text x="321.000000" y="1169.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="-34.000000" y="375.000000" width="433.000000" height="423.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-29.000000" y="380.000000" width="168.000000" height="21.000000" class=" fill-N5" /><text x="55.000000" y="396.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town"><g class="shape blend" ><rect x="-22.000000" y="476.000000" width="409.000000" height="310.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="-17.000000" y="481.000000" width="72.000000" height="21.000000" class=" fill-N5" /><text x="19.000000" y="497.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">crazy town</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa"><g class="shape blend" ><rect x="22.000000" y="713.000000" width="353.000000" height="61.000000" class=" stroke-B1 fill-N5" style="stroke-width:0;" /></g><rect x="27.000000" y="718.000000" width="36.000000" height="21.000000" class=" fill-N5" /><text x="45.000000" y="734.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px">whoa</text></g><g id="(a -> b)[4]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 64.000000 219.000000 L 331.000000 219.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(a -> b)[3]"><path d="M 64.000000 320.000000 L 331.000000 320.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(a -> b)[2]"><path d="M 64.000000 421.000000 L 331.000000 421.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(a -> b)[1]"><path d="M 64.000000 658.000000 L 331.000000 658.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(a -> b)[0]"><path d="M 64.000000 759.000000 L 331.000000 759.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(b -> c)[0]"><path d="M 337.000000 891.000000 L 603.000000 891.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(b -> c)[1]"><path d="M 337.000000 992.000000 L 603.000000 992.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(b -> c)[2]"><path d="M 337.000000 1093.000000 L 603.000000 1093.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="(b -> c)[3]"><path d="M 337.000000 1194.000000 L 603.000000 1194.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2433413595)" /></g><g id="a.a note"><g class="shape" ><path d="M 19 522 H 85 C 86 522 87 522 88 523 L 105 539 C 106 540 106 541 106 542 V 588 C 106 588 106 588 106 588 H 18 C 18 588 18 588 18 588 V 523 C 18 522 18 522 19 522 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 105 588 H 19 C 18 588 18 588 18 587 V 523 C 18 522 18 522 19 522 H 84 C 85 522 85 522 85 523 V 540 C 85 541 86 542 87 542 H 105 C 106 542 106 542 106 543 V 587 C 105 588 106 588 105 588 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="62.000000" y="560.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note</text></g><g id="b.note"><g class="shape" ><path d="M 103 1264 H 546 C 547 1264 548 1264 549 1265 L 566 1281 C 567 1282 567 1283 567 1284 V 1330 C 567 1330 567 1330 567 1330 H 103 C 102 1330 102 1330 102 1330 V 1265 C 102 1264 102 1264 103 1264 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 566 1330 H 103 C 102 1330 102 1330 102 1329 V 1265 C 102 1264 102 1264 103 1264 H 545 C 546 1264 546 1264 546 1265 V 1282 C 546 1283 547 1284 548 1284 H 566 C 567 1284 567 1284 567 1285 V 1329 C 566 1330 567 1330 566 1330 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="334.500000" y="1302.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><path d="M 24 1400 H 79 C 80 1400 81 1400 82 1401 L 99 1417 C 100 1418 100 1419 100 1420 V 1530 C 100 1530 100 1530 100 1530 H 23 C 23 1530 23 1530 23 1530 V 1401 C 23 1400 23 1400 24 1400 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /><path d="M 99 1530 H 24 C 23 1530 23 1530 23 1529 V 1401 C 23 1400 23 1400 24 1400 H 78 C 79 1400 79 1400 79 1401 V 1418 C 79 1419 80 1420 81 1420 H 99 C 100 1420 100 1420 100 1421 V 1529 C 99 1530 100 1530 99 1530 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="61.500000" y="1438.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><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="d2-2433413595" maskUnits="userSpaceOnUse" x="-58" y="51" width="731" height="1550">
|
|
<rect x="-58" y="51" width="731" height="1550" fill="white"></rect>
|
|
>>>>>>> cb2f2823c (Fix changes)
|
|
<rect x="58.500000" y="74.500000" width="7" height="21" fill="rgba(0,0,0,0.75)"></rect>
|
|
<rect x="331.000000" y="74.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
|
|
<rect x="564.500000" y="74.500000" width="85" height="21" fill="rgba(0,0,0,0.75)"></rect>
|
|
<rect x="-53.000000" y="178.000000" width="155" height="16" fill="black"></rect>
|
|
<rect x="288.000000" y="807.000000" width="19" height="16" fill="black"></rect>
|
|
<rect x="-41.000000" y="279.000000" width="233" height="16" fill="black"></rect>
|
|
<rect x="300.000000" y="850.000000" width="42" height="16" fill="black"></rect>
|
|
<rect x="300.000000" y="951.000000" width="42" height="16" fill="black"></rect>
|
|
<rect x="300.000000" y="1052.000000" width="42" height="16" fill="black"></rect>
|
|
<rect x="300.000000" y="1153.000000" width="42" height="16" fill="black"></rect>
|
|
<rect x="-29.000000" y="380.000000" width="168" height="16" fill="black"></rect>
|
|
<rect x="-17.000000" y="481.000000" width="72" height="16" fill="black"></rect>
|
|
<rect x="27.000000" y="718.000000" width="36" height="16" fill="black"></rect>
|
|
<rect x="40.500000" y="544.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
|
|
<rect x="124.500000" y="1286.500000" width="420" height="21" fill="rgba(0,0,0,0.75)"></rect>
|
|
<rect x="45.500000" y="1422.500000" width="32" height="85" fill="rgba(0,0,0,0.75)"></rect>
|
|
</mask></svg></svg> |