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

fix message offset

Browse source
This commit is contained in:
Alexander Wang 2022-12-04 19:38:01 -08:00
parent c896b826a9
commit 77a87668a7
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
9 changed files with 114 additions and 112 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
d2layouts/d2sequence/sequence_diagram.go
View file

@ -220,12 +220,12 @@ func newSequenceDiagram(objects []*d2graph.Object, messages []*d2graph.Edge) *se
func (sd *sequenceDiagram) layout() error {
sd.placeActors()
sd.placeNotes()
if err := sd.routeMessages(); err != nil {
return err
}
sd.placeSpans()
sd.adjustRouteEndpoints()
sd.placeNotes()
sd.placeGroups()
sd.addLifelineEdges()
return nil
@ -457,13 +457,15 @@ func (sd *sequenceDiagram) placeSpans() {
// routeMessages routes horizontal edges (messages) from Src to Dst lifeline (actor/span center)
// in another step, routes are adjusted to spans borders when necessary
func (sd *sequenceDiagram) routeMessages() error {
startY := sd.maxActorHeight + sd.yStep
messageOffset := sd.maxActorHeight + sd.yStep
for _, message := range sd.messages {
noteOffset := 0.
for _, note := range sd.notes {
if sd.verticalIndices[note.AbsID()] < sd.verticalIndices[message.AbsID()] {
startY += note.Height + sd.yStep
noteOffset += note.Height + sd.yStep
}
}
startY := messageOffset + noteOffset
message.ZIndex = 2
var startX, endX float64
@ -496,7 +498,7 @@ func (sd *sequenceDiagram) routeMessages() error {
geo.NewPoint(endX, startY),
}
}
startY += sd.yStep
messageOffset += sd.yStep
if message.Attributes.Label.Value != "" {
message.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))

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

@ -420,11 +420,11 @@
"route": [
{
"x": 875,
"y": 1905
"y": 1393
},
{
"x": 475,
"y": 1905
"y": 1393
}
],
"animated": false,
@ -463,7 +463,7 @@
},
{
"x": 75,
"y": 2035
"y": 1779
}
],
"animated": false,
@ -502,7 +502,7 @@
},
{
"x": 475,
"y": 2035
"y": 1779
}
],
"animated": false,
@ -541,7 +541,7 @@
},
{
"x": 875,
"y": 2035
"y": 1779
}
],
"animated": false,
@ -580,7 +580,7 @@
},
{
"x": 1275,
"y": 2035
"y": 1779
}
],
"animated": false,

8
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="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css">
width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css">
}
]]>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2034.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 475.000000 221.000000 L 475.000000 2034.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 875.000000 221.000000 L 875.000000 2034.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 1275.000000 221.000000 L 1275.000000 2034.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.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.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="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" 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="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.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><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 77.000000 349.000000 L 471.000000 349.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 477.000000 991.000000 L 871.000000 991.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 873.000000 1905.000000 L 479.000000 1905.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="675.500000" y="1911.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="2185">
<rect x="0" y="0" width="1795" height="2185" fill="white"></rect>
<rect x="659.000000" y="1895.000000" width="33" height="21" fill="black"></rect>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.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 475.000000 221.000000 L 475.000000 1778.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 875.000000 221.000000 L 875.000000 1778.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 1275.000000 221.000000 L 1275.000000 1778.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.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.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="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" 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="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.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><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 77.000000 349.000000 L 471.000000 349.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 477.000000 991.000000 L 871.000000 991.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 873.000000 1393.000000 L 479.000000 1393.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="675.500000" y="1399.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="1929">
<rect x="0" y="0" width="1795" height="1929" fill="white"></rect>
<rect x="659.000000" y="1383.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

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

@ -420,11 +420,11 @@
"route": [
{
"x": 875,
"y": 1905
"y": 1393
},
{
"x": 475,
"y": 1905
"y": 1393
}
],
"animated": false,
@ -463,7 +463,7 @@
},
{
"x": 75,
"y": 2035
"y": 1779
}
],
"animated": false,
@ -502,7 +502,7 @@
},
{
"x": 475,
"y": 2035
"y": 1779
}
],
"animated": false,
@ -541,7 +541,7 @@
},
{
"x": 875,
"y": 2035
"y": 1779
}
],
"animated": false,
@ -580,7 +580,7 @@
},
{
"x": 1275,
"y": 2035
"y": 1779
}
],
"animated": false,

8
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="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css">
width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css">
}
]]>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2034.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 475.000000 221.000000 L 475.000000 2034.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 875.000000 221.000000 L 875.000000 2034.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 1275.000000 221.000000 L 1275.000000 2034.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.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.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="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" 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="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.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><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 77.000000 349.000000 L 471.000000 349.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 477.000000 991.000000 L 871.000000 991.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 873.000000 1905.000000 L 479.000000 1905.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="675.500000" y="1911.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="2185">
<rect x="0" y="0" width="1795" height="2185" fill="white"></rect>
<rect x="659.000000" y="1895.000000" width="33" height="21" fill="black"></rect>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.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 475.000000 221.000000 L 475.000000 1778.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 875.000000 221.000000 L 875.000000 1778.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 1275.000000 221.000000 L 1275.000000 1778.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.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.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="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" 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="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.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><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 77.000000 349.000000 L 471.000000 349.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 477.000000 991.000000 L 871.000000 991.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 873.000000 1393.000000 L 479.000000 1393.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="675.500000" y="1399.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="1929">
<rect x="0" y="0" width="1795" height="1929" fill="white"></rect>
<rect x="659.000000" y="1383.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

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

@ -9,7 +9,7 @@
"y": 0
},
"width": 3633,
"height": 4615,
"height": 2311,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -357,10 +357,10 @@
"type": "rectangle",
"pos": {
"x": 1304,
"y": 1381
"y": 1125
},
"width": 20,
"height": 1190,
"height": 422,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -473,10 +473,10 @@
"type": "rectangle",
"pos": {
"x": 1727,
"y": 3697
"y": 1905
},
"width": 20,
"height": 804,
"height": 292,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -691,11 +691,11 @@
"route": [
{
"x": 75,
"y": 1397
"y": 1141
},
{
"x": 1304.5,
"y": 1397
"y": 1141
}
],
"animated": false,
@ -730,11 +730,11 @@
"route": [
{
"x": 1324.5,
"y": 1783
"y": 1271
},
{
"x": 3056.5,
"y": 1783
"y": 1271
}
],
"animated": false,
@ -769,11 +769,11 @@
"route": [
{
"x": 1324.5,
"y": 2169
"y": 1401
},
{
"x": 3528.5,
"y": 2169
"y": 1401
}
],
"animated": false,
@ -808,11 +808,11 @@
"route": [
{
"x": 1324.5,
"y": 2555
"y": 1531
},
{
"x": 3056.5,
"y": 2555
"y": 1531
}
],
"animated": false,
@ -847,11 +847,11 @@
"route": [
{
"x": 1314.5,
"y": 2941
"y": 1661
},
{
"x": 75,
"y": 2941
"y": 1661
}
],
"animated": false,
@ -886,11 +886,11 @@
"route": [
{
"x": 75,
"y": 3327
"y": 1791
},
{
"x": 1737,
"y": 3327
"y": 1791
}
],
"animated": false,
@ -925,11 +925,11 @@
"route": [
{
"x": 1747,
"y": 3713
"y": 1921
},
{
"x": 2165,
"y": 3713
"y": 1921
}
],
"animated": false,
@ -964,11 +964,11 @@
"route": [
{
"x": 1747,
"y": 4099
"y": 2051
},
{
"x": 2596,
"y": 4099
"y": 2051
}
],
"animated": false,
@ -1003,11 +1003,11 @@
"route": [
{
"x": 1727,
"y": 4485
"y": 2181
},
{
"x": 75,
"y": 4485
"y": 2181
}
],
"animated": false,
@ -1046,7 +1046,7 @@
},
{
"x": 75,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1085,7 +1085,7 @@
},
{
"x": 475,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1124,7 +1124,7 @@
},
{
"x": 891,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1163,7 +1163,7 @@
},
{
"x": 1314.5,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1202,7 +1202,7 @@
},
{
"x": 1737,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1241,7 +1241,7 @@
},
{
"x": 2165,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1280,7 +1280,7 @@
},
{
"x": 2596,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1319,7 +1319,7 @@
},
{
"x": 3056.5,
"y": 4615
"y": 2311
}
],
"animated": false,
@ -1358,7 +1358,7 @@
},
{
"x": 3528.5,
"y": 4615
"y": 2311
}
],
"animated": false,

24
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: 479 KiB

After

Width:  |  Height:  |  Size: 479 KiB

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

@ -9,7 +9,7 @@
"y": 12
},
"width": 3633,
"height": 4615,
"height": 2311,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -357,10 +357,10 @@
"type": "rectangle",
"pos": {
"x": 1316,
"y": 1393
"y": 1137
},
"width": 20,
"height": 1190,
"height": 422,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -473,10 +473,10 @@
"type": "rectangle",
"pos": {
"x": 1739,
"y": 3709
"y": 1917
},
"width": 20,
"height": 804,
"height": 292,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -691,11 +691,11 @@
"route": [
{
"x": 87,
"y": 1409
"y": 1153
},
{
"x": 1316.5,
"y": 1409
"y": 1153
}
],
"animated": false,
@ -730,11 +730,11 @@
"route": [
{
"x": 1336.5,
"y": 1795
"y": 1283
},
{
"x": 3068.5,
"y": 1795
"y": 1283
}
],
"animated": false,
@ -769,11 +769,11 @@
"route": [
{
"x": 1336.5,
"y": 2181
"y": 1413
},
{
"x": 3540.5,
"y": 2181
"y": 1413
}
],
"animated": false,
@ -808,11 +808,11 @@
"route": [
{
"x": 1336.5,
"y": 2567
"y": 1543
},
{
"x": 3068.5,
"y": 2567
"y": 1543
}
],
"animated": false,
@ -847,11 +847,11 @@
"route": [
{
"x": 1326.5,
"y": 2953
"y": 1673
},
{
"x": 87,
"y": 2953
"y": 1673
}
],
"animated": false,
@ -886,11 +886,11 @@
"route": [
{
"x": 87,
"y": 3339
"y": 1803
},
{
"x": 1749,
"y": 3339
"y": 1803
}
],
"animated": false,
@ -925,11 +925,11 @@
"route": [
{
"x": 1759,
"y": 3725
"y": 1933
},
{
"x": 2177,
"y": 3725
"y": 1933
}
],
"animated": false,
@ -964,11 +964,11 @@
"route": [
{
"x": 1759,
"y": 4111
"y": 2063
},
{
"x": 2608,
"y": 4111
"y": 2063
}
],
"animated": false,
@ -1003,11 +1003,11 @@
"route": [
{
"x": 1739,
"y": 4497
"y": 2193
},
{
"x": 87,
"y": 4497
"y": 2193
}
],
"animated": false,
@ -1046,7 +1046,7 @@
},
{
"x": 87,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1085,7 +1085,7 @@
},
{
"x": 487,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1124,7 +1124,7 @@
},
{
"x": 903,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1163,7 +1163,7 @@
},
{
"x": 1326.5,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1202,7 +1202,7 @@
},
{
"x": 1749,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1241,7 +1241,7 @@
},
{
"x": 2177,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1280,7 +1280,7 @@
},
{
"x": 2608,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1319,7 +1319,7 @@
},
{
"x": 3068.5,
"y": 4627
"y": 2323
}
],
"animated": false,
@ -1358,7 +1358,7 @@
},
{
"x": 3540.5,
"y": 4627
"y": 2323
}
],
"animated": false,

24
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: 479 KiB

After

Width:  |  Height:  |  Size: 479 KiB