luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix shifting

Browse source
This commit is contained in:
Alexander Wang 2022-12-05 13:55:00 -08:00
parent 1b99604359
commit 72b6101fbf
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
25 changed files with 158 additions and 156 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
d2layouts/d2sequence/sequence_diagram.go
View file

@ -537,6 +537,8 @@ func (sd *sequenceDiagram) getHeight() float64 {
func (sd *sequenceDiagram) shift(tl *geo.Point) {
allObjects := append([]*d2graph.Object{}, sd.actors...)
allObjects = append(allObjects, sd.spans...)
allObjects = append(allObjects, sd.groups...)
allObjects = append(allObjects, sd.notes...)
for _, obj := range allObjects {
obj.TopLeft.X += tl.X
obj.TopLeft.Y += tl.Y

28
e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json generated vendored
View file

@ -165,8 +165,8 @@
"id": "ggg",
"type": "",
"pos": {
"x": 25,
"y": 396
"x": 49,
"y": 420
},
"width": 350,
"height": 80,
@ -204,8 +204,8 @@
"id": "group 1",
"type": "",
"pos": {
"x": 251,
"y": 526
"x": 275,
"y": 550
},
"width": 398,
"height": 730,
@ -243,8 +243,8 @@
"id": "group 1.nested guy",
"type": "",
"pos": {
"x": 275,
"y": 786
"x": 299,
"y": 810
},
"width": 350,
"height": 80,
@ -282,8 +282,8 @@
"id": "group b",
"type": "",
"pos": {
"x": 275,
"y": 1306
"x": 299,
"y": 1330
},
"width": 468,
"height": 466,
@ -321,8 +321,8 @@
"id": "c.what would arnold say",
"type": "rectangle",
"pos": {
"x": 446,
"y": 1476
"x": 470,
"y": 1500
},
"width": 257,
"height": 126,
@ -361,8 +361,8 @@
"id": "choo",
"type": "",
"pos": {
"x": 693,
"y": 1822
"x": 717,
"y": 1846
},
"width": 254,
"height": 216,
@ -400,8 +400,8 @@
"id": "d.this note",
"type": "rectangle",
"pos": {
"x": 743,
"y": 1862
"x": 767,
"y": 1886
},
"width": 164,
"height": 126,

6
e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 475 KiB

After

Width:  |  Height:  |  Size: 475 KiB

28
e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json generated vendored
View file

@ -165,8 +165,8 @@
"id": "ggg",
"type": "",
"pos": {
"x": 25,
"y": 396
"x": 49,
"y": 420
},
"width": 350,
"height": 80,
@ -204,8 +204,8 @@
"id": "group 1",
"type": "",
"pos": {
"x": 251,
"y": 526
"x": 275,
"y": 550
},
"width": 398,
"height": 730,
@ -243,8 +243,8 @@
"id": "group 1.nested guy",
"type": "",
"pos": {
"x": 275,
"y": 786
"x": 299,
"y": 810
},
"width": 350,
"height": 80,
@ -282,8 +282,8 @@
"id": "group b",
"type": "",
"pos": {
"x": 275,
"y": 1306
"x": 299,
"y": 1330
},
"width": 468,
"height": 466,
@ -321,8 +321,8 @@
"id": "c.what would arnold say",
"type": "rectangle",
"pos": {
"x": 446,
"y": 1476
"x": 470,
"y": 1500
},
"width": 257,
"height": 126,
@ -361,8 +361,8 @@
"id": "choo",
"type": "",
"pos": {
"x": 693,
"y": 1822
"x": 717,
"y": 1846
},
"width": 254,
"height": 216,
@ -400,8 +400,8 @@
"id": "d.this note",
"type": "rectangle",
"pos": {
"x": 743,
"y": 1862
"x": 767,
"y": 1886
},
"width": 164,
"height": 126,

6
e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 475 KiB

After

Width:  |  Height:  |  Size: 475 KiB

8
e2etests/testdata/stable/sequence_diagram_long_note/dagre/board.exp.json generated vendored
View file

@ -45,8 +45,8 @@
"id": "b.note",
"type": "rectangle",
"pos": {
"x": -187,
"y": 436
"x": -163,
"y": 460
},
"width": 525,
"height": 126,
@ -125,8 +125,8 @@
"id": "a.note",
"type": "rectangle",
"pos": {
"x": 319,
"y": 692
"x": 343,
"y": 716
},
"width": 137,
"height": 190,

4
e2etests/testdata/stable/sequence_diagram_long_note/dagre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="874" height="1162" viewBox="-287 -26 874 1162"><style type="text/css">
width="850" height="1162" viewBox="-263 -26 850 1162"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="874" height="1162" viewBox="-287 -26 874 1162"><style type="text/css">
}
]]>
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="337" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="412.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 412.000000 202.000000 L 412.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 410.000000 330.000000 L 103.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="b.note"><g class="shape" ><rect x="-187" y="436" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="319" y="692" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="387.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="387.500000" dy="0.000000">just</tspan><tspan x="387.500000" dy="18.000000">a</tspan><tspan x="387.500000" dy="18.000000">long</tspan><tspan x="387.500000" dy="18.000000">note</tspan><tspan x="387.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="337" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="412.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 412.000000 202.000000 L 412.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 410.000000 330.000000 L 103.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="b.note"><g class="shape" ><rect x="-163" y="460" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="343" y="716" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="411.500000" y="782.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="411.500000" dy="0.000000">just</tspan><tspan x="411.500000" dy="18.000000">a</tspan><tspan x="411.500000" dy="18.000000">long</tspan><tspan x="411.500000" dy="18.000000">note</tspan><tspan x="411.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

8
e2etests/testdata/stable/sequence_diagram_long_note/elk/board.exp.json generated vendored
View file

@ -45,8 +45,8 @@
"id": "b.note",
"type": "rectangle",
"pos": {
"x": -187,
"y": 436
"x": -163,
"y": 460
},
"width": 525,
"height": 126,
@ -125,8 +125,8 @@
"id": "a.note",
"type": "rectangle",
"pos": {
"x": 319,
"y": 692
"x": 343,
"y": 716
},
"width": 137,
"height": 190,

4
e2etests/testdata/stable/sequence_diagram_long_note/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="874" height="1162" viewBox="-287 -26 874 1162"><style type="text/css">
width="850" height="1162" viewBox="-263 -26 850 1162"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="874" height="1162" viewBox="-287 -26 874 1162"><style type="text/css">
}
]]>
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="337" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="412.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 412.000000 202.000000 L 412.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 410.000000 330.000000 L 103.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="b.note"><g class="shape" ><rect x="-187" y="436" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="319" y="692" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="387.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="387.500000" dy="0.000000">just</tspan><tspan x="387.500000" dy="18.000000">a</tspan><tspan x="387.500000" dy="18.000000">long</tspan><tspan x="387.500000" dy="18.000000">note</tspan><tspan x="387.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="337" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="412.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 412.000000 202.000000 L 412.000000 1035.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 410.000000 330.000000 L 103.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="b.note"><g class="shape" ><rect x="-163" y="460" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="343" y="716" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="411.500000" y="782.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="411.500000" dy="0.000000">just</tspan><tspan x="411.500000" dy="18.000000">a</tspan><tspan x="411.500000" dy="18.000000">long</tspan><tspan x="411.500000" dy="18.000000">note</tspan><tspan x="411.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

52
e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "this is a message group",
"type": "",
"pos": {
"x": -121,
"y": 266
"x": -97,
"y": 290
},
"width": 592,
"height": 952,
@ -44,8 +44,8 @@
"id": "this is a message group.and this is a nested message group",
"type": "",
"pos": {
"x": -97,
"y": 396
"x": -73,
"y": 420
},
"width": 544,
"height": 798,
@ -83,8 +83,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "",
"pos": {
"x": -73,
"y": 526
"x": -49,
"y": 550
},
"width": 496,
"height": 644,
@ -122,8 +122,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town",
"type": "",
"pos": {
"x": -49,
"y": 656
"x": -25,
"y": 680
},
"width": 448,
"height": 490,
@ -201,8 +201,8 @@
"id": "a.a note",
"type": "rectangle",
"pos": {
"x": 1,
"y": 696
"x": 25,
"y": 720
},
"width": 148,
"height": 126,
@ -241,8 +241,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa",
"type": "",
"pos": {
"x": 25,
"y": 1042
"x": 49,
"y": 1066
},
"width": 350,
"height": 80,
@ -280,8 +280,8 @@
"id": "alt",
"type": "",
"pos": {
"x": 251,
"y": 1148
"x": 275,
"y": 1172
},
"width": 461,
"height": 518,
@ -319,8 +319,8 @@
"id": "alt.case 1",
"type": "",
"pos": {
"x": 275,
"y": 1172
"x": 299,
"y": 1196
},
"width": 413,
"height": 80,
@ -358,8 +358,8 @@
"id": "alt.case 2",
"type": "",
"pos": {
"x": 275,
"y": 1302
"x": 299,
"y": 1326
},
"width": 413,
"height": 80,
@ -397,8 +397,8 @@
"id": "alt.case 3",
"type": "",
"pos": {
"x": 275,
"y": 1432
"x": 299,
"y": 1456
},
"width": 413,
"height": 80,
@ -436,8 +436,8 @@
"id": "alt.case 4",
"type": "",
"pos": {
"x": 275,
"y": 1562
"x": 299,
"y": 1586
},
"width": 413,
"height": 80,
@ -515,8 +515,8 @@
"id": "b.note",
"type": "rectangle",
"pos": {
"x": 62,
"y": 2052
"x": 86,
"y": 2076
},
"width": 525,
"height": 126,
@ -555,8 +555,8 @@
"id": "a.note",
"type": "rectangle",
"pos": {
"x": 6,
"y": 1732
"x": 30,
"y": 1756
},
"width": 137,
"height": 190,

4
e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

52
e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "this is a message group",
"type": "",
"pos": {
"x": -121,
"y": 266
"x": -97,
"y": 290
},
"width": 592,
"height": 952,
@ -44,8 +44,8 @@
"id": "this is a message group.and this is a nested message group",
"type": "",
"pos": {
"x": -97,
"y": 396
"x": -73,
"y": 420
},
"width": 544,
"height": 798,
@ -83,8 +83,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "",
"pos": {
"x": -73,
"y": 526
"x": -49,
"y": 550
},
"width": 496,
"height": 644,
@ -122,8 +122,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town",
"type": "",
"pos": {
"x": -49,
"y": 656
"x": -25,
"y": 680
},
"width": 448,
"height": 490,
@ -201,8 +201,8 @@
"id": "a.a note",
"type": "rectangle",
"pos": {
"x": 1,
"y": 696
"x": 25,
"y": 720
},
"width": 148,
"height": 126,
@ -241,8 +241,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa",
"type": "",
"pos": {
"x": 25,
"y": 1042
"x": 49,
"y": 1066
},
"width": 350,
"height": 80,
@ -280,8 +280,8 @@
"id": "alt",
"type": "",
"pos": {
"x": 251,
"y": 1148
"x": 275,
"y": 1172
},
"width": 461,
"height": 518,
@ -319,8 +319,8 @@
"id": "alt.case 1",
"type": "",
"pos": {
"x": 275,
"y": 1172
"x": 299,
"y": 1196
},
"width": 413,
"height": 80,
@ -358,8 +358,8 @@
"id": "alt.case 2",
"type": "",
"pos": {
"x": 275,
"y": 1302
"x": 299,
"y": 1326
},
"width": 413,
"height": 80,
@ -397,8 +397,8 @@
"id": "alt.case 3",
"type": "",
"pos": {
"x": 275,
"y": 1432
"x": 299,
"y": 1456
},
"width": 413,
"height": 80,
@ -436,8 +436,8 @@
"id": "alt.case 4",
"type": "",
"pos": {
"x": 275,
"y": 1562
"x": 299,
"y": 1586
},
"width": 413,
"height": 80,
@ -515,8 +515,8 @@
"id": "b.note",
"type": "rectangle",
"pos": {
"x": 62,
"y": 2052
"x": 86,
"y": 2076
},
"width": 525,
"height": 126,
@ -555,8 +555,8 @@
"id": "a.note",
"type": "rectangle",
"pos": {
"x": 6,
"y": 1732
"x": 30,
"y": 1756
},
"width": 137,
"height": 190,

4
e2etests/testdata/stable/sequence_diagram_nested_groups/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

16
e2etests/testdata/stable/sequence_diagram_note/dagre/board.exp.json generated vendored
View file

@ -165,8 +165,8 @@
"id": "a.explanation",
"type": "rectangle",
"pos": {
"x": -17,
"y": 436
"x": 7,
"y": 460
},
"width": 184,
"height": 126,
@ -205,8 +205,8 @@
"id": "a.another explanation",
"type": "rectangle",
"pos": {
"x": -45,
"y": 692
"x": -21,
"y": 716
},
"width": 241,
"height": 126,
@ -245,8 +245,8 @@
"id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"",
"type": "rectangle",
"pos": {
"x": 136,
"y": 1078
"x": 160,
"y": 1102
},
"width": 378,
"height": 142,
@ -285,8 +285,8 @@
"id": "d.The earth is like a tiny grain of sand, only much, much heavier",
"type": "rectangle",
"pos": {
"x": 567,
"y": 1480
"x": 591,
"y": 1504
},
"width": 516,
"height": 126,

4
e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1328" height="1886" viewBox="-145 -26 1328 1886"><style type="text/css">
width="1328" height="1886" viewBox="-121 -26 1328 1886"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="1328" height="1886" viewBox="-145 -26 1328 1886"><style type="text/css">
}
]]>
</style><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 849.000000 202.000000 L 849.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 345.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 972.000000 L 595.000000 972.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 1374.000000 L 353.000000 1374.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="474.500000" y="1380.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="-17" y="436" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-45" y="692" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="136" y="1078" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="325.000000" y="1144.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="325.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="325.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="567" y="1480" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="825.000000" y="1546.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1328" height="1886">
</style><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 849.000000 202.000000 L 849.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 345.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 972.000000 L 595.000000 972.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 1374.000000 L 353.000000 1374.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="474.500000" y="1380.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="7" y="460" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-21" y="716" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="782.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="160" y="1102" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="1168.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="349.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="349.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="591" y="1504" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="1570.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1328" height="1886">
<rect x="0" y="0" width="1328" height="1886" fill="white"></rect>
<rect x="458.000000" y="1364.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

16
e2etests/testdata/stable/sequence_diagram_note/elk/board.exp.json generated vendored
View file

@ -165,8 +165,8 @@
"id": "a.explanation",
"type": "rectangle",
"pos": {
"x": -17,
"y": 436
"x": 7,
"y": 460
},
"width": 184,
"height": 126,
@ -205,8 +205,8 @@
"id": "a.another explanation",
"type": "rectangle",
"pos": {
"x": -45,
"y": 692
"x": -21,
"y": 716
},
"width": 241,
"height": 126,
@ -245,8 +245,8 @@
"id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"",
"type": "rectangle",
"pos": {
"x": 136,
"y": 1078
"x": 160,
"y": 1102
},
"width": 378,
"height": 142,
@ -285,8 +285,8 @@
"id": "d.The earth is like a tiny grain of sand, only much, much heavier",
"type": "rectangle",
"pos": {
"x": 567,
"y": 1480
"x": 591,
"y": 1504
},
"width": 516,
"height": 126,

4
e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1328" height="1886" viewBox="-145 -26 1328 1886"><style type="text/css">
width="1328" height="1886" viewBox="-121 -26 1328 1886"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="1328" height="1886" viewBox="-145 -26 1328 1886"><style type="text/css">
}
]]>
</style><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 849.000000 202.000000 L 849.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 345.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 972.000000 L 595.000000 972.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 1374.000000 L 353.000000 1374.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="474.500000" y="1380.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="-17" y="436" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-45" y="692" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="136" y="1078" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="325.000000" y="1144.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="325.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="325.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="567" y="1480" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="825.000000" y="1546.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1328" height="1886">
</style><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 849.000000 202.000000 L 849.000000 1759.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 345.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 351.000000 972.000000 L 595.000000 972.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 597.000000 1374.000000 L 353.000000 1374.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="474.500000" y="1380.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="7" y="460" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-21" y="716" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="782.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="160" y="1102" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="1168.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="349.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="349.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="591" y="1504" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="1570.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1328" height="1886">
<rect x="0" y="0" width="1328" height="1886" fill="white"></rect>
<rect x="458.000000" y="1364.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

8
e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json generated vendored
View file

@ -325,8 +325,8 @@
"id": "How this is rendered.d2compiler.measurements also take place",
"type": "rectangle",
"pos": {
"x": 421,
"y": 732
"x": 445,
"y": 756
},
"width": 307,
"height": 126,
@ -365,8 +365,8 @@
"id": "How this is rendered.only if root is not sequence",
"type": "",
"pos": {
"x": 781,
"y": 1338
"x": 805,
"y": 1362
},
"width": 1365,
"height": 80,

2
e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 480 KiB

After

Width:  |  Height:  |  Size: 480 KiB

8
e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json generated vendored
View file

@ -325,8 +325,8 @@
"id": "How this is rendered.d2compiler.measurements also take place",
"type": "rectangle",
"pos": {
"x": 421,
"y": 732
"x": 457,
"y": 768
},
"width": 307,
"height": 126,
@ -365,8 +365,8 @@
"id": "How this is rendered.only if root is not sequence",
"type": "",
"pos": {
"x": 781,
"y": 1338
"x": 817,
"y": 1374
},
"width": 1365,
"height": 80,

2
e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 480 KiB

After

Width:  |  Height:  |  Size: 480 KiB

20
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json generated vendored
View file

@ -125,8 +125,8 @@
"id": "this is a message group",
"type": "",
"pos": {
"x": -71,
"y": 396
"x": -47,
"y": 420
},
"width": 542,
"height": 696,
@ -164,8 +164,8 @@
"id": "this is a message group.and this is a nested message group",
"type": "",
"pos": {
"x": -47,
"y": 526
"x": -23,
"y": 550
},
"width": 494,
"height": 542,
@ -203,8 +203,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "",
"pos": {
"x": -23,
"y": 656
"x": 1,
"y": 680
},
"width": 446,
"height": 388,
@ -242,8 +242,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo",
"type": "",
"pos": {
"x": 1,
"y": 786
"x": 25,
"y": 810
},
"width": 398,
"height": 234,
@ -281,8 +281,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo",
"type": "",
"pos": {
"x": 25,
"y": 916
"x": 49,
"y": 940
},
"width": 350,
"height": 80,

4
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="945" height="1236" viewBox="-171 -26 945 1236"><style type="text/css">
width="921" height="1242" viewBox="-147 -26 921 1242"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="945" height="1236" viewBox="-171 -26 945 1236"><style type="text/css">
}
]]>
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-71" y="396" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="9.000000" y="412.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-47" y="526" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="72.000000" y="542.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</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="-23" y="656" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="63.500000" y="672.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="1" y="786" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="11.500000" y="802.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="25" y="916" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="932.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 595.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 460.000000 L 103.000000 460.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 590.000000 L 103.000000 590.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 720.000000 L 103.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 850.000000 L 103.000000 850.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 980.000000 L 103.000000 980.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-47" y="420" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="33.000000" y="436.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-23" y="550" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="96.000000" y="566.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</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="1" y="680" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="87.500000" y="696.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="25" y="810" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="826.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="49" y="940" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="59.500000" y="956.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 595.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 460.000000 L 103.000000 460.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 590.000000 L 103.000000 590.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 720.000000 L 103.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 850.000000 L 103.000000 850.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 980.000000 L 103.000000 980.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 329 KiB

After

Width:  |  Height:  |  Size: 329 KiB

20
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json generated vendored
View file

@ -125,8 +125,8 @@
"id": "this is a message group",
"type": "",
"pos": {
"x": -71,
"y": 396
"x": -47,
"y": 420
},
"width": 542,
"height": 696,
@ -164,8 +164,8 @@
"id": "this is a message group.and this is a nested message group",
"type": "",
"pos": {
"x": -47,
"y": 526
"x": -23,
"y": 550
},
"width": 494,
"height": 542,
@ -203,8 +203,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "",
"pos": {
"x": -23,
"y": 656
"x": 1,
"y": 680
},
"width": 446,
"height": 388,
@ -242,8 +242,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo",
"type": "",
"pos": {
"x": 1,
"y": 786
"x": 25,
"y": 810
},
"width": 398,
"height": 234,
@ -281,8 +281,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo",
"type": "",
"pos": {
"x": 25,
"y": 916
"x": 49,
"y": 940
},
"width": 350,
"height": 80,

4
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="945" height="1236" viewBox="-171 -26 945 1236"><style type="text/css">
width="921" height="1242" viewBox="-147 -26 921 1242"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="945" height="1236" viewBox="-171 -26 945 1236"><style type="text/css">
}
]]>
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-71" y="396" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="9.000000" y="412.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-47" y="526" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="72.000000" y="542.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</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="-23" y="656" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="63.500000" y="672.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="1" y="786" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="11.500000" y="802.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="25" y="916" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="932.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 595.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 460.000000 L 103.000000 460.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 590.000000 L 103.000000 590.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 720.000000 L 103.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 850.000000 L 103.000000 850.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 980.000000 L 103.000000 980.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[
</style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 599.000000 202.000000 L 599.000000 1109.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="this is a message group"><g class="shape blend" ><rect x="-47" y="420" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="33.000000" y="436.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-23" y="550" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="96.000000" y="566.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</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="1" y="680" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="87.500000" y="696.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="25" y="810" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="826.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="49" y="940" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="59.500000" y="956.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.000000 330.000000 L 595.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><path d="M 347.000000 460.000000 L 103.000000 460.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[1]"><path d="M 347.000000 590.000000 L 103.000000 590.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[2]"><path d="M 347.000000 720.000000 L 103.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[3]"><path d="M 347.000000 850.000000 L 103.000000 850.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(a -&gt; b)[4]"><path d="M 347.000000 980.000000 L 103.000000 980.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";
}

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 329 KiB

After

Width:  |  Height:  |  Size: 329 KiB